1 頁 (共 1 頁)

可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-02 11:23
yehrussell
可以分享竹貓框框製作方式嗎? 謝謝
-1.jpg
它會隨螢幕大小縮放
希望能學習到它的製作方式,
想改成其他顏色 :D
盼大大們指教! 謝謝

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-02 23:27
hentaibbc
目前只能和您說。

那個框框其實是 border 屬性。
將 #wrap 的屬性中加上 border 參數即可做到。

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 01:42
richer
他說的是隨銀幕大小而縮放
應該指的是 min-width(最小寬度)

加上去的位址一樣是在 #wrap 中~

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 04:20
jwxinst
用firefox的web developer 的附加元件就可以查到css

不過我怎麼在FF上沒有感覺到有什麼隨screen大小變化????

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 08:22
yehrussell
謝謝大家回應,像我們這些較生嫩的學習者,
卻看不懂..... :P
今早發現框框四個角,有些許圓弧改變

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 19:03
hentaibbc
整理一下。

您說的那個框,主要要修改的是 common.css 這個檔案。

其中有一個 #wrap 標籤
在裡面加上幾個參數
border: [width] [type] [color];
example: border: 3px solid #336699;
margin: [inherit] [inherit];
example: margin: 15px 35px;
大致上加上這兩個應該就會有外框出現
至於 richer 說的 min-width 參數
在 #wrap 中已有預設為 650px ,所以不必再做變更。

以上回覆

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 22:54
yehrussell
hentaibbc 寫:整理一下。

您說的那個框,主要要修改的是 common.css 這個檔案。

其中有一個 #wrap 標籤
在裡面加上幾個參數
border: [width] [type] [color];
example: border: 3px solid #336699;
margin: [inherit] [inherit];
example: margin: 15px 35px;
大致上加上這兩個應該就會有外框出現
至於 richer 說的 min-width 參數
在 #wrap 中已有預設為 650px ,所以不必再做變更。

以上回覆
謝謝hentaibbc大大!
小弟臉皮厚一點,再問一下,
上面程式碼加到下面哪段? 謝謝

代碼: 選擇全部

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

Re: 可以分享竹貓框框製作方式嗎? 謝謝

發表於 : 2008-08-03 23:08
jwxinst
其中有一個 #wrap 標籤
在裡面加上幾個參數
在#wrap裡面加就可以了