最新公告
04/05|最近都在瘋遊戲,網誌回應暫時到4月5日嚕!
02/18|天氣好冷喔!Baby們也要注意身體別感冒喔
02/13|再過一天就是情人節嚕!先祝大家情人節快樂

 
太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法,所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名,無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)

非自動反白語法

自動反白語法

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 50px">這邊打上文字</div>

改變框線顏色

改變框線顏色

<div style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=80)">這邊打上文字即可</div>

改變邊框成成虛線

改變邊框成成虛線

<div style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; WIDTH: 200px; BORDER-BOTTOM: 2px dashed; HEIGHT: 50px">這裡打上文字</div>

變成點點框線

變成點點框線

<div style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: auto; BORDER-LEFT: 2px dotted; WIDTH: 200px; BORDER-BOTTOM: 2px dotted;SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff;HEIGHT: 50px">這裡打上文字</div>

邊框變雙框

邊框變雙框

<div style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: auto; BORDER-LEFT: 5px double; WIDTH: 200px; BORDER-BOTTOM: 5px double; HEIGHT: 50px">這裡打上文字</div>

變成立體框

變成立體框

<div style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: auto; BORDER-LEFT: #999999 5px inset; WIDTH: 200px; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 50px">這裡打上文字</div>

邊框兩層色

邊框兩層色

<div style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: #999999 10px outset; WIDTH: 178px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: #999999  10px outset; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 45px">這裡打上文字</div>

框內加底圖

框內加底圖

<div style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px;BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px; filt4r: Alpha(opacity=80)">這邊打上字</div>

改文字顏色.字型.大小

改文字顏色.字型.大小

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT: 12pt Comic Sans MS; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000; BORDER-BOTTOM: 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=10)">這邊打上文字</div>

點一下框內就反白(無名不支援)

ctrl+A反白全選


卷軸邊框顏色

