HotNews主题LOGO右侧有一小块空白,很多童鞋可能也一直想挤出些地方放点什么,其实作网页与写书法绘画一样,需要留白,给人更多想象的空间,更有层次感,否则密密麻麻的,看着让人眼花,心烦, 不过放个小图标装饰一下也不为过,效果如图。
下面开始。打开所有以header开头的模版文件在:
- <?php include(‘includes/time.php’); ?>
下面加上:
- <div class=“topimg”><a title=“关注微博” target=“_blank” href=“http://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;
- rightright:20px;
- width:100px;
- height:25px;
- text-indent:-10000px;
- }
其中的文字、链接及图片可根据自己的喜好更换,左右位置通过修改right:20px控制,本人不写围脖就不加了,提供一张作好的图片。
原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/765.html