都是烏龍惹的禍

烏龍惹的禍,很多很多。娛樂性很豐富的說!

譬如深夜一點還在灣仔遊蕩,到家樓下的巴士回廠了,地鐵也回廠了,偏偏我又不想打的。要不要游水過海成了一大疑問。結果...。哎,這個故事留待下一次才說吧。最好笑的笑話就像殺手鐧一樣,要留到最後才使出來。

先說說這個。

前些日子在修改部落格的版面,載入現選模版之後才發現,七月改版時忘了把CSS存檔。因為是第N次犯下相同的過錯,所以我好生自己的氣!經過了幾個回合的拖拖拉拉,不了了之後又再來回拉鋸;始才明白自己想怎樣(很奇怪,自己的想法,自己往往搞不清)。新的構思,就是簡約之餘又有新的變化。

這次改版,選擇了紅色系列的模版。見下圖。

blog_sina

把Sina官方的「圖片/背景設定」全部從CSS編碼中移走(SideBar標題的背景圖案,卻保留下來)。 Delete 這個動作,用了不夠10分鐘。然後,依照本部落格的舊文攻陷CSS(一),重新設定內文和文章標題的文字字型。

最後是小小新花款。為了區隔每篇文章(及每篇留言),用了「小圓點」(5px) 來設定文章標題的「上方框楾」。至於回覆留言框,使用了 「inset」(3px) 作為右下方的框線設定。這下大告功成了!很簡單吧!呵呵呵呵!

blog_Dec07


備註:不同 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;
}

發表者:凝望

君看汝雙眼 不語似無愁

都是烏龍惹的禍 有 “ 0 則迴響 ”

  1. 電腦回復正常了麼 ! 真好 ! 自從你們教我用css改版面之後, 我都不敢妄動了, 電腦方面我是很弱.
    新版面, 新開始, 願小羊今年更進一步呢 !

  2. 黑影:
    噢,幸好先在gmail儲存了。
    方圓:
    不難,試一試便行。
    小害:
    噢,不是的。只不過我在圖書館或者漫畫館上網而己。也祝小害一年更勝一年!

回覆給小害 取消回覆

使用 WordPress.com 設計專業網站
立即開始使用