[已解決] 如何修改 N.Design 風格??

文章由 **mikekk** » 2008-05-08 07:31

大家好, 我是 phpBB 初哥!!
接觸 phpBB 不到一星期, 希望得到詳細一點的解說, 感謝

●主機作業系統：Windows XP Pro
●您的上網方式：ADSL
●您的 phpBB 版本：phpBB 3.0.1
●您的 domain (網域名稱) ： win925.com
●您的 phpBB 連結網址： http://win925.com/mikehe_bbs/
●安裝風格：N.Design(v3.0.0+)

問題1, 在帖圖後, 由於圖片過大引致版面走位(如圖). 請問如何加大版面?? 因為不希望縮細圖片

問題2, 預設的標題和文章字型太細, 可否加大一些?? 應在那裡設定??

問題3, 如何加大回覆文章的高度??

問題4, 在表情符號一欄, 可以加大寬度嗎?? 可以自行設定每行放多少個表情符號嗎??

有待回覆!!!!

萬分感謝

文章由 **mikekk** » 2008-05-11 10:23

對不起, 是我問題過於白痴還是怎樣

為甚麼沒有回覆

或者, 可否提供教學的連結, 我真的搜尋不到

please help me

文章由 **愚才子** » 2008-05-11 12:10

我也是初哥, 接觸phpBB不夠兩天

跟你用同樣的風格=]

其他問題我唔識...但Q2應該係修改stylesheet.css(位於../styles/N.Design/theme/)

希望各位大大幫忙解決其他問題

文章由 **mikekk** » 2008-05-11 16:46

你好呀, 愚才子.
我剛剛已自行解決 Q1, Q4 的問題!!
就是將版面加大

修改位址 stylesheet.css(位於../styles/N.Design/theme/)

原有的代碼

代碼: 選擇全部

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('./images/bgforum.jpg');
	background-position: center;
	background-repeat:repeat-y;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin: 0px 25px 0 25px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

#logodesc {
	height: 110px;
	width: 808px;
	background-image: url("./images/random/random.php");
	margin-left: auto;
	margin-right: auto;
}

#menubar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	line-height: 2.6em;
	background-color: #4C4C4C;
	margin: 0 26px 0 26px;
}

#menubar a:link{
	color: #CCFF00; 
	text-decoration: none;
	padding-bottom: 2px; 
}

#menubar a:visited {
	color: #CCFF00; 
	text-decoration: none;
}

#menubar a:hover {
	color: #FFFF00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
}

#datebar {
	margin: 0px 25px 0 25px;
}

#findbar {
	margin: 10px 25px 0 25px;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

修改的代碼

代碼: 選擇全部

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('./images/bgforum.jpg');
	background-position: center;
	background-repeat:repeat-y;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 50px 15px 50px;*/
	padding: 0;
}

#wrapcentre {
	margin: 0px 35px 0 35px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

#logodesc {
	height: 110px;
	width: 948px;
	background-image: url("./images/random/random.php");
	margin-left: auto;
	margin-right: auto;
}

#menubar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	line-height: 2.6em;
	background-color: #4C4C4C;
	margin: 0 26px 0 26px;
}

#menubar a:link{
	color: #CCFF00; 
	text-decoration: none;
	padding-bottom: 2px; 
}

#menubar a:visited {
	color: #CCFF00; 
	text-decoration: none;
}

#menubar a:hover {
	color: #FFFF00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
}

#datebar {
	margin: 0px 25px 0 25px;
}

#findbar {
	margin: 10px 25px 0 25px;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

其實我是從該文章參考得來的: http://phpbb-tw.net/phpbb/viewtopic.php?f=140&t=50308

不知這樣改是否正確??
但是, 已解決了 Q1, Q4 的問題.
Q1, 圖片不再離框
Q4, 巳 set 了顯示更多表情符號. PS: 在未修改之前, 按"更多表情符號"沒有出現符號的, 但是現在可以了

haha~~ 好開心

文章由 **心靈捕手** » 2008-05-12 21:45

A2:
必須修改 CSS

建議您:
貼出該風格下載位址, 或者是整個 stylesheet.css

A3:
可以修改下列樣板檔案.
styles/N.Design/template/posting_body.html
找到

代碼: 選擇全部

<textarea name="message" rows="A" cols="B"

ps.
手中無此風格, 不知預設值多少, 僅以 A, B 表示;

加大 A 數值即可 (修改後, 存檔, 清除快取)

文章由 **mikekk** » 2008-05-15 08:31

感謝大大的幫助

A3 的問題已解決了。

現附上 stylesheet.css
(download) http://www.sendspace.com/file/n2z94b

還有, 我想問大大既....
該風格的登入位址設在主頁的底部, 不知可否改放在 banner 下???

再次感謝大大

文章由 **心靈捕手** » 2008-05-15 11:58

mikekk 寫:感謝大大的幫助
A3 的問題已解決了。

現附上 stylesheet.css
(download) http://www.sendspace.com/file/n2z94b

還有, 我想問大大既....
該風格的登入位址設在主頁的底部, 不知可否改放在 banner 下???

再次感謝大大

1. 您必須針對您要放大的頁面, 檢視其樣板檔, 找到相關的 class 後, 再到 stylesheet.css 去修改.
關鍵在加大 font-size 後面的數值, 或者自行指定.
2. 修改 styles/N.Design/template/index_body.html
將登入的表格代碼 (如下) 往上移動即可.

代碼: 選擇全部

<!-- IF not S_USER_LOGGED_IN -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">
	
	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
	<tr>
		<td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->

文章由 **mikekk** » 2008-05-15 12:56

超級感謝大大的幫忙

登入問題已解決了.

但是, 我還是找不到改變字型大少一欄

我想改變主頁的標題大少(圖), 箭咀所指的標題, 應在那一欄修改??

再次感謝大大

文章由 **心靈捕手** » 2008-05-15 15:51

mikekk 寫:超級感謝大大的幫忙
登入問題已解決了.

但是, 我還是找不到改變字型大少一欄
我想改變主頁的標題大少(圖), 箭咀所指的標題, 應在那一欄修改??

再次感謝大大

關鍵在調整 stylesheet.css 這個區塊裡頭的 font-size

代碼: 選擇全部

a.forumlink {
	color: #FF6600;
	font-weight: bold;
	font-size: 10px;
}

a.forumlink:hover {
	color: #FF6600;
	font-weight: bold;
	font-size: 10px;
	text-decoration:underline
}

修改後, 存檔, 清除 (主題) 快取.

文章由 **mikekk** » 2008-05-16 04:54

哇塞~~~!! 一切問題巳解決了, 超級感謝大大喔!!!

竹貓星球

[已解決] 如何修改 N.Design 風格??

[已解決] 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??

Re: 如何修改 N.Design 風格??