烏龍惹的禍,很多很多。娛樂性很豐富的說!
譬如深夜一點還在灣仔遊蕩,到家樓下的巴士回廠了,地鐵也回廠了,偏偏我又不想打的。要不要游水過海成了一大疑問。結果...。哎,這個故事留待下一次才說吧。最好笑的笑話就像殺手鐧一樣,要留到最後才使出來。
先說說這個。
前些日子在修改部落格的版面,載入現選模版之後才發現,七月改版時忘了把CSS存檔。因為是第N次犯下相同的過錯,所以我好生自己的氣!經過了幾個回合的拖拖拉拉,不了了之後又再來回拉鋸;始才明白自己想怎樣(很奇怪,自己的想法,自己往往搞不清)。新的構思,就是簡約之餘又有新的變化。
這次改版,選擇了紅色系列的模版。見下圖。
把Sina官方的「圖片/背景設定」全部從CSS編碼中移走(SideBar標題的背景圖案,卻保留下來)。 Delete 這個動作,用了不夠10分鐘。然後,依照本部落格的舊文攻陷CSS(一),重新設定內文和文章標題的文字字型。
最後是小小新花款。為了區隔每篇文章(及每篇留言),用了「小圓點」(5px) 來設定文章標題的「上方框楾」。至於回覆留言框,使用了 「inset」(3px) 作為右下方的框線設定。這下大告功成了!很簡單吧!呵呵呵呵!
備註:不同 Style 的「框線」,在 No reason 的 CSS border-style 都有提及喔!至於本部落格的框線設定,讀者可以參考以下CSS條碼(黃色highlight部份)。
文章標題的CSS設定:
/***********************************************/
/* post layout */
/***********************************************/
div.c_title{ /* title */
background:white ;
height:30px;
padding:5px 0px 0px 35px;
font-family : Arial;
font-size : 18px;
font-weight : bold;
text-align : left;
border-top: 5px dotted #5d0b07;
font-style : oblique;
font-weight : 700;
letter-spacing : 1px;
line-height : 1.6;
}
「引用」一欄的CSS設定:
/************************************************/
/* misc */
/***********************************************/
blockquote{
border-right: 3px inset #ccc;
border-bottom: 3px inset #ccc;
margin : 20px;
padding : 8px 8px 8px 15px;
}
============================================
感謝 羊狼二世 提供以上資料
羊狼二世的網誌: http://contact_ching.mysinablog.com/index.php
============================================