最近著手把我的小園丁 改頭換面,意外的得到不少贊美,嘻嘻,樂得我啊。。想告訴各位,我是參考以下的網站。我在這里做個連結, 如果你們有兴趣,也可以打扮打扮哦。
這里有很多可愛的模版,
http://hotwidgets.blogspot.com/2008/02/hot-blogger-templates.html
平時我就愛來這里偷師,
0與1謎詭世界
learning journey
css語法教學
希望我的連結能幫助到你們哈。
2008年10月30日 星期四
作業2(在文章日期前加可愛圖示)
今天做了個口愛小孩頭在文章日期的旁邊。
做法如下:1。到後台找到修改html一欄。
2。再把滑鼠的滾軸一直滾,要滾到很後才會看到這玩意,;)
h2.date-header {
margin-top: 30;
padding-left: 30px;
padding-top:20px;
font-size: 90%;
color: #ff9933;
background: url(http://farm4.static.flickr.com/3205/2978434804_34b7a1e308_m.jpg) no-repeat left 50%;
}
這時候我就在網址處貼上我喜愛的icon。記得要寫no-repeat哦,啊不然那個小男生的頭會一直貼。。貼。。。貼到無窮遠。
至於padding是指框線與本文的距離。剛開始我的icon和日期重叠了,難看死了,查了半天才發現原來的設定是0,我把這一段padding-left: 30px改掉了。。便成功的拉寬了圖示和文字的距離。。。汗。。。也許大多數人輕而易舉的就可以完成我所謂的偉大任務,我是在屢次的失敗找出答案,在無數次的preview的動作才有今天的小小規模。
報告完畢。
(不知道薯妹妹看得懂我的喃喃自語嗎?)
做法如下:1。到後台找到修改html一欄。
2。再把滑鼠的滾軸一直滾,要滾到很後才會看到這玩意,;)
h2.date-header {
margin-top: 30;
padding-left: 30px;
padding-top:20px;
font-size: 90%;
color: #ff9933;
background: url(http://farm4.static.flickr.com/3205/2978434804_34b7a1e308_m.jpg) no-repeat left 50%;
}
這時候我就在網址處貼上我喜愛的icon。記得要寫no-repeat哦,啊不然那個小男生的頭會一直貼。。貼。。。貼到無窮遠。
至於padding是指框線與本文的距離。剛開始我的icon和日期重叠了,難看死了,查了半天才發現原來的設定是0,我把這一段padding-left: 30px改掉了。。便成功的拉寬了圖示和文字的距離。。。汗。。。也許大多數人輕而易舉的就可以完成我所謂的偉大任務,我是在屢次的失敗找出答案,在無數次的preview的動作才有今天的小小規模。
報告完畢。
(不知道薯妹妹看得懂我的喃喃自語嗎?)
2008年10月27日 星期一
blogger變身1
訂閱:
文章 (Atom)