close

 



































 


使用文章框架小撇步



































喵喵發現很多人都還不會使用


有內框的文章框架


要不就是很容易就弄亂掉~!!



現在喵說說自己的小撇步


讓大家以後更容易使用文章框架


去編輯跟美化自己的文章。



當然每個人有自己的使用方法


有好的小撇步別忘了跟大家一起分享喲。


 



 


文章框架


要更換 圖片網址、更換字體、改變文字顏色、文字大小


最好是進入【觀看HTML原始碼】裡面去更改。



url(圖片網址)



(font face=標楷體 )=字體



(color=#c49b71 )=文字顏色



(size=6 )=文字大小




(<div align=center>)=圖片置中


 



 



重新編輯


不要忘了整篇先反白複製起來


再按【編輯】喲,


再把裡面的文章內容 全選 ,


 再 Delete 刪除掉,


再重新貼上新複製好的內容。



或是先勾選【觀看HTML原始碼】


再按滑鼠右鍵【全選】


在按鍵盤上的【Delete】刪除。


再重新貼上新複製好的內容。


 



 


上下的大圖跟內框裡面上下的小圖


最好不要去移動,


否則很容易錯亂,


如果自己不懂得如何去更正,


那就毀啦。



如果一定要換圖片


就請進入【觀看HTML原始碼】裡


去更換網址跟更改圖片寬高喲。


 




【 上下大圖語法範例註解如下:】


【註明紅色的都是可以更改的地方,


但是切記後面有空一格的部分不可遺漏喲】



<div style="BACKGROUND: url(圖片網址); FILTER: Alpha(opacity=100,style=3); WIDTH: 434px; HEIGHT: 500px">
<div align=left><embed src=swf檔圖片網址 width=434 height=500 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed></div></div></div>



(WIDTH: 434px; HEIGHT: 500px)


=圖片網址SWF圖檔圖寬高度一樣



如果不想加上SWF檔圖片 下面這一段語法可以刪除掉


<div align=left><embed src=swf檔圖片網址 width=434 height=500 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed></div></div></div>



style="FILTER: Alpha(opacity=100,style=3)"



=漸層語法(不用的話刪除即可)



大圖漸層語法刪除這一段即可


FILTER: Alpha(opacity=100,style=3)




/*一般漸層語法使用範例*/


<p align=center><img style="FILTER: Alpha(opacity=100,style=3)" src="http://photo.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book83/12342389369s.gif" border=0 /></p>


 



 


文章內容最好事先編輯好


可以在文章框架外先編輯好再貼進內框裡


 



 


內框編輯方法:


在 內框裡面 用滑鼠左鍵快點兩下,


使其周邊呈現白框,


其它不用的內框文字


先反白刪除,


再反白您要的文字大小


(或輸入數字做記號


再進入【觀看HTML原始碼】裡


更改您要的字體、色碼跟文字大小)


再貼上(按鍵盤上的Ctrl+V) 新的


編輯好的文章內容或圖片即可。


 


記得每次編輯內框時


都要用滑鼠快點兩下


使其周邊呈現白框時


才能編輯喲!


 



 


小撇步:


要進入【觀看HTML原始碼】編輯時


如果怕找不到要更改的位置


可以先在要編輯的文字或圖片前面


輸入數字以做標記



範例如下:(輸入333...數字做標記)


333333333


 


 


 



進入【觀看HTML原始碼】裡面更改之相關重點




標題文字



<p align=center><font face=標楷體 color=#c49b71 size=6><strong>標題文字</strong></font></p>



內框編輯區~size=5


<p align=center><font face=標楷體 color=#00407f size=5>內框編輯區~size=5</font></p>



內框編輯區~size=4


<p align=center><font face=標楷體 color=#00407f size=4>內框編輯區~size=4</font></p>



內框編輯區~size=3


<p align=center><font face=標楷體 color=#00407f size=3>內框編輯區~size=3</font></p>


 



 


內框捲軸語法-簡略範例


【內框捲軸 是要內框文章內容高過 550px 才會顯示捲軸滴喲】


 


<div style="SCROLLBAR-FACE-COLOR: #e6e6e6; SCROLLBAR-HIGHLIGHT-COLOR: #b07979; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #b07979; SCROLLBAR-3DLIGHT-COLOR: #e6e6e6; SCROLLBAR-ARROW-COLOR: #b07979; SCROLLBAR-TRACK-COLOR: #e6e6e6; SCROLLBAR-DARKSHADOW-COLOR: #b07979; HEIGHT: 550px">文章內容</div>



#e6e6e6 為主捲軸色碼


#b07979 為邊線捲軸色碼





 










(98/4/2重編)


 


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 皓媽咪 的頭像
    皓媽咪

    *。◕‿◕。*♡★☆皓皓寶貝&皓媽咪的快樂園地☆★♡*。◕‿◕。*

    皓媽咪 發表在 痞客邦 留言(0) 人氣()