更精準的站內文章搜尋器
用 E-MAIL 訂閱本站文章

[部落]用不一樣的底線讓您的文章更活潑…

2008年8月10日 由 Elvis 留言 »
推到Plurk噗浪! 推到Twitter推特! 推到Facebook臉書!
將文章推到Google Buzz

1.月光下的嘆息  2.月光下的嘆息  3.月光下的嘆息  4.月光下的嘆息  5.月光下的嘆息

大家一定很想知道上面的底線效果是怎麼作的吧,其實並不難,只要在您部落格首頁能使用HTML語法的位置裡插入下列語法後,於發表文章時,適時的使用即可。


教學開始:
STEP 1 ↓
請先將下列語法複製到您的網站描述內(PIXNET適用),如果是其他的BSP的話請將語法複製至首頁可使用HTML語法處或者將語法貼至文章內。

<link rel="stylesheet" href="http://rex58911372.myweb.hinet.net/blog/css/under-line.css">

STEP 2 ↓
依自已喜好使用下列語法包圍需要標示底線之文字。

1.月光下的嘆息

<span class="hl">您所要標示的文字</span>

2.月光下的嘆息

<span class="o">您所要標示的文字</span>

3.月光下的嘆息

<span class="yel">您所要標示的文字</span>

4.月光下的嘆息

<span class="yel2">您所要標示的文字</span>

5.月光下的嘆息

<span class="pink">您所要標示的文字</span>

Related Posts with Thumbnails 標籤: BSP, 教學, 文字底線, 部落格

相關文章

近期文章

引用網址:

訂閱文章:

優質推薦:

28 則評論

  1. juiminc (LV.1) 說道:

    很不錯 等PIXNET 穩定了再來試驗!

  2. 哈娜 (LV.1) 說道:

    你好,推薦了你的教學文,在↓這篇
    http://karena1017.pixnet.net/blog/post/22552291
    但因為找不到你的引用網址,所以無法引用。
    特來告知。
    非常謝謝你的教學文。

    Elvis:
    您有引用出處即可…
    希望您使用的愉快

  3. 皮蛋 (LV.2) 說道:

    請問第一步的語法是貼在痞客邦「部落格」的「基本/進階設定」內的「部落格描述」欄位中嗎???因為我貼了之後,沒反應耶~~~~~謝謝囉!

    • Elvis (LV.2107) 說道:

      Dear 皮蛋,您好…經查原本我所放置的css檔案連結已失效,目前已經更換新的檔案位置,請在本篇按Ctrl+F5刷新頁面後重新按步驟操作,謝謝您的來訪與提問^^

  4. 皮蛋 (LV.2) 說道:

    嗨,你好:
    連結又失效了。請問可以公開放置在自己網頁空間的教學嗎?這樣可以幫你分攤流量喔!我只知道開一個css資料夾,之後的「under-line.css」就不知道要怎麼寫或是放置,可以教一下嗎??再次謝謝你。

    • Elvis (LV.2107) 說道:

      Dear 皮蛋,真的非常抱歉,小弟已經將連結修復了,另外這一兩天會我再寫一篇教學,這次會放出檔案供大家下載,再一次跟您說聲抱歉…

發表迴響

記住個人資訊:

本部落格留言不含nofollow.