给头部加个我的微博图标

知更鸟
知更鸟
知更鸟
1500
文章
6904
评论
2011年11月3日22:57:04 84 10.4K
摘要

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

有童鞋在http://faq.wopus.org问如何在头部加个关注微博的图标,其他人也可能有此需要,于是把回复内容转过来,供大家折腾玩。

HotNews主题LOGO右侧有一小块空白,很多童鞋可能也一直想挤出些地方放点什么,其实作网页与写书法绘画一样,需要留白,给人更多想象的空间,更有层次感,否则密密麻麻的,看着让人眼花,心烦, 不过放个小图标装饰一下也不为过,效果如图。

下面开始。打开所有以header开头的模版文件在:

  1. <?php include('includes/time.php'); ?>

下面加上:

  1. <div class="topimg"><a title="关注微博" target="_blank" href="https://zmingcx.com/">关注微博</a></div>

打开主题样式文件style.css首先把:

  1. .header_c {
  2.     width980px;
  3.     }

改为:

  1. .header_c {
  2.     width980px;
  3.     position:relative;
  4.     }

为方便图标定位之用。

随后在这句后面加上一句:

  1. .topimg a {
  2.     positionabsolute;
  3.     background:url(images/dd.png) no-repeat;
  4.     top:27px;
  5.     right:20px;
  6.     width:100px;
  7.     height:25px;
  8.     text-indent:-10000px;
  9. }

其中的文字、链接及图片可根据自己的喜好更换,左右位置通过修改right:20px控制,本人不写围脖就不加了,提供一张作好的图片。

 

weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
全球通用头像Gravatar申请教程 WordPress

全球通用头像Gravatar申请教程

百度百科:我们在很多博客或者网站留言,评论的时候会看到有的人头像很酷很个性化,但是这个博客和网站本身并没有提供设置头像的功能,感觉有点神奇,那么是怎么做到的呢?其实这是使用了Gravatar。 是Gl...
Wordpress面包屑(breadcrumb)导航代码 WordPress

WordPress面包屑(breadcrumb)导航代码

所谓面包屑(breadcrumb)导航,类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。下面这段代码,可以很容易地将导航...
悲催!HotNews Pro 2.7.2发现严重样式错误 HotNews主题

悲催!HotNews Pro 2.7.2发现严重样式错误

今天在XP下浏览自己的博客,发现字号错乱,大小不一,已严重影响页面布局,第一感觉就是因为XP默认无微软雅黑字体,显示有偏差,但仔细一看并非只是因为字体,而是主题各部分字号定义有问题。 主要是CMS布局...
将百度推荐集成到HotNews主题中 HotNews主题

将百度推荐集成到HotNews主题中

百度推荐于10月未正式向广大站长完全开放,与之相似的同类产品众多,个人感觉百度推荐与其它同类产品不同之处是,完全站内链接,没有跳转,百度推荐的内容都是直接链接到你自己的网站上,而不是像其它同类产品需要...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:84   其中:访客  69   博主  13   引用   1
    • 李征 李征 1

      一直在调试这个微博按键的位置,老是错位到跟 2012年3月17日 星期六您是第 1898 位访客这句话平行,不知道是哪里出了错误,求鸟哥帮忙!

        • 知更鸟 知更鸟

          回复 李征 如果完全按照教程修改的,不会有问题

        • yumanutong yumanutong 6

          鸟哥,我改了,错位也,样式走到中间那里了!

            • yumanutong yumanutong 6

              回复 yumanutong OK了,都是我笨,文章中images/dd.png改为自己图片绝对地址,就OK了!

                • 真威武 真威武 1

                  回复 yumanutong 我的问题跟你的一样,地址也改了,还是不行,是咋个原因呢

                  • yumanutong yumanutong 6

                    回复 真威武 今晚加我Q聊,我早上和下午都要上班!

                    • 真威武 真威武 1

                      回复 yumanutong 好的

                      • 真威武 真威武 1

                        回复 真威武 搞定了,哈哈,加上的是绝对地址。

                      • chachachade chachachade 1

                        回复 yumanutong “熊猫烧香”病毒?你的头像怎么那么奇怪?你的电脑中毒了么?

                          • yumanutong yumanutong 6

                            回复 chachachade 头像和病毒毛线关系?我一直用这个头像

                        • 萧怀伦 萧怀伦 3

                          你好,我想在这个位置放上百度的我喜欢按钮请问怎么弄,谢谢!请指点

                          • 谷哥100° 谷哥100° 2

                            学习楼主分享,搞定。

                            • beyondme37 beyondme37 4

                              添加了,然后被adblock给屏蔽了。。。那肿么办。。

                              • 手机巴士 手机巴士 2

                                好像是2.7.1用不到,按教程改了,一样不显出来,图片也绝对地址也不行,下版本建议加个关注按键开关,因为现在用这个的多,感谢知更鸟

                                • 吴文辉IT博客 吴文辉IT博客 3

                                  鸟哥,能问下你代码高亮是怎么实现的吗?是用的哪个插件还是?就这篇文章的

                                  • 瑞俪儿 瑞俪儿 1

                                    Copyright © 2013 测试 保留所有权利. Theme by Robin

                                    除了首页正常,其它 Copyright © 没对齐。
                                    这样
                                    Copyright

                                    2013 测试 保留所有权利. Theme by Robin