这可以通过CSS轻松实现
有时最好使用CSS来修改主题。我使用
Web Kit developer tools 或
Firebug 在浏览器中进行实时编辑,直到看起来正确为止,然后将其保存回CSS。
编辑样式中的以下行。css。
/* line 201 pulled down the icons to make room for the 2nd logo */
#topSocial {
position:absolute;
right:0;
top: 150px;
}
/* line 80 add relative positioning to the wrapper div to allow the logo to be positioned absolute */
#wrapper {
margin:0 auto;
width:960px;
position: relative;
}
/* line 85 made the header a little taller to make room for the 2nd logo*/
#header {
height: 220px;
position:relative;
background:url(images/bk_header.png) 0 0 no-repeat;
}
/* line 312 moved the logo in place using position absolute */
#blurb img {
border:none;
position: absolute;
top: 90px;
right: 15px;
margin-top: 5px;
}
结果:
Edit after question was clarified that an additional logo was needed要添加其他徽标,请打开标题。php文件并找到如下行:
Edit
下面显示的第二个徽标代码应位于标题的第78行。php文件
<!-- END TOP SEARCH -->
<!-- BEGIN TOP SOCIAL LINKS -->
在这两行之间添加基本XHTML以显示链接图像:
<!-- END TOP SEARCH -->
<!-- BEGIN 2ND LOGO -->
<div id="new-logo">
<a href="http://link_you_want_image_to_point_to"><img src="http://url_of_image" width="xx" height="xx" /></a>
</div>
<!-- END 2ND LOGO -->
<!-- BEGIN TOP SOCIAL LINKS -->
使用完全相同的CSS我给你以上除了改变
#blurb img {
border:none;
position:absolute;
top: 90px;
right: 15px;
margin-top: 5px;
}
收件人:
#new-logo img {
border:none;
position:absolute;
top: 90px;
right: 15px;
margin-top: 5px;
}