卷軸箭顏色

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-HIGHLIGHT-COLOR: #fc0000; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fc0000; SCROLLBAR-3DLIGHT-COLOR: #fc0000; SCROLLBAR-ARROW-COLOR: #fc0000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcfc90; HEIGHT: 50px">打上文字</div>
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fcb400; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #fcb400; SCROLLBAR-ARROW-COLOR: #fcb400; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcb400; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 50px">打上文字</div>
arrow_357.gif解說
  FONT: 8pt =文字大小
  FONT-FAMILY=文字字型(另外有Verdana新細明體或者Comic Sans MS和標楷體等等..)
  BORDER =線框
  RIGHT=右邊
  BOTTOM=下面
  TOP=上面
  LEFT=左邊
  solid=直線框(款式還有double(立體)  dotted (點點) dashed (虛線)
  grooved(2色凹框)inset(上凹框)outset(下凹框)ridged (暗色凹框)
  FILTER: Alpha(opacity=40)=變成半透明狀(數值可調)
  width=寬度(框框)
  HEIGHT:高度(框框)
  COLOR=文字顏色
  BACKGROUND-COLOR=框內加底色
  BACKGROUND-IMAGE: url(***)=框內加入底圖(動畫亦可)

arrow_357.gif色碼參考色見本
arrow_357.gif捲軸語法產生器HTML卷軸語法產生器

Posted by bluegirl73623 at 痞客邦 PIXNET 留言(94) 引用(1) 人氣()


open trackbacks list Trackbacks (1)

  • 語法|各式框框語法

    <div class="article-content-inner"> <div id="first">太多人發問關於兔子文章內提供的複製語法框是如何使用<br />不過因為無名文章內並不支援此種語

留言列表 (94)

Post Comment
  • 茹米
  • 謝謝兔子
  • HaPPy
  • 框框打包~
    但是碰到一個問題
    就是把語法放進去後
    框框裡會變成那個東西而不是語法的文字
    可以教我怎麼用嗎
    卸卸你
  • Cherry
  • 謝謝你的分享~拿走了喲
  • Shelliy
  • thank you
  • wywline
  • 3Q
    謝謝你
  • 獅子兔
  • 找好久

    兔 謝囉... 我找好久!!!!
  • pai
  • 感謝

    好讚的分享哦.
    拿走了.謝謝
  • PpippY
  • 超好用的啦!!!
    還好無名有支援這種語法~
    謝謝兔子教學 ^^
  • 是ㄚ還好無名有Table表格語法可玩
    呵呵..不然就真的沒用處了XD

    bluegirl73623 replied in 2008/07/13 17:39

  • p23029
  • 可是把語法放進去後
    不會出現框框
    反而出現語法而已
    每次用像這種的 都不行
    可以教我怎麼用嗎?
    我的無名 http://www.wretch.cc/blog/babyapp8
    謝謝你阿 :)
  • 空
  • 謝謝你的提供唷˙ˋˋ˙
  • 小拼圖
  • 好方便噢‵

    謝謝>ˇ<
  • guoz
  • 很實用 :]
    謝謝您~
  • 尤金
  • 無名哪裡的˙˙˙

    有拿走游標囉~

    感謝你唷!!
  • 欣誼
  • 謝謝
  • 欣誼
  • 謝謝
  • 我我ˇ
  • 謝謝ˇ
  • 雨傘
  • 我是用無名ㄉ

    我想請問你這些語法要貼哪裡?

    可以請你跟我說嗎?
  • 當然是貼在文章裡面的
    利用一般編輯模式將語法貼上。

    bluegirl73623 replied in 2009/01/01 15:07

  • 糖果妞
  • 我不知道怎麼用=(

    我放進去也是與有語法的字
    沒有框框 可以教我怎麼用嘛?
    本人是過很多很多次樂:)

    我a無名:http://www.wretch.cc/blog/id4128
  • 基本上我測試過語法可以使用在無名
    你複製哪一個語法呢?
    左邊列的才是無名文章有支援的語法,右邊是無效的。

    bluegirl73623 replied in 2009/01/02 18:50

  • 堡
  • 拿走囉^^
  • 帥哥肆我
  • 帶走摟 =)

    謝謝分享 ~~
  • sun8221
  • 謝謝:))
  • 小米
  • 請問左邊倒數第二個語法"點一下框內就反白
    "我貼在無名不能
    可是其他都可以呢是不是第二個語法不正確了?
  • 不是不正確是寫錯了..那個語法在無名不適用
    忘記修正@@謝謝提醒喔^^"

    bluegirl73623 replied in 2009/01/24 16:03

  • 小米
  • 不客氣^^
    無名的語法好難複製都要複製很久呢!
    P.S 開頭和結尾是textarea皆不可以用在無名是嗎
  • 恩嗯!無名限制的語法太多了
    所以只能變化少少..@0@

    bluegirl73623 replied in 2009/01/24 16:12

  • 逼潔★
  • 拿楽
    我用樂半天才用好 = ' =
  • 熟能生巧,多試幾次就會了。

    bluegirl73623 replied in 2009/02/01 17:27

  • 張章魚
  • 3q
  • 夢
  • 帶走囉 卸卸ˇ
  • daphne101
  • 帶走^^
  • wind
  • 兔子是不是鎖右鍵了?

    左邊的語法除了移過去會自動反白的其餘皆無法複製


  • 小咘
  • 拿走啦 謝謝你呦!
  • ^^
  • 謝謝你的分享˙ˇ˙
  • 芯玥芯
  • 親愛的兔子你好,
    我想請問這個語法
    如果鎖右鍵的網誌有用嗎?
    如果所右鍵又可以複製語法那就太好了~
  • 曦
  • 帶走:)
  • Private Comment
  • ㄚ豬
  • 打包 :)
    謝謝
  • 雨傘
  • 我要框內加底圖ㄉ
    用出來因該也會是櫻花吧!
    抱歉
    不過我複製不到可以麻煩你複製給我嗎?
    謝謝!!
  • 我把會擋住複製的雪花語法撤掉了
    你在試試看吧!下次記得留部落格網址。

    bluegirl73623 replied in 2009/06/27 12:54

  • 秀
  • 謝謝兔
    東西都很實用
  • 秀
  • 謝謝兔
    東西都很實用
  • 均
  • 帶走
  • my12345w
  • 無名的語法不給複製嗎.....
  • 抱歉。因為部落格雪花關係
    我徹下了。

    bluegirl73623 replied in 2009/06/27 12:49

  • my12345w
  • 我知道了..按全選複製到記事本-ˇ-(賤招)
  • 婷寶兒
  • 我拿走了
    謝謝分享
  • 珮珮
  • 不能夠複製ㄝ!!
  • 恩恩!文章會在修正。

    bluegirl73623 replied in 2009/08/19 18:46

  • ☆呆↗乖
  • 拿˙ˇ˙
  • 阿香
  • 拿走:D
  • Daisy
  • 引用了^^
  • 婷婷

  • 碰
  • 拿囉!
  • dodo
  • 我拿走囉
  • 小傻
  • 巧克力
  • 感謝

    拿走ㄛ~
    3Q~
    : )
  • 噗滋
  • 很怕哪一天要用的時候又找不到這篇教學,
    所以想直接記在我的blog。

    我的blog是無名的,
    我不知道怎麼從pixnet引用過去無名。

    我是自己打『本文章引用自此』再貼連結過來網頁,

    不知道這樣的引用可不可以??

    http://www.wretch.cc/blog/spirit776/31937358
    想請你看看,如果不可以的我可以撤下

  • 當然可以啊!引用方式很正確。

    bluegirl73623 replied in 2010/04/05 16:00

  • lili880521
  • 兔子...

    怎麼弄??

    我用痞客幫

    我就用自動反白語法

    貼我無名LOGO語法....

    但我按預覽

    沒變化耶

    都是語法 { 自動反白語法+無名LOGO語法}

    怎麼用呀???

    可以交交我嗎???

    拜託ㄌ

    兔子=ˇ=

  • 方便的話可以把語法貼給我看嗎?
    我在你的blog找不到耶!
    另外你的CBOX高度沒有調整好,所以顯示不完全
    建議可以加上面板像我的草莓CBOX一樣會更可愛喔![img:http://pic.pimg.tw/bluegirl73623/4b6cfe2fed261.gif]

    bluegirl73623 replied in 2010/04/05 14:55

  • 噗資
  • 謝謝你的文章願意借我引用

    你真的好用心喔!!
    回復文章,還到我的留言版通隻!
    真是麻煩你了!希望沒給你帶來困擾!

    另外~謝謝你的文章借我引用喔!!
  • Private Comment
  • 花兒
  • 拿走了,謝謝分享: )
  • 點
  • 拿走囉 謝謝
  • 漢
  • 謝謝啦!
  • 萱媽
  • 框框裡面打字的地方怎麻段行
  • ‵□﹍゚孖條'
  • 我想請問點樣可以將框框變成置中呀?!而且我想問問你b!oGGER首歌同遊標點找??同歌名係咩??我都超鐘意兔仔家!!!!
  • fish85920 / 小魚乾
  • 那個....

    有底圖的那個

    無名那邊

    好像不能用
  • Dear
  • Good

    謝謝兔子分享~
  • 瑜
  • 拿 3Q
  • 阿踢
  • 謝謝兔大分享:)!
  • 語‵
  • 打包ˇ感恩‵
  • TORO
  • 我有打包喔!謝謝妳
  • 耶耶
  • 謝謝 我拿囉!!
    呵不然不知道怎麼放語法XD
  • 彭彭=)
  • 很好用呵呵呵=))

    感恩~
  • 你好
  • 拿唷
  • 忠實訪客
  • 收唷~~謝謝你豐富我ㄉ無名
  • 蔡咖
  • 謝謝你唷:D帶走
  • Private Comment
  • 蚊子ㄦB-)
  • 你超棒ww(拇指
  • 可米
  • (拿
    謝~
  • 訪客
  • 狛犽
  • 謝謝
    拿囉
  • 訪客
  • 3Q
  • 夏目?
  • 謝謝喔WW
  • 阿爾
  • 拿走了
    謝謝啊

    真的很實用 =D
  • 餅乾*-/
  • 拿囉:)
  • 訪客
  • 感謝打包
  • hank
  • 謝謝分享,我拿了.
  • 訪客
  • 謝謝您的分享,真的超可愛的啦! :)
  • lucky0911020
  • 拿 洩囉
  • 晨
  • 自定欄位內的文字要怎麼斷行?
    只要在想斷行的地方打上<br>就行囉
  • 漂泊的雲
  • 要將語法貼入「語法框」須將"<"和">"轉換成& lt;與& gt; 才會顯示語法

    如果是直接貼語法在裡面會直接顯示圖片動畫 而不是顯示語法

    語法框是讓別人複製你要呈現出來的語法 老頭子新手體會來的

    至於適用無名奇摩的語法框我忘記是痞客邦哪個人有寫出來 我也在找她的

    資料都刪掉從頭找真累
  • 訪客

  • 謝謝
  • 路過客~
  • 太棒啦~~
    帶走唷^^
  • 忻叉
  • 謝謝你的分享
    我引用囉=)

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options