SupeSite 如何替换和修改 logo 大小

（一）、default 模板

1、如何替换 logo

做好自己网站的 logo 后，将您的 logo 命名为“logo.gif”复制到 \templates\default\images 里覆盖系统默认的 logo.gif 即可。


2、如果自己的 logo 大于或者小于系统默认自带的 logo，如何修改 logo 的高度和宽度

1）、按照上面的方法替换系统自带的 logo 图片为自己的 logo

系统自带的 logo 显示如图 1 所示：



替换了我自己的比较大的 logo 后效果如图 2 所示：



从这个图片我们可以看出，default 模板对 logo 的宽度没有显示限制，在一定范围内的 logo 图片（当然，这个宽度不能大于页面宽度 778px），宽度方面可以显示完整，不过高度这里就需要修改 css 才可以显示完整了。

修改方法：打开 \templates\default\css\style.css 文件，找到下面一段代码：

1. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; overflow: hidden; }

复制代码

修改其中的 he\ight: 60px 为你的 logo 高度即可，比如我用来测试的这个 logo 的高度是 120px，那么我就把这里修改为 he\ight: 120px 即可。修改后的效果如图 3 所示：



上图中如果觉得 logo 图片上下边距太大，可以修改上面代码中的 padding: 8px 将 8px 修改小一些即可。


（二）、softsea 模板

1、如何替换 logo

做好自己网站的 logo 后，将您的 logo 命名为“logo.jpg”复制到 \templates\softsea\images 里覆盖系统默认的 logo.jpg 即可。

如果您做的 logo 图片为 gif 的而不是 jpg 的，可以通过以下修改得到效果：

打开 \templates\softsea\css\style.css 文件，找到下面一段代码：

1. #pagetitle h2 a { float: left; width: 211px; height: 85px; background: url(../images/logo.jpg); text-indent: -9999px; overflow: hidden; }

复制代码

修改其中的 logo.jpg 为 logo.gif 保存即可。

经过这样的修改后，你只需要把你的 logo.gif 图片拷贝到 \templates\softsea\images 下即可显示您自己的 logo 图片。


2、如果自己的 logo 大于或者小于系统默认自带的 logo，如何修改 logo 的高度和宽度

该模板系统默认的 logo 显示如图 4 所示：



这里需要注意的是，制作自己的 logo 的时候要注意 logo 的背景要使用默认 logo 的背景如图 5 所示，否则整体显示就不搭调了。这个 logo 图片的 psd 源文件在 \templates\softsea\source 目录下。做好新添加的图标后，还要修改 \templates\softsea\images\topmenu.jpg 图片，增加新添图标进去。




如果您自己的 logo 宽度大于系统默认的 logo 大小，可以按如下方法修改：

打开 \templates\softsea\css\style.css 文件，找到下面一段代码：

1. #pagetitle h2 a { float: left; width: 211px; height: 85px; background: url(../images/logo.jpg); text-indent: -9999px; overflow: hidden; }

复制代码

修改其中的 width: 211px ，将 211px 修改为您的 logo 宽度即可，不过这里需要注意如果 logo 太宽，会影响右部导航图标的显示，请注意布局合理化。

关于 softsea 模板 logo 图片的高度修改这里将不再做详细介绍，因为比较复杂，涉及的修改面比较大，所以这个高度我们不建议修改。

[ 本帖最后由 紫琼 于 2007-9-21 17:35 编辑 ]

终于抢到沙发了，哈哈。先收藏了再说

对我们新手很实用 谢谢

学习中:) :) :)

很实力!支持.:)

"复制到 \templates\softsea\images 里覆盖系统默认的 logo.jpg 即可。"
现在的问题是不知道“\templates\softsea\images” 在什么地方？

慢一步头第一页都抢不到啊:)

这种方法替换的logo，事实上只有supersite中的，论坛中的logo，还需要进入论坛的目录进行更换，并且，不同风格下，logo也都要分别制作（或者制作成透明的以适应不同风格）才成，这样才够全面，否则整个网站就不够统一。

根據樓主指引, 已改成如下:

#pagetitle h2 a { float: left; width: 450px; height: 80px; background: url(images/logo.jpg); text-indent: -9999px; overflow: hidden; }

可惜改了次後, logo 和 \templates\softsea\images\topmenu.jpg 圖片沒有顯示出來, 但click在topmenu 的圖片中, 他們會自動執行工作 (即是click論壇上的圖片, 他自動連結論壇網頁)