SupeSite5.5/X-Space3.0风格模版修改常见问题汇总帖

如题！
推荐先看这里
SupSite页面文件与模块关系说明
http://www.discuz.net/thread-471184-1-2.html

SS5.5/XS3.0默认模板各页面调用内容说明
http://www.discuz.net/thread-586850-1-2.html

【视频教程推荐】SupeSite V5.0 利用模块功能进行模板设计的视频教程(更新推荐)
http://www.discuz.net/thread-320058-1-2.html

开此帖的目的就是为了方便会员查找目前 SupeSite5.0/X-Space2.0风格模版常见的修改错误的解决方法！
此帖跟帖回复不得灌水，不得恶意刷屏（连续回复不超过三楼，楼主除外），不得只发表表情或是简单的“顶”，“支持”之类的回复帖子，更不得发布广告以及网址链接之类的回复，违者按版规以恶意灌水、广告帖处理！

1. ss3.0 softsea风格的登录口完美修改
A.)将XS/SS根目录下的登陆文件batch.panel.php全部修改为

CODE:

<?php

/*
        [SupeSite/X-Space] (C)2001-2006 Comsenz Inc.
        用户动态面板

        $RCSfile: batch.panel.php,v $
        $Revision: 1.14 $
        $Date: 2007/04/10 16:15:40 $
*/

include_once('./include/main.inc.php');
include_once(S_ROOT.'./language/batch.lang.php');

getcookie();

$uid = $_SGLOBAL['supe_uid'];

if(!empty($uid)) {
        print <<<END
        document.write('<h3>$blang[my_menu]</h3>');
        document.write('<ul class="msgtitlelist">');
        document.write('<li><a href="http://x.discuz.net/$uid.html" target="_blank">$blang[my_space]</a>   <a href="$siteurl/spacecp.php?docp=me" target="_blank">$blang[space_management]</a>   <a href="$siteurl/spacecp.php?docp=$uid&action=spaceblogs&op=add&openwindow=1" target="_blank"><font color="#ff3300">发布日志</font></a></li>');
        document.write('<li><a href="$bbsurl/pm.php" target="_blank">$blang[my_pm]</a>   <a href="$bbsurl" target="_blank">$blang[forum_visit]</a>   <a href="$siteurl/spacecp.php?docp=$uid&action=spaceimages&op=add&openwindow=1" target="_blank"><font color="green">添加照片</font></a></li>');
        document.write('<li><a href="http://x.discuz.net/action/site/type/panel.html" target="_self">$blang[my_quickly_face]</a>   <a href="$siteurl/spacecp.php?docp=$uid&action=spacegoods&op=add&openwindow=1" target="_blank">发布商品</a>   <a href="$siteurl/batch.login.php?action=logout" target="_self">$blang[safe_logout]</a></li>');
        document.write('</ul>');
END;
} else {
        print <<<END
        document.write('<form. id="login" method="post" name="login" action="$siteurl/batch.login.php?action=login" target="_self">');
        document.write('<fieldset id="userlogin">');
        document.write('<legend>$blang[user_login]</legend>');
        document.write('<p><label for="username">$blang[username]</label><input type="text" name="username" id="username" /></p>');
        document.write('<p><label for="userpass">$blang[password]</label><input type="password" name="password" id="userpass" /></p>');
        document.write('<p><button type="submit" name="loginsubmit" id="dologin" value="true">$blang[login]</button></p> <p style="float:right"><a href="$bbsurl/register.php?referer=$siteurl/index.php" target="_blank">$blang[registration]</a> <a href="$bbsurl/member.php?action=lostpasswd" target="_blank">$blang[find_passwords]</a></p>');
        document.write('</fieldset>');
        document.write('</form>');
END;
}

?>B.)修改模版风格目录templates\softsea\css\style.css
找到

CODE:

#userpanel li a { padding-left: 10px; margin-right: 45px; background: url(../images/icon_item.gif) no-repeat 0 7px; }修改为

CODE:

#userpanel li a { padding-left: 5px; margin-right: 0px; background: url(../images/icon_item.gif) no-repeat 0 7px; }注：

QUOTE:

其实只是修改
padding-left: 10px;  与 margin-right: 45px
的红色部分的数值直到你满意为止
附加：padding-left 意思是：填充-左边    margin-right 意思是：边界-右边

演示图：


1.gif

如是修改官方默认登录风格，只需要找templates\default\css\style.css

CODE:

#userpanel li { border-bottom: 1px solid #EEE; background: url(../images/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }修改padding-left: 12px; 与 border-bottom: 1px
的红色部分的数值直到你满意为止
注：padding-left 意思是：填充-左边    border-bottom 意思是：边界-底部

2. SoftSea模板Logo及导航图标的源文件
点击链接进入下载

3.请教：怎么改变颜色，会的老师请细致的讲解下，一是那个深蓝色的，二是下面的浅蓝色

QUOTE:

如图：


1.jpg
方法：修改风格目录templates\default（你需要修改的风格目录）\css\style.css
深色那改#86B9D6
.blocktitle {3px solid #86B9D6 }
底色
.blocktitle h2 中的background: #E2F0F9

4.删除个人空间版权
打开XS/SS根目录的/css/space.css
查找：

CODE:

/*页脚*/
#xspace-footer { text-align : center; margin: 1em 0 0 0; }
        #xspace-footer p { margin: 0.3em 0; }
        #xspace-copyright { font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 2em; }
                #xspace-copyright strong { color: #036; font-weight:bold; }
                #xspace-copyright em { color: #FF9900; font-weight:bold; font-style: normal; }替换为：

CODE:

/*页脚*/
#xspace-footer { text-align : center; margin: 1em 0 0 0; }
        #xspace-footer p { margin: 0.3em 0; }
        #xspace-copyright { font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 2em; display:none; }
                #xspace-copyright strong { color: #036; font-weight:bold; }
                #xspace-copyright em { color: #FF9900; font-weight:bold; font-style: normal; }遮挡ＩＥ浏览器上的 - powered by X-Space　字样
打开XS/SS根目录的/include/js/common.js
在js代码的最下面加入

CODE:

document.title = document.title.replace(' - powered by X-Space', '');5.softsea的风格哪里可以下载？
进XS/SS后台，基本设置--系统设置--站点设置--页面风格目录--下拉菜单选择softsea就可以了

[ 本帖最后由 998w 于 2007-4-20 16:46 编辑 ]