2014年4月27日 星期日

小工具 (自定欄位) 鑲邊框

自組語法多可在大部份網頁, blog 通用, 因應不同網頁設計變化就成!

現這用在 blogspot 的 "自定欄位鑲邊框" 語法, 從前在 yblog 也寫過類似的, 略簡化便可用啦!


頂框:


不重覆, 設定高度:

語法:


<div style="background:url(頂邊框網址) no-repeat;height:高度數字px;"></div>
中框:


直向重覆:

語法:


<div style="background:url(中間邊框網址) repeat-y;">欄位內容</div>
底框:


不重覆, 設定高度:

語法:


<div style="background:url(底邊框網址) no-repeat;height:高度數字px;"></div>

 

a. 填入要變更圖片的資料, 把以上語法部份接連(不加空位)就可以有美美邊框裝飾了!

接着做步驟 1. 把整個框連同內容置中。

1. 若果還想在邊框下要底圖, 用 <div align="center"><div style="background:url(圖片網址);width:濶度數字px;">加入巳做好的 a. 語法</div></div> 即可!

2. 不用底圖就把 1. 語法部份 background:url(圖片網址); 刪去便成!

這方法也可用來做文章框啊! ❤。(◕‿-。)❤ *

怎貼語法參考這篇: 增加小工具 (側邊欄位)

寫了這麼多, 圖文並戉, 如要引用文章資料請連同我 blog Logo 一併帶走!

