HotNews pro头部加我的微博图标

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

80404-772704496-8

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

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

下面加上:

  1. <div class=“topimg”><a title=“关注微博” target=“_blank” href=“http://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.     rightright:20px;         
  6.     width:100px;         
  7.     height:25px;         
  8.     text-indent:-10000px;         
  9. }  

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

80403-772704496-8

原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/765.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
wwhwwh
上一篇 2012-12-17
下一篇 2012-12-24

相关推荐

  • 如何寻找合适的友情链接

    不管是新站还是老站,一直都离不开友情链接的建设。友情链接并不一定能给你带来多少直接流量,但它能够把页面的权重传递给链接的网站页面,同时能吸引搜索引擎抓取链接网站的数据,让搜索引擎更…

    2013-03-26
    10.3K6
  • WordPress5.0版本后默认使用经典编辑器方法

    WordPress推出了5.0版本的更新,其中发生最大的变化就是编辑器由默认的经典编辑器升级到了新的Gutenberg(古腾堡)编辑器 但是在新版编辑器中有很多功能使用起来都发生了…

    2021-04-29
    3.9K0

发表回复

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~