2008年10月30日 星期四

作業2(在文章日期前加可愛圖示)

   今天做了個口愛小孩頭face01在文章日期的旁邊。

   做法如下: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的動作才有今天的小小規模。

     報告完畢。

     (不知道薯妹妹看得懂我的喃喃自語嗎?) gif_welcome29

3 則留言:

  1. 如果在sidebar那里的呢?

    我一直做不到sidebar那里的。。。救救我吧。。

    回覆刪除
  2. 嘻嘻,偶也素邊做邊學邊學邊做。。你等等哈。

    回覆刪除
  3. 好吧。。。我会慢慢等待老师的。

    老师可以告述我在那个网址可以找到好的3行的blog template?

    回覆刪除