喵喵使用文章框架小撇步

2009033015:21

 

 

使用文章框架小撇步

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

有內框的文章框架

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

現在喵說說自己的小撇步

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

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

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

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

 

 

文章框架

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

最好是進入【觀看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重編)