LifeType 中文開發論壇

開發 => 模版設計 => 主題作者是: catseyes 於 一月 18, 2006, 01:34:38 上午



主題: 想請教關於 fdawn 模板的一些問題.....
作者: catseyes一月 18, 2006, 01:34:38 上午
如果說我想要在右方的資訊列顯示的個人頭相也有像文章中的圖片有自動加框的功能的話我該添加上哪個語法呢!?拆了半天 CSS 跟模版檔案....找不出頭緒的說  :'( Resnick 兄能幫忙釋疑嗎!?感激呢!!
(就像是我文章中那隻小貓預覽圖的邊框)
我試過了使用 border 語法 =.= 結果跟模板預設的有點差別的說......
若是使用 table 出來的效果也跟模板設定的樣式有點差別.....該如何做才能使頭相的圖框與模版的一樣呢!?


主題: Re: 想請教關於 fdawn 模板的一些問題.....
作者: resnick一月 19, 2006, 08:28:42 上午
你說的邊框指的是藍色的邊框還是灰色的阿,不太懂說。


主題: Re: 想請教關於 fdawn 模板的一些問題.....
作者: catseyes一月 19, 2006, 05:17:30 下午
照片外面那一圈...灰色的...不是藍色的...藍色的是我用 TinyMCE 用來包住所有照片的表格框


主題: Re: 想請教關於 fdawn 模板的一些問題.....
作者: resnick一月 20, 2006, 03:19:09 上午
照片外面那一圈...灰色的...不是藍色的...藍色的是我用 TinyMCE 用來包住所有照片的表格框

CSS 裡面加這段進去吧,這樣就OK囉。 :-D
程式碼:
#sidebar img {
padding: 4px;
border: 1px solid #CCCCCC;
}


BTW,怎麼知道這樣改,其實很簡單。

看內文的<img>被誰控制了,首先開模版檔,發現,<img>沒有被設定ID或CLASS,所以他的屬性是由哪邊繼承下來的,結果發現是.entrybody。

所以參考.entrybody的設定,
程式碼:
.entrybody img {
padding: 4px;
border: 1px solid #CCCCCC;
}

我要在sidebar部分也有同樣的效果,所以我必須對sidebar下的img都給同樣的設定,因此只要簡單的複製一下上面的語法,將其改為前面所說的。

唯一所要注意的就是sidebar是ID,所以前面的符號要改為#。

這樣應該清楚囉,很簡單吧。 :-D

效果應該要和我的網頁一樣喔。
http://phys.idv.tw/plog/8


主題: Re: 想請教關於 fdawn 模板的一些問題.....
作者: catseyes一月 20, 2006, 05:53:32 上午
我搞懂了 ^^ 呵呵~感謝 Resnick 兄呢 ^^!!

這樣就大概懂了一些 CSS 語法的東西了....

接著要懂的就是哪些 CSS 設定是分配給哪些東西使用了~

只要知道 CSS 的分配之後改起來就容易多了....感恩囉!!!