琳達教學:為你的文章穿上新衣
最近琳達所發表的文章裡,大都會有像下列簡單型的文章框
這種框雖沒有閃閃發亮,但只要顏色配的亮眼,其實看起來也不錯看啦~
它會隨著文章長短不一而自行調整框的大小
尤其是貼語法的部份相當好用喔~
接下來琳達教大家如何來改變顏色
綠色底的部份是英文色碼,也就是框的最外層,這裡提供了英文色碼表→  琳達英文色碼表
黃色底的部份也是色碼,是漸層的部份,這兒也提供色碼表給您參考→ ★琳達的色碼表★
紅色底的部份是文字的顏色,語法不變,更改色碼就可以嚕~
更改語法適合在記事本裡先做修改,語法完成後在新發文裡的下方之處
有個口觀看HTML 原始碼 (說明)的地方打勾→ 語法貼上→ 再將口觀看HTML 原始碼 (說明)取消打勾,你就可以看到你的文章框囉~再將文字或是圖檔貼在框裡,就醬子一篇文章給它穿上新衣服囉~
琳達自己也設計幾款不同的顏色加上配好的捲軸,好方便自己也可以使用,你也可以試試看喲~
希望你會喜歡此次的教學,也請你正確引用喔~
★要如何正確引用請參考★琳達教你如何引用BLOG文章★
★要外連帶走的請註明原出處:★Linda達令★
★想看更多,請至★琳達教學★ 喲~
★本站文章巳申請註作權,請尊重他人正確引用

★請別移除我的LOGO
  琳達 教學分享









<P align=center>
<TABLE id=table6 style="BORDER-RIGHT: golenrod 1px dashed; BORDER-TOP: golenrod 1px dashed; BORDER-LEFT: golenrod 1px dashed; BORDER-BOTTOM: golenrod 1px dashed" cellSpacing=5 cellPadding=3 width=528 bgColor=golenrod>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #b4fc00 1px dashed; BORDER-TOP: #b4fc00 1px dashed; BORDER-LEFT: #b4fc00 1px dashed; BORDER-BOTTOM: #b4fc00 1px dashed" bgColor=#b4fc00>
<TABLE id=table7>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px" bgColor=white>
<P align=center><FONT color=#006c00 size=2>文字貼在此處</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>



文章框架加捲軸(亮綠)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #d8fc90;SCROLLBAR-FACE-COLOR: #6cd800;SCROLLBAR-HIGHLIGHT-COLOR: #d8fc24;SCROLLBAR-SHADOW-COLOR: #d8fc24;SCROLLBAR-3DLIGHT-COLOR: #d8fc24;SCROLLBAR-DARKSHADOW-COLOR: #d8fc24;SCROLLBAR-ARROW-COLOR: #489048;">文章寫入位置<div>










文字貼在此處



文章框架加捲軸(紫色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #ded5ff;SCROLLBAR-FACE-COLOR: #b424fc;SCROLLBAR-HIGHLIGHT-COLOR: #d890fc;SCROLLBAR-SHADOW-COLOR: #d890fc;SCROLLBAR-3DLIGHT-COLOR: #d890fc;SCROLLBAR-DARKSHADOW-COLOR: #d890fc;SCROLLBAR-ARROW-COLOR: #6c0090;">文章寫入位置<div>










文字貼在此處



文章框架加捲軸(黃色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcb4;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fcfc00;SCROLLBAR-SHADOW-COLOR: #fcfc00;SCROLLBAR-3DLIGHT-COLOR: #fcfc00;SCROLLBAR-DARKSHADOW-COLOR: #fcfc00;SCROLLBAR-ARROW-COLOR: #fcfc00;">文章寫入位置<div>











文字貼在此處





文章框架加捲軸(亮藍)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #b4fcfc;SCROLLBAR-FACE-COLOR: #48fcfc;SCROLLBAR-HIGHLIGHT-COLOR: #0090fc;SCROLLBAR-SHADOW-COLOR: #0090fc;SCROLLBAR-3DLIGHT-COLOR: #0090fc;SCROLLBAR-DARKSHADOW-COLOR: #0090fc;SCROLLBAR-ARROW-COLOR: #0090fc;">文章寫入位置<div>










文字貼在此處





文章框架加捲軸(橘黃)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcb400;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;SCROLLBAR-SHADOW-COLOR: #fc0000SCROLLBAR-3DLIGHT-COLOR: #fc0000;SCROLLBAR-DARKSHADOW-COLOR: #fc0000;SCROLLBAR-ARROW-COLOR: #fc0000;">文章寫入位置<div>










文字貼在此處



文章框架加捲軸(粉紅)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #fcb4d8;SCROLLBAR-HIGHLIGHT-COLOR: #d8006c;SCROLLBAR-SHADOW-COLOR: #d8006c;SCROLLBAR-3DLIGHT-COLOR: #d8006c;SCROLLBAR-DARKSHADOW-COLOR: #d8006c;SCROLLBAR-ARROW-COLOR: #d8006c;">文章寫入位置<div>












文字貼在此處



文章框架加捲軸(黑色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #a9a9a9;SCROLLBAR-FACE-COLOR: #000000;SCROLLBAR-HIGHLIGHT-COLOR: #a9a9a9;SCROLLBAR-SHADOW-COLOR: #a9a9a9;SCROLLBAR-3DLIGHT-COLOR: #a9a9a9;SCROLLBAR-DARKSHADOW-COLOR: #a9a9a9;SCROLLBAR-ARROW-COLOR: #ffffff;">文章寫入位置<div>



    全站熱搜

    小雪兒 發表在 痞客邦 留言(0) 人氣()