不得言的WordPress博客做了两个小调整
终于抽出二个小时的时间,把不得言博客不如意的两个方面做了改动。其一是,在博客初建时就没能解决的浏览器兼容问题。另一个是,在正文部分的右上侧,加入了腾讯微博的一个链接,和Feed、Twitter相映成趣。
昨天抽时间把博客更新到了WordPress 3.0.2,并做了相关调整,暂没发现问题,姑且就这么地吧。今天就谈谈修改的两个小问题。第一个是不得言博客的一个特例,没有通用性,放在后面说。第二个,把腾讯微博链接加入到你的WordPress。虽然简单,但要做到同网站原有内容和谐统一,则需要一点技巧。
WordPress主题,加入腾讯微博链接
似乎太简单了,简单的我一边写一边笑。我使用的是Inove主题修改版。这里简单说说我修改的过程吧。首先,找到sidebar.php文件,并对相关代码进行研究。其次,在百度图片里找到一个QQ企鹅的图片,我选择了一个男(公?)企鹅,使用图片处理工具,处理成25X25大小,整合到原有的Feed.gif图片中。
1、找到styles.css文件,加入定义腾讯微博的样式
#sidebar #qq{
height:25px;
line-height:25px;
display:block;
padding:5px 5px 5px 36px;
float:left;
text-decoration:none;
font-size:12px;
}
#sidebar #qq {
background: url(img/feeds.gif) 5px -145px no-repeat;
margin-left:10px;
font-size:12px;
}
2、找到sidebar.php文件加入下面代码
<a id="qq" title="腾讯微博" href="http://t.qq.com/bdylovehll">腾讯微博</a>
WordPress头部红色条在IE8错位
初建Wordpress博客时,对CSS还处于初学阶段,代码不仅繁缛,还错误百出。今日弄出点时间,让它在IE6、IE8、Firefox3下看的漂亮了,不错位了。下面是修改后的代码。
#logo {
margin:0px auto;
width:948px;
overflow:hidden;
height:110px;
overflow:hidden;
}
#logo h1 a{
margin:20px 0px -10px 0px;
color:#FFF;
display:block;
font-family:"宋体";
font-size:40px;
text-indent:50px;
line-height:45px;
text-decoration:none;
}
#logo h1 a:hover {
text-decoration:none;
}
#logo .description {
color:#FFF;
font-size:14px;
float:left;
padding:0px 0px 11px 100px;
overflow:hidden;
}
#navigation {
width:948px;
margin:0px auto;
height: 45px;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
overflow:hidden;
}
#menu{
height: 50px;
background-color: #313131;
background-image: url(img/pages-bg.gif);
background-repeat: repeat-x;
background-position: top;
width:948px;
}
最新评论