有童鞋在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控制,本人不写围脖就不加了,提供一张作好的图片。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!





海南省海口市 1F
火星人表示一定要支持…
不玩微博的路过…
北京市西城区 2F
菜鸟求教:
鸟哥,关注你的模版好几天了,一直在本地测试,过两天网站正式上线。
关于这个微博的我很喜欢, 但是我试过几次了,图标是有显示,但是点击没有反映。
求鸟哥指教。关注微博 这句话只需要把链接改成自己的就可以么 ?
北京市西城区 B1
@ (丶奋斗) 经过不懂代码的菜鸟反复的测试出最终结果是这样的:.topimg a { 改成.weibo a {
.weibo a {
position: absolute;
background:url(images/dd.png) no-repeat;
top:25px;
right:20px;
width:100px;
height:30px;
text-indent:-10000px;
}
B2
@ (丶奋斗) 嗯,写的有点匆忙,少打了一个a
北京市 3F
请教一个问题,为什么在你文章中的图片上有的有放大镜图标有的没有?
B1
@ 高高 那只是图片上画了一个放大镜而已
北京市 B2
@ 知更鸟 哦,明白,能不能实现这个小功能啊,就是自动在缩略图标上添加一个放大镜的按钮?
B3
@ 高高 视频及图片模版有此功能,没看见?
山东省临沂市 4F
嗯,做的越来的越好了,等我的站做大了,专门叫你设计一个啊!另外弱弱的问一句,设计一个得多少钱?
河南省郑州市 5F
打算在页面底部做一排图标挂上。。。正在研究。
B1
@ 高邦设计 友情链接支持图片显示
重庆市 6F
样式不错
河南省郑州市 7F
有个小问题请教一下,首页底部导航“返回首页 站点地图……网盘 图床” 的部分,如何自定义?为什么我自己加链接代码后会错位?
B1
@ 高邦设计 我是使用菜单功添加的自定义链接
四川省内江市 8F
不知为什么,我也很不喜欢玩微博.
江苏省无锡市 9F
不错是个好东西学习了
北京市 10F
嘿嘿那个问题是我提问的! 晒一下
江苏省扬州市 11F
是啊 可以秀美图
江苏省扬州市 12F
请问你的插入代码用的是什么插件,自己美化了吗?
B1
@ 东写西读 教程
https://zmingcx.com/do-not-realize-wordpress-code-highlight-plugin.html
四川省成都市 13F
转到底部和返回顶部的新样式怎么改呀?
福建省福州市 14F
微博这东西 都是只看别人写的 呵呵
辽宁省盘锦市 15F
其实我更喜欢把这个微博换个40×40的小图标放在下面的公告栏右边,可以用来代替“腾讯微博 新浪微博” 等
浙江省台州市 16F
我来晚了。你们这帮家伙。。。。。。。。。。
四川省内江市 17F
这个不错,增加了粘连性。 谢了鸟哥
四川省内江市 18F
都是只看别人写的
广东省广州市 19F
喜欢超简洁的人路过。。。
内蒙古包头市 20F
一看就是编程高手,可是我不太董那些啊!羡慕啊
天津市 21F
这是个很值得推荐的东西。HOHO~
天津市 22F
矮油,鸟哥右边这个滚动新样式不错哦~ 请知识教程~
澳门 23F
话说我也没有成功。。。。郁闷~
河南省信阳市固始县 24F
还不错,呵呵
河南省信阳市固始县 25F
鸟哥,怎么让留言板上的留言字数来个限制呢?比如说少于10个字节不能发表。哦
B1
@ Win7en乐园 插件:
http://wordpress.org/extend/plugins/wp-anti-spamdali/
河南省信阳市固始县 B2
@ 知更鸟 好的,谢谢表哥!
上海市嘉定区 26F
感觉挺好的,呵呵
北京市 27F
喜欢这种图片,但是我是PS盲,不懂。 想把新浪的换成腾讯的。
福建省厦门市集美区 28F
可以把那个我的微薄替换成,收藏,分享,等图标,在那个位置很好看!
我尝试过
四川省内江市 29F
感觉挺好的
上海市长宁区 30F
微博是?wordpress 也是微博?
云南省大理州 31F
加上去以后效果不错呀!感谢鸟哥
广东省深圳市 32F
文章第三行有东西挡住了,是怪什么?
谢谢!
B1
@ 黄天运博客 @黄天运博客 :
怪只能怪你不爱看使用说明
广东省深圳市 33F
不行啊。。。
广东省深圳市 34F
呵呵 说明我看过很多次了 鸟哥。
微博好像只能在文章页面显示,首页没有哦。
湖北省武汉市 35F
鸟哥,来看了,知更鸟的主题已经被你优化的不行了,太厉害太强大了,呵呵!
上海市 36F
话说我用它DIY了个 QQ在线状态,谢谢鸟哥折腾
四川省成都市 37F
请问为什么我回复的楼层是-50 -49 这些呢? 怎么解决呢?
B1
@ 小z 看使用说明中的注意事项
湖南省衡阳市 B1
@ 小z 在【讨论】栏目设置一下“分页显示评论”就可以正确显示楼层了!
山东省济宁市 38F
await 主题 这个主题也是知更鸟的吗?这个主题中友情链接在全站中都显示,怎么才能在首页显示呢?
B1
@ 如何学习seo 把主题作者版权链接去掉,还跑来问这问那,你们这种人真是让人无语….
上海市 39F
技术很牛啊
陕西省西安市 40F
很好很强大
河南省郑州市 41F
你好,鸟哥
用了2.7的模板,分享的功能怎么没了呀,请给支个招,我需要那个功能,谢谢了,发我邮箱好吗?
福建省厦门市 42F
我只看看,我不说话
福建省厦门市 43F
楼主好!
湖南省衡阳市 44F
鸟哥威武!
江苏省无锡市 45F
学习了!
上海市 46F
功能很好,,小弟我笨手笨脚还没研究好。
内蒙古呼和浩特市 47F
评论头像怎么设置啊?我的怎么没有呢?
B1
@ 淡定 https://zmingcx.com/for-a-portrait-of-his-own-gravatar.html
内蒙古呼和浩特市 B2
@ 知更鸟 我申请了,也传了图片,Gravatar里头像变了,但发评论写了这个邮件地址后依然不显示,不知道是什么原因
辽宁省阜新市 48F
哥哥 为什么我的不显示呢,只在上方显示“关注微博”四个字
河南省濮阳市 49F
我的按照步骤下来显示的不对啊 显示到正中间 调那个right:20px没反应。
来自外部的引用