放置原始碼語法的捲軸框

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

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

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

全選反白的捲軸框

將最後面這句(/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)的括號改成<  >





arrow
arrow
    全站熱搜

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