大胆的主题-调整PHP的第二个标志?

时间:2011-03-29 作者:jakc

从Site5运行带有免费粗体主题的WordPress 3.1。

以下是我的网站的工作版本:http://www.dekhoforum.com

我想实现如下截图:enter image description here

i、 e.在社交媒体图标上方有第二个徽标。

编辑-屏幕截图显示将现有图像移动到新位置
这是一种误导,实际上我需要一个新的图像占位符,并且不要移动现有的徽标(这是正确的图像),因为这在其他页面(如blog.- 简言之,在整个网站的每个页面顶部都要有这个标志,这是一个营销要求

我考虑过的一个选择是,试图添加另一个社交媒体图标,但将其链接到我公司的主要网站。

我以前在前面的主题上对PHP进行过调整,但总是从您那里得到了一些指导。

想知道是否有人可以提供建议?我一直在头球窥探。php,但我想我需要在某个地方写一行新词?

任何帮助都会很好。

1 个回复
最合适的回答,由SO网友:Chris_O 整理而成

这可以通过CSS轻松实现

有时最好使用CSS来修改主题。我使用Web Kit developer toolsFirebug 在浏览器中进行实时编辑,直到看起来正确为止,然后将其保存回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;
}
结果:

enter image description here


Edit after question was clarified that an additional logo was needed

要添加其他徽标,请打开标题。php文件并找到如下行:

Edit

下面显示的第二个徽标代码应位于标题的第78行。php文件

enter image description here

<!-- 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;
    }

结束

相关推荐

User bar above logotipo?

我正在寻找一个关于如何创建用户栏或简单主题的简单示例,可以作为示例。我的意思是,我们在Wordpress答案上看到了一些东西,如果你在徽标上方看到一个用户栏,上面有用户登录时的信息,以及用户未登录时的登录/注册选项。我在这里用导航栏和用户栏做了一个小搜索,但没有找到任何标题。