放置原始碼語法的捲軸框

有人說情意的足跡是懶人的天堂,這讓我記憶很深刻
沒錯的,情意都盡量為訪客著想,能簡單省事,情意都會設想週到

在分享些小玩意時,往往都需要讓人自行複製語法
情意所分享的語法,就是用這種能自動全選反白的框框
這是在寫教學時,若需讓人複製語法,這個框框就很實用了!

只要滑鼠一移過去就會自動反白,很方便省事的唷!

全選反白的捲軸框

將最後面這句(/textarea)的括號改成<  >



語法說明:
cols=32 框的長度
rows=5  框的寬度
background-image: url('底圖網址'); 可用圖片當背景
若不使用底圖,也可設背景顏色,將語法換上去即可
background-color:#FFFFFF  框內背景色
color:#333333; font-size: 10pt;  框內文字顏色與大小
border:2px solid #333333;  邊框的大小與顏色


另也可自行再加入捲軸的顏色語法!
將語法直接加在 border:2px solid #333333; 這句的後面就可以了!

捲軸顏色設定說明:
scrollbar-arrow-color:#fcfcb4; 箭頭顏色
scrollbar-track-color:#000000; 軸軌顏色(下面)
scrollbar-face-color:#000000;軸面顏色
scrollbar-highlight-color:#d80090;軸面左邊
scrollbar-shadow-color:#d80090; 軸面右邊
scrollbar-3dlight-color:#d86cb4; 左立體邊
scrollbar-darkshadow-color:#d86cb4; 右立體邊


另一種更方便的,只要按一下就自動複製的框,可惜新浪不能用
但自己做的網頁裡,就能使用了!

全選複製框:

將裡面這句(/textarea)的括號改成<  >





cm788847 發表在 痞客邦 PIXNET 留言(20) 人氣()


留言列表 (20)