15 則留言 :

  1. 你好叻啊! 我真喺唔識變改啊! 喺呀! 你把(RSS訂閱) 欄收埋咗?! 你叫人怎樣訂閱你的BLOG呢? 不是上則(訂閱回應)嗰個RSS啊!
    [版主回覆01/07/2012 12:20:26]明白了! 謝謝 ( ̄▽ ̄)~*
    [Candy倉鼠回覆01/06/2012 15:03:37]只要你去按一吓別人的(訂閱RSS摘要)......
    就會出現該頁的版面, 再去按上行的(訂閱此摘要)......
    之後就會出現最愛的儲藏版. ........再按(訂閱)......
    此後, 你所訂的blog就會藏在有(一粒黃星的你的最愛) 的摘要內.
    只要你要想找blog友時, 隨時打開...有深色字的代表己更新,
    非常方便啊!
    [版主回覆01/06/2012 12:20:23]平時會看 blog 友的 post看更新, 不夠 update 咁!
    回應摘要怎麼訂? 有回應通知了啦!
    [Candy倉鼠回覆01/05/2012 23:12:17]喺冇通知o架! 如果我遇到冇放上RSS訂閱的話, 我為有(訂回應摘要)囉! 同樣會出現在*我的最愛內, 因為在有粒星的最爰內的摘要, 開來睇...如果d字深色咗嗰d...即喺更新咗喇! 我會按時去查看的. (關注)只不過是可以把post給指定的朋友或親人能看罷了! 對那些沒有註明的(公開)POST喺冇影響啫, 咁就如同虛設. 一切去(我的設定)內便一目了然喇!.
    [版主回覆01/05/2012 22:52:14]試得多就得啦! 把語法填到自定欄位便可啦! ... 不是按了"關注"就可收到更新通知的嗎? o ( ̄. ̄) 現在沒有訂閱通知, 訂閱來也沒有用!
    看不少人也沒放出 RSS 的欄位啦!
    就算有都不知道誰人訂閱自己blog ...

    回覆刪除
  2. 系咯,系咯,你真系好叻呀!我得闲都试下啦!你要来幫襯我wor!=p
    [版主回覆01/13/2012 17:41:42]我都出文答了你啦! (︶︿︶)
    [Kiwi回覆01/13/2012 16:28:51]我为您发表了答复。=v=
    [版主回覆01/13/2012 16:06:19]可把鏈給我試嗎? ( ̄ε ̄)☆ 或者你在 HTML 模式直接發表文章試試行不行 ...
    [Kiwi回覆01/13/2012 15:35:25]我试过了,放在自定栏位就可以,放在blog文内就不可以。==//
    [版主回覆01/12/2012 19:59:10]沒得閒玩 flash, 不過發覺有人的 flash 鐘可用 ... blog.xuite.net 的鏈放這裏
    .
    若果你試了告訴我行不行 ( ̄o ̄) ..
    [版主回覆01/06/2012 21:21:50]要睇下你做成點先架! (︶︿︶)m

    回覆刪除
  3. 超正…太棒啊!我也要試ㄚ…太感謝la…雅姬蘭…你真系勁叻呀!
    [版主回覆01/06/2012 21:27:45]別客氣啦! 有靚框時我過來看, 嘻 嘻 ^^

    回覆刪除
  4. 踏入2012年又係新的開始,又係時間回顧過去積極展望將來的好時機,多謝你的分享!! ~~ '''''''''' ~~~ 我又有新的手繪漫畫發佈 , 如果得閒黎我個YAHOO BLOG 睇下 ~~~ ''''''''''
    [版主回覆01/07/2012 12:17:09]謝謝到訪 ✿*.*..

    回覆刪除
  5. Pandora 香傭講法文2012年1月7日 上午1:42

    好鬼叻嘅唧!!
    [版主回覆01/07/2012 12:18:58]好人少少叻咁啦! ❤。(◕‿-。)

    回覆刪除
  6. 感謝您的分享!
    [版主回覆01/09/2012 18:35:31]謝謝到訪 ❤。(◕‿-。)

    回覆刪除
  7. 整得好靚呀~
    [版主回覆01/10/2012 11:52:22]做點美化, 希望吸引多一些網友回流囉! ~( ̄0 ̄)~*

    回覆刪除
  8. 終於有語法了,謝謝你啊!!! ╮(╯3╰)╭
    [版主回覆01/13/2012 13:48:34]怎麼你把我原文引用過去變了"升級版"???
    [版主回覆01/11/2012 17:17:31]甭客氣囉! 見到你那邊的變化, 嚇了一跳!
    .
    那麼快有人在背景加圖 ...
    .
    提醒一下: 這格小小小編下了關注呀! 哈 哈 ...
    .
    不過話還是照說 ... ~( ̄▽ ̄)~*
    [靚blog園回覆01/11/2012 16:06:43]吾客氣Lu,捧回家去囉!!!‧★,:*:‧\( ̄▽ ̄)/‧:*‧°★*

    回覆刪除
  9. 又學到野, 謝分享!
    [版主回覆01/14/2012 10:55:25]你經常笑口常開也不錯呢 ^^

    回覆刪除
  10. 謝謝分享
    [版主回覆01/16/2012 20:59:12]不用客氣! ^^

    回覆刪除
  11. 而家个腦窒咗,唔多明這篇教学住,等我引用回去,有空時練習,應該会掂掛!你們這些美化blog 達人搞搞腦汁,yblog又多番啲嘢玩lu, 我想懶下都唔得添!否則会落後好多!謝謝你分享!BTW, 点解你个頭象用基本圖嘅??祝妳新年快樂!
    [版主回覆02/17/2012 19:40:59]我現在用了 a:hover{font-size:16px;} 語法一樣用到的呀! 不變呀!
    [Winsome回覆02/15/2012 01:16:18]我懂可以改變字體大小,但之前我用了点擊變大字的css時,邊框就一直傾向左邊了, 當我刪去那組css, 邊框才回到正中呢!或有空時再試試。
    [版主回覆02/14/2012 11:48:30]自定欄位比用 css 改版面更自由, 可隨意改變字體大小啊!
    .
    例如 <p align="center"><font size="4" color="purple">內容</font><p>
    [Winsome回覆02/14/2012 11:28:01]邊框傾向一邊的問題已解決,是不可把自定欄位字体变大呢。
    [Winsome回覆02/04/2012 02:54:47]請問我的邊框漏了那段語法以至傾向一邊呢?你的logo到我blog只見到包子是什麼原因呢?請指教。謝謝!
    [版主回覆01/18/2012 18:13:10]慢慢來啦! 一定得概 。(◕‿-。) 謝謝正確引用!
    .
    頭像是美女來的, 個案檔在隱藏狀態, 顯示就不穩定!
    .
    祝新年快樂囉! 。(◕‿-。)

    回覆刪除
  12. 你好叻,你個blOg整得好靚!!
    [版主回覆01/18/2012 20:47:25]多謝讚賞! ❤。(◕‿-。)

    回覆刪除
  13. 雅姬蘭 朋友:謝分享....謝無私教學
    [版主回覆09/02/2012 12:38:37]別客氣, 用到就好! ^^

    回覆刪除
  14. 謝謝無私教學的雅姬蘭 ,稍後我也嘗試!

    回覆刪除
    回覆
    1. 我剛在整理文章, 你就到了! ^^ 謝謝留言! 隨心試用啊!

      刪除