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

相关推荐

  • 代码实现WordPress评论回复样式

    之前就在网上看过怎么用代码实现wordpress评论回复,也有很多“比较懒”的用户直接用插件实现的。 我一直都在用ConcisePro主题,发现它其实自带了代码实现评论回复功能的,…

    2013-08-02
    12.8K7
  • WordPress手动升级教程

    1、备份Wordpress资料及数据库,强烈建议,为安全起见。 2、下载最新版的Wordpress,切记进入Wordpress官网下载。 3、删除主机上的wp-includes和w…

    2013-12-16
    15.3K1

发表回复

登录后才能评论

联系我们

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

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

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