有童鞋在http://faq.wopus.org问如何在头部加个关注微博的图标,其他人也可能有此需要,于是把回复内容转过来,供大家折腾玩。
HotNews主题LOGO右侧有一小块空白,很多童鞋可能也一直想挤出些地方放点什么,其实作网页与写书法绘画一样,需要留白,给人更多想象的空间,更有层次感,否则密密麻麻的,看着让人眼花,心烦, 不过放个小图标装饰一下也不为过,效果如图。
下面开始。打开所有以header开头的模版文件在:
- <?php include('includes/time.php'); ?>
下面加上:
- <div class="topimg"><a title="关注微博" target="_blank" href="https://zmingcx.com/">关注微博</a></div>
打开主题样式文件style.css首先把:
- .header_c {
- width: 980px;
- }
改为:
- .header_c {
- width: 980px;
- position:relative;
- }
为方便图标定位之用。
随后在这句后面加上一句:
- .topimg a {
- position: absolute;
- background:url(images/dd.png) no-repeat;
- top:27px;
- right:20px;
- width:100px;
- height:25px;
- text-indent:-10000px;
- }
其中的文字、链接及图片可根据自己的喜好更换,左右位置通过修改right:20px控制,本人不写围脖就不加了,提供一张作好的图片。

版权声明
本站原创文章转载请注明文章出处
2012年3月17日 16点17分 51F
一直在调试这个微博按键的位置,老是错位到跟 2012年3月17日 星期六您是第 1898 位访客这句话平行,不知道是哪里出了错误,求鸟哥帮忙!
2012年3月17日 19点53分 B1
@ 李征 如果完全按照教程修改的,不会有问题
2012年5月29日 13点27分 52F
鸟哥,我改了,错位也,样式走到中间那里了!
2012年5月29日 13点51分 B1
@ yumanutong OK了,都是我笨,文章中images/dd.png改为自己图片绝对地址,就OK了!
2012年6月12日 12点41分 B2
@ yumanutong 我的问题跟你的一样,地址也改了,还是不行,是咋个原因呢
2012年6月12日 13点12分 B3
@ 真威武 今晚加我Q聊,我早上和下午都要上班!
2012年6月12日 14点32分 B4
@ yumanutong 好的
2012年6月12日 15点04分 B4
@ 真威武 搞定了,哈哈,加上的是绝对地址。
2013年2月10日 23点37分 B1
@ yumanutong “熊猫烧香”病毒?你的头像怎么那么奇怪?你的电脑中毒了么?
2013年2月12日 13点08分 B2
@ chachachade 头像和病毒毛线关系?我一直用这个头像
2012年6月22日 14点11分 53F
你好,我想在这个位置放上百度的我喜欢按钮请问怎么弄,谢谢!请指点
2012年8月11日 17点43分 54F
学习楼主分享,搞定。
2012年10月26日 21点25分 55F
添加了,然后被adblock给屏蔽了。。。那肿么办。。
2012年11月3日 14点38分 56F
好像是2.7.1用不到,按教程改了,一样不显出来,图片也绝对地址也不行,下版本建议加个关注按键开关,因为现在用这个的多,感谢知更鸟
2012年12月19日 14点29分 57F
鸟哥,能问下你代码高亮是怎么实现的吗?是用的哪个插件还是?就这篇文章的
2012年12月19日 16点34分 B1
@ 吴文辉IT博客 看HotNews Pro 2.7主题使用说明■ 代码高亮
2013年10月19日 14点16分 58F
Copyright © 2013 测试 保留所有权利. Theme by Robin
除了首页正常,其它 Copyright © 没对齐。
这样
Copyright
2013 测试 保留所有权利. Theme by Robin
来自外部的引用: 1