發表留言
  • 菲
  • 很棒的分享!!!可惜語法無名小站不能用....呵呵
  • yanmon
  • 謝謝分享~~我拿去用哩<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/thumbs_up.gif" />
  • 依依
  • <p>可以幫我用媽?<br />
    <br />
    拜託</p>
  • 雨筠
  • 請問有沒有無名一般會員可以使用的反白框呢@@"<br />
    不然都找不到可以放語法的@@"
  • 魚
  • 請問為什麼把內容輸入進去以後<br />
    因為我是放在pixnet文章裡面<br />
    但是在外面看都很正常<br />
    點到文章裡看的時候語法框裡的內容都會自己加斷行語法<br />
    請問有解決的方法嗎@@?<br />
  • 風的物語
  • 請問無名的話是要用一般編輯器嗎??<br />
    <br />
    我試過了....失敗捏><<br />
    我的語法:<br />
    <TEXTAREA cols=32 name=1i_net rows=5 on<!>mouseover="this.focus()" on<!>focus="this.select()" style="background-color:F8F8F2;color:#333333; font-size: 10pt; border:2px solid #333333;"><a target="_blank" href="你的部落格網址"><img src="存放banner的原始圖片網址"border="0"></TEXTAREA><br />
    <br />
    對不起~<br />
    請幫我檢查一下><
  • 琦琦
  • <p>看到樓下的人的問題<br />
    我也正想要問<br />
    但是我不會用記事本寫語法ㄝ><<br />
    <br />
    請問有教學嗎??<br />
    <br />
    或者情意可以提示我一下><</p>
  • 琦琦
  • <p>請問<br />
    我看別人用css語法時<br />
    他們一樣是滑鼠滑過去就反白<br />
    <br />
    但是他們會必須先要按一個網頁<br />
    才會連結到有語法的網頁耶!!<br />
    <br />
    請問那怎麼弄呢??</p>
  • 翔翔
  • 再次問你一個問題~我的部落格是鎖又鍵+禁反白的~可是我用了這段語法後 滑鼠放上去 還是沒有反白耶...<br />
    <br />
    &nbsp; <p class="MsoNormal"><TEXTAREA cols=32 name=1i_net rows=5 onMouseOver="this.focus()" onFocus="this.select()" style="background-image: url('飛翔會館');color:#333333; font-size: 10pt; border:2px solid #333333;"><embed src="<a href="http://www.ananedu.com/onlinegame/online03/flash/248.swf">http://www.ananedu.com/onlinegame/online03/flash/248.swf</a>" height="400" width="380"><embed></TEXTAREA><br />
    <br />
    這是我的語法~哪裡有錯 請告訴我 謝謝!</p>
  • 凱凱
  • 哇!!真不愧是老師耶<br />
    <br />
    我成功了@@"<br />
    <br />
    真的超感謝你的...我決定了~每天來你這座客順便加入你的露狗^^  XD
  • 凱凱
  • 哈囉先跟情意老師說聲安^^<br />
    <br />
    我是無名的使用者,,請問一下這個框框語法<br />
    <br />
    可以將語法都編輯好存在記事本,,然後上傳到雅虎香港的空間嗎?<br />
    <br />
    我之前有成功過一次<br />
    <a href="http://www.geocities.jp/camel91014/1.txt">http://www.geocities.jp/camel91014/1.txt</a><br />
    <br />
    可是覺得好像放embed的語法他都不能用欸ˊˋ<br />
    <br />
    苦惱!!請情意老師解答^^
  • 婷婷
  • 版大你好ˇ<br />
    我用的是"無名"的部落格<br />
    不知道是否可以使用?<br />
    因為每次放上去都沒出現...<br />
    另外我有個跟下一篇的捲軸有關的問題:<br />
    他是放原始語法進去就會再捲軸內跑出那個小玩意嗎?<br />
    還是有方法避免?<br />
    問這麼多問題真是抱歉!<br />
    先跟你說:謝謝你提供我這麼多知識!!
  • Minnie
  • 情意老師您好~<br />
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我引用了妳的蛋糕倒數計時器,想放在我的落格分享,也引用了妳的自動複製語法框框,但我想要設定為有底圖的,可是我試很多次都沒有出現耶!!!妳可以幫我看一下嗎?<br />
    &nbsp;<p class="MsoNormal"><TEXTAREA cols=32 name=1i_net rows=5 onMouseOver="this.focus()" onFocus="this.select()" style="background-image: url('http://jackminnie.myweb.hinet.net/s041.swf&nbsp;&nbsp; ');color:#333333; font-size: 10pt; border:2px solid #333333;">這裡可輸入原始語法</TEXTAREA></p>
  • evany137
  • 噢 !!<br />
    原來你是說網誌喔!!<br />
    我還以為你是說 留言版的 LOVE<br />
    網誌的那個歡迎光臨,<br />
    是一種字體,<br />
    叫飾藝體。<br />
    我去看你的無名了,<br />
    沒有成功說 @@<br />
    語法整個都出來了耶 = )))<br />
    <br />
    我的確比較小 =]]
  • evany137
  • 謝謝你來我留言版留言 >ˇ<<br />
    --------------------------------------------------*<br />
    我剛剛試過了,<br />
    框框有跑出來,(還包含很粗很粗的捲軸@@)<br />
    但是滑鼠按下去(要複製)<br />
    出現一個網址(ABOUT:BLANK)<br />
    根本沒有辦法複製ˊˋ<br />
    怎麼辦 ?<br />
    ----------------------------------------------------*<br />
    還有關於你問的那個問題 = ]<br />
    那其實是一個筆刷(笑)<br />
    我在網路上找到的筆刷 = ]]]<br />
    ----------------------------------------------------*<br />
    互相問問題耶&nbsp; =&nbsp;&nbsp; ]]<br />
    想跟你做個朋友 = )))
  • evany137
  • <p>那我再問一個 >ˇ<<br />
    就是芽 ,<br />
    無名能LOGO下面放一個框框複製嗎 ?<br />
    不全選的也OK ,<br />
    可以嗎 (?)<br />
    抱歉再次打擾 XDDD</p>
  • evany137
  • <p>請問一下噢 ,<br />
    我用都沒有效果出現說 ..<br />
    這語法放無名沒問題吧 (?!)<br />
    <br />
    <br />
    <TEXTAREA cols=32 name=1i_net rows=5 onMouseOver="this.focus()" onFocus="this.select()" style="background-image: url('');color:#333333; font-size: 10pt; border:2px solid #333333;">這裡可輸入原始語法</TEXTAREA><br />
    <br />
    <br />
    這是我放的語法 ;;<br />
    請問一下有問題嗎 ?<br />
    都無法出現說 !!</p>
  • 羊小山
  • 摁`<br />
    我知道了!<br />
    謝謝大大的告知!