1。如何修改菜單欄
相關css:#menu { height: 31px; border: 1px solid {CATBORDER}; {HEADERMENUBGCODE}; background-repeat: repeat-x; }
解釋:height表示菜單欄高度,border表示邊框寬度為1px、實線,顏色為{CATBORDER},{HEADERMENUBGCODE}表示背景,background-repeat表示背景橫向平鋪。
2。如何修改forum.gif、forum_new.gif、forumlink.gif、bdays_cake.gif、online.gif圖標的顯示
6.0設置這些圖標以背景的形式顯示,大家可能感覺它的位置有一點點彆扭,下面以forum.gif為例教大家如何修改。
forum.gif:
相關css:.forumlist tbody th { background-image: url({IMGDIR}/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
解釋:background-image表示背景圖像,background-repeat表示背景不平鋪,background-position表示背景圖像位置距左右13px、上下50%。
我們感覺彆扭的也就是背景圖像的左右位置,不過forum.gif和forum_new.gif的似乎還不怎麼影響什麼,如果你感覺彆扭可以修改為10px,下面看另外三個圖標的css。依上面的順序分別為:
.forumlist tbody th.new { background-image: url({IMGDIR}/forum_new.gif); }
#forumlinks td { padding: 5px 5px 5px 55px; background: url({IMGDIR}/forumlink.gif) no-repeat 18px 50%; color: {LIGHTTEXT}; }
#bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid {COMMONBOXBORDER}; background: url({IMGDIR}/bdays_cake.gif) no-repeat 10px 5px; }
#onlinelist { background: url({IMGDIR}/online.gif) no-repeat 10px 10px; border-top: 1px solid {COMMONBOXBORDER}; }
forum_new.gif與forum.gif一樣的定義,只需要修改forum.gif即可,forumlink.gif大家可能需要修改下,因為它的左右設置的太大了,跟別的都不一樣,可以將18px也修改為10px,bdays_cake.gif大家可能需要修改一下上下,可以修改為0,online.gif應該不需要修改什麼。
3。如何為首頁的論壇表格內添加分隔線
可以在css文件的最下邊添加一個定義,
.forumlist td{ border-left:1px solid #5CFE34;}
這樣就可以了。
4。如何為主題列表頁的帖子內添加分割線
打開css文件,在最下邊添加:
.threadlist td.icon , .threadlist td.author , .threadlist td.lastpost , .threadlist td.nums { border-left:1px solid #999999; }
5。如何調整發表新貼那個圖標的位置
相關css:.postbtn { margin-left: 10px; cursor: pointer; }
解釋:margin-left表示圖標的左邊距為10px,cursor表示鼠標形狀為手。
6。貼內個人資料裡的個人空間圖標如何修改
大家可以看到這個圖標和聯盟論壇的圖標使用的是一個圖標,如果我們的聯盟論壇圖標弄大了,這裡的顯示就不好看了,那麼如何把這個圖標改成別的圖標顯示呢?
打開css,查找
.postauthor li.space { background-image: url({IMGDIR}/forumlink.gif); }
將forumlink.gif修改成你想要的圖標名字即可。
7。如何修改所見即所得編輯器背景
6.0的這個背景大家可以看到顯示的是頁面背景,那麼我們該如何修改呢?
打開css文件,查找
#wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important; }
將其修改為
#wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important; background:{ALTBG2};}
即可∼
8。當公告過長時,公告欄在ff瀏覽器下出現滾動條,並蓋住文字,如何修改?
打開css文件,查找
#announcement div { border: 1px solid {BGCOLOR}; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
將最後邊的overflow-y的-y去掉就可以了,即:overflow:hidden;
9。開啟橫排時如何加入論壇板塊的分隔線?
打開css文件,查找
.mainbox table { width: 100%; },在下邊加入.mainbox.forumlist{border-left:0;}
查找.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 5px; },為其加入屬性border-left: 1px solid {BGBORDER};
10。如何修改文本輸入區域的背景顏色?
有些朋友可能在做黑色的或者比較暗色的風格的時候發現這個區域的白色比較刺眼,太亮,那麼該如何修改呢?其實挺簡單的,就是為textarea添加一個背景屬性。
打開css文件,在頁面的最下端添上一行:
textarea{background:#333333;}
或者查找
input, textarea { border-width: 1px; border-color: {INPUTBORDER}; padding: 2px;background:{ALTBG2}; }
將背景顏色替換成自己需要的顏色即可。
11。如何修改option裡文字背景?
修改原因同上邊哪個問題一樣,打開css文件,在文件的末尾添加上:
select option{background:#333333;}
12。如何修改文本區域下拉條的樣式?
修改原因同上,可能覺得默認的顏色不怎麼漂亮,可以打開css文件,在文件的末尾加上:
textarea{scrollbar-base-color:#333;}
13。如何修改帖子提交按鈕的樣式?
打開css文件,查找:
#postsubmit, button.submit { margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5; color: {NOTICETEXT}; padding: 0 10px; }
修改其背景顏色即可,比如可修改為:
#postsubmit, button.submit { margin-right: 0; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: {ALTBG1}; color: {NOTICETEXT}; padding: 0 2px; }
14。具體關於暗色的風格可能還有一些細節,大家可以參考一下我做的一款黑色風格的css文件,如果還有什麼需要處理可以回帖提出:
黑色風格For Discuz!6.0RC1:
http://www.discuz.net/thread-704325-1-1.html
15。如何修改版面前邊的自定義圖片使其垂直方向居中?
首先打開discuz.htm文件,查找
<th$forum[folder]>
$forum[icon]
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
</th>
將其替換為:
<th$forum[folder]>
<table><tr>
<!--{if $forum[icon]}--><td class="special">$forum[icon]</td><!--{/if}-->
<td class="special">
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
</td></tr></table>
</th>
然後打開css.htm文件,在文件的末尾加入:
.mainbox tbody th.special, .mainbox tbody td.special { border-top:0; border-bottom:0; padding: 5px; }
最後更新緩存,刷新即可∼
16。如何去除板塊前邊的新帖、舊帖圖標
在css文件裡邊分別查找:
.forumlist th { padding-left: 55px !important; }
.forumlist tbody th { background-image: url({IMGDIR}/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
.forumlist tbody th.new { background-image: url({IMGDIR}/forum_new.gif); }
然後將他們刪除即可
17。默認字體變大時,在帖子中的個人信息欄內勳章下邊的部分圖標以及文字顯示不正常該如何修改?
打開css文件
查找
.postauthor ul { margin: 5px 10px; line-height: 1.6em; overflow: hidden; }
將其修改為:
.postauthor ul { margin: 0; line-height: 1.6em; overflow: hidden; }
更新css緩存即可
18。更換在線會員圖標後,在線列表錯亂如何解決?
問題出現的原因在於所設置的在線圖標高度不一,導致在ie下錯位。
解決方法:打開相應模板的css.htm文件
查找:
#onlinelist .userlist li { height: auto; margin:4px auto ;}
將其高度固定:比如:
#onlinelist .userlist li { height: 20px; margin:4px auto ;}
更新緩存即可
19。如果修改每樓帖子的高度?
打開css.htm文件
查找:.viewthread { padding-bottom: 1px; }
為其固定高度:.viewthread { padding-bottom: 1px; height:300px; overflow:hidden; }
慎用!~
20。如何去掉帖子裡邊的標題?
可能有些人覺得,在帖子內容裡邊顯示的標題有些多餘,設置影響美觀,那麼我們該如何去掉它呢?
打開viewthread.htm文件,查找
<!--{if $post['subject']}-->
<h2>$post[subject]</h2>
<!--{/if}-->
將其刪除即可∼
21。投票帖子裡邊,當會員的星星比較多的時候,會遮擋住下邊的文字。
打開viewthread_poll.htm文件,查找
<dt>{eval showstars($post['stars']);}</dt>
將其修改為:
<dt style="height:auto;">{eval showstars($post['stars']);}</dt>
22。帖子裡的個人簽名,有時候緊貼帖子內容,造成下邊大量空白怎麼解決?
打開viewthread.htm文件,查找
一共兩處
都替換為
<td class="postauthor" rowspan="2">
然後,查找
<!--{if $post['signature'] && !$post['anonymous'] && $showsignatures}-->
<div class="signatures" style="maxHeightIE: {MAXSIGROWS}px;">
$post[signature]
</div>
<!--{/if}-->
如果查找不到
請查找單行 $post[signature]
然後選擇全部
將這段話替換為
<tr><td style="vertical-align:bottom;border:0;">
<!--{if $post['signature'] && !$post['anonymous'] && $showsignatures}-->
<div class="signatures" style="maxHeightIE: {MAXSIGROWS}px;">
$post[signature]
</div>
<!--{/if}-->
</td></tr>
然後將這段話剪切到它下邊的</tr>下邊
更新緩存∼
23。如何修改在線會員和聯盟論壇標題的背景與論壇列表的背景相同?
打開css.htm或者css_append.htm文件
在最低端加入:
.box h4 {{HEADERBGCODE};}
更新緩存即可
24。當論壇板塊橫排時如何顯示論壇介紹、版主、以及自定義板塊圖標。
打開discuz.htm文件查找
<th width="$cat[forumcolwidth]"{$forum[folder]}>
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>
<p>{lang forum_lastpost}:
<!--{if is_array($forum['lastpost'])}-->
<a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost">$forum[lastpost][dateline]</a>
{lang forum_lastpost_by} <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}-->
<!--{else}-->
{lang never}
<!--{/if}-->
</p>
</th>
修改為
<th width="$cat[forumcolwidth]"{$forum[folder]}>$forum[icon]
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
</th>
25。默認字體設置比較大時,帖子內用戶名顯示不完整如何解決?
打開css.htm文件
查找
.postauthor cite a { float: left; padding: 5px; border: solid {ALTBG2}; border-width: 1px 1px 0; height: 10px; overflow: hidden; }
修改為
.postauthor cite a { float: left; padding: 0; border: solid {ALTBG2}; border-width: 1px 1px 0; }
26。如何縮小首頁論壇版塊的高度?
打開css.htm文件:
查找
.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 5px; }
修改為
.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 0;margin:0; }
然後查找
.forumlist tbody th { height: 40px; }
修改為
.forumlist tbody th { height: 10px; }
更新緩存∼
27。如何去掉公告欄上的虛線?或者修改為實線?
css.htm文件裡查找
#announcement { border-top: 1px dashed {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }
如果要去掉,修改為:
#announcement { line-height: 36px; height: 36px; overflow: hidden; }
如果要改成實線,修改為:
#announcement { border-top: 1px solid {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }
28。如果調整主體列表頁的主體高度,使其變低?
打開css.htm文件
查找
.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
修改為
.threadlist td.icon { text-align: center; padding: 1px 0; width: 16px; }
更新緩存
29。如何修改版塊規則的背景顏色?
在css.htm或者css_append.htm文件的末端加入
td#rules {background:#000000;}
更新緩存
30。如何修改當前頁碼的背景顏色?
在css.htm文件內查找
.pages strong { font-weight: bold; color: {NOTICETEXT}; background: {BGBORDER}; }
修改為:
.pages strong { font-weight: bold; color: {NOTICETEXT}; background:#FFF; }
自己修改下顏色,更新緩存
31。如何修改頂部菜單欄當鼠標移動到有下拉菜單的菜單上面時的背景顏色?
打開css.htm文件
查找
#menu li.hover a { padding: 3px 7px; background-image: none; }
修改為:
#menu li.hover a { padding: 3px 7px; background: #000; }
背景顏色請自己修改,更新緩存∼
32。如何把論壇首頁的logo放在左右分欄的左欄上邊?
打開leftmenu.htm文件
在<body>下邊加入
<div id="header">
<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
</div>
如果要在原頁面刪除
請打開header.htm文件查找
<div id="header">
<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
<div id="ad_headerbanner"></div>
</div>
刪除,更新緩存即可
33。如何去掉首頁版主的顯示?
discuz.htm文件內查找
<!--{if $forum['moderators']}--><!--{if $moddisplay =='flat'}--><p class="moderators">{lang forum_moderators}:$forum[moderators]</p><!--{else}--><spanclass="dropmenu" id="mod$forum[fid]">{langforum_moderators}</span><ul class="moderators popupmenu_popup"id="mod$forum[fid]_menu" style="display:none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
刪除即可,更新緩存∼
34。如何單獨定義首頁版主的字體顏色?
css.htm文件查找
.moderators a { color: {HIGHLIGHTLINK}; }
修改顏色,更新緩存∼
35。如何修改快速發帖按鈕的樣式?
打開css.htm文件查找
#postsubmit, button.submit { margin-right: 1em; border: 1px solid;border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5;color: {NOTICETEXT}; padding: 0 10px; }
修改樣式即可∼
36。如何去掉菜單欄右邊的小豎線?
打開css.htm文件查找
#menu ul { float: right; padding: 4px 10px 0; border-right: 1px solid {TABLEBG}; }
修改為
#menu ul { float: right; padding: 4px 10px 0; }
37。如何去掉分欄圖標左邊的小豎線?
打開css.htm文件查找
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid {TABLEBG}; }
修改為
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; }
更新緩存即可∼
38。如何修改引用代碼地方的樣式?
(1)如何改變頂部邊框的粗細?
打開css.htm文件查找
.blockcode, .quote { font-size: 12px; margin: 10px 20px; border: solid {CATBORDER}; border-width: 4px 1px 1px; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; overflow: hidden; }
修改border-width的第一個值4px,根據你的需要調大或小
(2)如何修改標題欄「引用」的背景顏色?
打開css.htm文件查找:
.blockcode h5, .quote h5 { border: 1px solid; border-color: {TABLEBG} {TABLEBG} {CATBORDER} {TABLEBG}; line-height: 26px; padding-left: 5px; color: {TEXT}; }
為其添加背景屬性:background:red;
自行修改背景顏色
更新緩存
39。如何將發帖的小圖標改回5.5那樣在發帖標題後邊?
6.0將這個東西放到了底部的其它信息裡邊,那麼如何改回原來的樣子呢?
post_newthread.htm文件內查找
<!--{if !$special}-->
<tr>
<th>{lang icon}</th>
<td><label><input class="radio" type="radio" name="iconid" value="0" checked="checked" tabindex="208" /> {lang none}</label> $icons</td>
</tr>
<!--{/if}-->
剪切
再查找
<tbody id="threadtypes"></tbody>
將剛才剪切的放在他上邊
更新緩存
40。聯盟論壇logo右邊大部分空白如何解決?
打開include裡邊的cahe.func.php
查找
case 'forumlinks':
global $forumlinkstatus;
if($forumlinkstatus) {
$tightlink_text = $tightlink_logo = '';
while($flink = $db->fetch_array($query)) {
if($flink['description']) {
$forumlink['content'] = "<h5><a href=\"$flink[url]\" target=\"_blank\">$flink[name]</a></h5><p>$flink[description]</p>";
if($flink['logo']) {
$forumlink['type'] = 1;
$forumlink['logo'] = $flink['logo'];
} else {
$forumlink['type'] = 2;
}
$data[] = $forumlink;
} else {
if($flink['logo']) {
$tightlink_logo .= "<a href=\"$flink[url]\" target=\"_blank\"><img src=\"$flink[logo]\" border=\"0\" alt=\"$flink[name]\" /></a> ";
} else {
$tightlink_text .= "<a href=\"$flink[url]\" target=\"_blank\">[$flink[name]]</a> ";
}
}
}
if($tightlink_logo || $tightlink_text) {
$tightlink_logo .= $tightlink_logo ? '<br />' : '';
$data[] = array('type' => 3, 'content' => $tightlink_logo.$tightlink_text);
}
} else {
$data = array();
}
break;
修改為
case 'forumlinks':
global $forumlinkstatus;
if($forumlinkstatus) {
$tightlink_text = $tightlink_logo = '';
while($flink = $db->fetch_array($query)) {
if($flink['description']) {
$forumlink['content'] = "<h5><a href=\"$flink[url]\" target=\"_blank\">$flink[name]</a></h5><p>$flink[description]</p>";
if($flink['logo']) {
$forumlink['type'] = 1;
$forumlink['logo'] = $flink['logo'];
} else {
$forumlink['type'] = 2;
}
$data[] = $forumlink;
} else {
if($flink['logo']) {
$tightlink_logo .= "<a href=\"$flink[url]\" target=\"_blank\"><img style=\"float:left;padding:1px;\" src=\"$flink[logo]\" border=\"0\" alt=\"$flink[name]\" /></a>";
} else {
$tightlink_text .= "<a style=\"float:left;padding:1px;\" href=\"$flink[url]\" target=\"_blank\">[$flink[name]]</a>";
}
}
}
$tightlink_logo="<p>".$tightlink_logo."</p>";
$tightlink_text="<div style=\"clear:both;width:100%;padding:0;margin:0;margin-top:-20px;\"></div><p>".$tightlink_text."</p>";
if($tightlink_logo || $tightlink_text) {
$tightlink_logo .= $tightlink_logo ? '<br />' : '';
$data[] = array('type' => 3, 'content' => $tightlink_logo.$tightlink_text);
}
} else {
$data = array();
}
break;
更新緩存
暫時就看到這些地方,如果各位有哪些地方不清楚,請發帖回問!
http://www.discuz.net/thread-696461-1-1.html