我真是太喜歡WP了─文字特效底線篇

to_aru_kagaku_no_railgun.png
今天是平安夜:P

今天要教學的很簡單,只不過我到最近才有機會嘗試XD

也就是底線特效像是蠟筆

而這個語法其實很簡單,只要寫在CSS樣式表裡就好了,只是其插入時較為繁複

   1: .YHL {

   2: text-decoration: none;

   3: background: url(圖片位址) repeat-x 100% 100%;

   4: padding-bottom: 0px;

   5: font-weight:bold;

   6: } 

   7: 插入時語法:

   8: <span class="YHL">底線文字</span>

基本上就這樣,只是圖片要去找就是了XD

注意一點就是.YHL這個語法要放對地方,有的樣式文章是包括在Post裡有的是Entry還有的是Contain

多多嘗試就能夠成功了:P

這裡提供一些底線圖給大家~

Pinkcircle

Orange

hh6    green

Black

Yellow

之後如果是Wordpress用戶還有一個外掛能用,就是Quicktag

span

他可以幫你把插入語法記憶起來然後變成一個按鈕放在文章編輯器上

yhl

這樣使用起來就更方便了不是嗎:P

好久沒教學文了,文章好像有變短的趨勢(炸)

之後應該還會有一堆各式各樣的教學文出現吧XDqueens_blade-164

分享到社群

16 thoughts on “我真是太喜歡WP了─文字特效底線篇

  • 2009/12/25 at 11:10:26
    Permalink

    這是在說服我換陣地嘛(炸
    WP的功能好強大啊啊啊(汗

    Reply
    • 2009/12/25 at 14:30:21
      Permalink

      你純粹只是想貼一大堆很紳士的圖吧….

      怪了….你用哪裡的電腦阿…

      Reply
      • 2009/12/25 at 16:46:30
        Permalink

        我是不能放假嘛(炸

        Reply
        • 2009/12/25 at 18:34:20
          Permalink

          來吧投入WP的懷抱吧XD

          Reply
          • 2009/12/25 at 19:54:09
            Permalink

            等我退伍(淚

  • 2009/12/25 at 03:50:40
    Permalink

    話說~ 我對你的新貼圖版頗有興趣0.0+
    可以分享一下你的製作過程嘛 XDDD ?

    因為這跟某島的貼圖架構一樣 所以我想你應該是參考某個template語法
    (也看過很多人有類似的)
    可是怎樣都找不到=_=a

    如果可以教一下會很感恩喔 XD

    Reply
    • 2009/12/25 at 18:35:21
      Permalink

      嗯 我會開一篇來介紹!
      這是雙葉製作的模版XD

      Reply
  • 2009/12/25 at 02:33:47
    Permalink

    同上… 最後一張兩隻腳的接觸點有點獵奇 囧

    Reply
    • 2009/12/25 at 18:33:30
      Permalink

      是呀,構圖沒有很好XD

      Reply
    • 2009/12/25 at 11:10:41
      Permalink

      我覺得你是個紳士!

      Reply
  • 2009/12/24 at 23:04:34
    Permalink

    很實用的教學~!
    只是蝦仁沒啥在用底線的說…(火乍

    Reply
  • 2009/12/24 at 22:36:59
    Permalink

    會變立體嗎???
    會嗎會嗎???

    Reply
    • 2009/12/24 at 22:42:56
      Permalink

      立體的線也是有啦,不過要自己找了(炸

      Reply
      • 2009/12/25 at 01:19:05
        Permalink

        不是啦!我是問最後一張圖!

        Reply
        • 2009/12/25 at 18:32:44
          Permalink

          當然不會…..這不是那種圖呀(汗

          Reply

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

Facebook Auto Publish Powered By : XYZScripts.com