[問題] 關於版面和文章的顏色~~真得找不著!!!help

文章由 **super797** » 2005-09-12 01:46

真得需要厲害的大大們幫忙了!!!

這該怎麼改??改css嗎??若是又需改哪裡??

另外再一個問題,如何讓熱門的文章使它字體顏色和其他文章變成不一樣的??
是又得修改哪個檔???

文章由 **吉川拓也** » 2005-09-12 01:49

請修改風格檔案下面的 *.css
一般來說所有顯示在 ie 下面的 html 都是由 *.css 控制

文章由 **super797** » 2005-09-12 02:05

是不是改phpBB2\templates\subSilver\subSilver.css這個文件\r
但要改哪個部份呢???
密密麻麻一堆英文不知從何改起

ps:我的文章裡字都太小了!!!

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
margin-top: 0px; margin-right: 0px;
margin-bottom: 0px; margin-left: 0px;
scrollbar-face-color: white;
scrollbar-shadow-color: gainsboro;
scrollbar-darkshadow-color: whitesmoke;
scrollbar-highlight-color: gainsboro;
scrollbar-3dlight-color: whitesmoke;
scrollbar-track-color: white;
scrollbar-arrow-color: gainsboro;
overflow: auto;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }
a:link,a:active,a:visited { text-decoration: none; color : #000000; }
a:hover { text-decoration: none; color : #99CC00; position:relative;top:1px;left:1px;}
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #CCCCCC solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #CCCCCC; border: 0px #000000 solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #FFFFFF; }
td.row2 { background-color: #FFFFFF; }
td.row3 { background-color: #FFFFFF; }

/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 10px;
background-color: #F7F7F7; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#F7F7F7; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it

*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #E7E7E7; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 10px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}
\r

/* General text */
.gen { font-size : 10px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #99CC00; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 10px; color : #000000 }
a.mainmenu { text-decoration: none; color : #000000; }
a.mainmenu:hover{ text-decoration: none; color : #99CC00; }

/* Forum category titles */
.cattitle { font-size: 10px ; letter-spacing: 1px; color : #000000}
a.cattitle { text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-size: 14px; color : #000000; }
a.forumlink { text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: none; color : #99CC00; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-size: 12px; color : #000000;}
a.nav { text-decoration: none; color : #000000; }
a.nav:hover { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-size: 10px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #000000; }
a.topictitle:hover { text-decoration: none; color : #99CC00; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 10px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 10px;}
a.postlink:link { text-decoration: none; color : #000000 }
a.postlink:visited { text-decoration: none; color : #000000; }
a.postlink:hover { text-decoration: none; color : #99CC00}

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 10px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: none;}

\n/* Form elements */
input,textarea, select {
color : #000000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know

*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* Image border */
img { border: 0px; }

/* Border pic */
td.table_topbg {
background-image: url(images/table_topbg.gif);
background-repeat: repeat-x;
}
td.table_bottombg {
background-image: url(images/table_bottombg.gif);
background-repeat: repeat-x;
}
td.table_leftbg {
background-image: url(images/table_leftbg.gif);
background-repeat: repeat-y;
}
td.table_rightbg {
background-image: url(images/table_rightbg.gif);
background-repeat: repeat-y;
}

文章由 **吉川拓也** » 2005-09-12 12:25

下次請勿將整個檔案貼上來 ..
請直接打包成壓縮檔或存成文字檔存在你空間內提供網址連結即可 !
首先第一個問題 :
1.所讀取的是 catLeft 這個 *.css 參數 !
所以我們要開啟 subSilver.css 找這段 :

代碼: 選擇全部

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#F7F7F7; border: #FFFFFF; border-style: solid; height: 28px;
}

你可以加上自行大小進去裡面 :

代碼: 選擇全部

			font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

第二個方法直接用 html 語法編輯 !

代碼: 選擇全部

<td colspan="2" class="catLeft" height="25" nowrap="nowrap">&nbsp;<font size="10">{L_FORUM}</font>&nbsp;</td>

第二個問題直接在後台的版面編輯使用 html 語法就可以囉

文章由 **super797** » 2005-09-12 15:37

下次請勿將整個檔案貼上來 ..
請直接打包成壓縮檔或存成文字檔存在你空間內提供網址連結即可 !

ok..

首先第一個問題 :
1.所讀取的是 catLeft 這個 *.css 參數 !
所以我們要開啟 subSilver.css 找這段 :
代碼:
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#F7F7F7; border: #FFFFFF; border-style: solid; height: 28px;
}

你可以加上自行大小進去裡面 :
代碼:
font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

第二個方法直接用 html 語法編輯 !
代碼:
<td colspan="2" class="catLeft" height="25" nowrap="nowrap"> {L_FORUM} </td>

這段看不懂?!能請大大再詳說一下嗎??

另外還有一個小問題..就是怎麼把熱門文章和普通文章的字體顏色區別?(例如
熱門文章的標題顏色改為藍色或其他顏色)要在哪用?先謝一下

文章由 **w2812451** » 2005-09-13 21:52

１.他說的是上面所寫到的是catleft

所以要開啟subsliver.css(風格檔)
找到catleft了那一邊

代碼: 選擇全部

td.cat,td.catHead,td.catSides,[color=red]td.catLeft[/color],td.catRight,td.catBottom { 
background-color:#F7F7F7; border: #FFFFFF; border-style: solid; height: 28px; 
}

然後在{和}內加入\r
font-size: 22px;
其實只需要加入就夠了，因為你只要修改字型大小(不知道啦！懶的看前面的文章了)
font-size是文字大小 22px可以自行修改\r

然後再把font-size: ????px;
放入{和}
整句就變成了

代碼: 選擇全部

td.cat,td.catHead,td.catSides,[color=red]td.catLeft[/color],td.catRight,td.catBottom { 
[color=red]font-size: ????px;[/color] background-color:#F7F7F7; border: #FFFFFF; border-style: solid; height: 28px; 
}

２.不過這樣會動到其他的風格\r
所以川大建議你，直接在html語法內進行編輯

代碼: 選擇全部

<td colspan="2" class="catLeft" height="25" nowrap="nowrap">&nbsp;
[color=red]<font size="10">[/color]{L_FORUM}[color=red]</font>[/color] &nbsp;</td>

紅色部分是你要加入的文字
也就是在{L_FORUM}的
前面加入
後面加入

而字型大小就要修改中的10
改成你要的大小！

－－－－－－－－－－－－－－－－－－－－－－
以上兩種方法，請選擇一種使用。
介紹到此結束

文章由 **w2812451** » 2005-09-13 21:56

我分成上下兩篇，如果看到這篇，上面還有一篇是大小的修正(按照川大的方法做的)有錯誤別找我。

再來是你要的顏色部份。
因為我沒看過藍大的風格。所以沒有辦法直接告訴你要在哪個前面加入！

跟上一篇一起說好了
通常是設定文字方面的
在font內可以加入許多東西(不一一列出)
修改文字大小
文字 ?為數字
修改文字顏色\r
文字 ?為顏色的名子或是色碼，如#FFFFFF 或white

其它的給川大說明！如果川大不想說，我有控在回答你(睡覺去了)

文章由 **super797** » 2005-09-13 22:18

嗯!!ok,但還有一個問題,就是如何把論壇的公告文標題或置頂文標題的顏色做修改?

文章由 **super797** » 2005-09-15 22:56

沒人知道嗎????拜託啦!!!幫忙,我search好久都沒答案