给头部加个我的微博图标

知更鸟

1500
文章

6904
评论

2011年11月3日22:57:04 84 10.4K

摘要

　　有童鞋在http://faq.wopus.org问如何在头部加个关注微博的图标，其他人也可能有此需要，于是把回复内容转过来，供大家折腾玩。
　　HotNews主题LOGO右侧有小块空白，很多童鞋也可能也一直想挤出些地方放点什么，其实作网页与写书法绘画一样，需要留白，给人更多想象的空间，更有层次感，否则密密麻麻的，看着让人眼花，心烦，不过放个小图标装饰一下也不为过，效果如图。
　　其中的文字、链接及图片可以根据自己的喜好更换，左右位置可通过修改….

有童鞋在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控制，本人不写围脖就不加了，提供一张作好的图片。

关于本站

分享交流WordPress经验与技巧，关注前端设计与网站制作。仅用于功能演示。

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

评论：84 其中：访客 69 博主 13 引用 1

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