close

如何自己做立體文章框 V --惠心




看到這一篇的框蠻喜歡的


我就照這一篇的框的做法也告訴大家


 


發現有很多人都離開格子


大家都不可能永遠在同一個地方吧~因為網路流行的真的太多了~


一旦前輩有人離開格子


那後輩想要學的就會不知道要怎麼辦


教大家簡單的框讓想學的也可以學


別急的放棄~我也是失敗無數次才成功的


所謂羅馬也不是一天就造成的


你說是吧~


 


 


 










文章貼此



 


 


看到一個框的樣式好想自己要~可是顏色和圖片想換自己的~


如果身邊沒有閃圖~沒有素材英文也不好~是不是就覺得做不成框了~其實~~~~~自己只要有色碼表和找一個不是透明的.SWF檔圖片就可以變身了喔


 



1~首先請先了解這幾個網頁~一定要先弄懂再說


已經有網友教學了我就不再解釋了~這是我之前引用回來的文章


你也可以點回去直接看網友的格子


 



 

怎樣下載網路上的 swf 動畫呢?


瞇瞇編輯 swf 圖檔快速引用法


將xuite當swf倉儲


等會了就把語法弄下來自己做吧~


 



 


 

 

 

1如果做立體框

 

 

 

 

 

2如何做立體框

 

 

 

 



有看到嗎?這就是全部語法


<p align=center><font color=#f4baf3></font> </p>

 

<p align=center></p>

 

<p>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #f4baf3" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #f4baf3" border=2 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #f4baf3" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: outset; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #f4baf3" border=12 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #f4baf3" border=10 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #f4baf3; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #f4baf3; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #f4baf3; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #f4baf3" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table border=0 cellSpacing=0 cellPadding=0 bgColor=#ffffff align=center>

 

<tbody>

 

<tr>

 

<td>

 

<p align=center><embed height=410 type=application/x-shockwave-flash width=565 src=http://img392.imageshack.us/img392/5497/lovehu7.swf allowscriptaccess="never"></embed> </p>

 

<p align=center><font color=#f4baf3 size=4 face=標楷體>文章貼此</font> </p>

 

<p align=center><img src="http://i301.photobucket.com/albums/nn64/chiuchin1012/85cdd8776c64.gif" /></p>

 

</td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

 

<p></p>

 

<p align=center><font color=#ff3937><font color=#f4baf3></font></font>&nbsp;</p>

 

 

 

 



2~每一段都會出現有一樣的色碼數字4(因為一個框有4個邊)

 

其他的不要管它了~管它是什麼天文..反正我要看的是結果就好

 

因為我也不懂哈哈~~~~~~


 

 

這就是最基本也最簡單可以貼文章的方式不需要什麼閃圖的框

 

其實我也在當初要學框的時候也曾經在網路上找~只是找到的教學我也看不懂~後來才改這樣的方式

 

是不是覺得好像很困難~其實不會~

 

只要懂幾個網頁加上自己改顏色就可以了

 

我分一段一段的他們都有一樣的地方~每一段螢光色的地方就代表一個框線

 

 

 

 



3~打開你的色碼表去調你自己喜歡的顏色

 

把你所調好的數字複製到這裡面來

 

 

 

色碼表

 

3如何做立體框

 

 



<p align=center><font color=#707078></font> </p>

 

<p align=center></p>

 

<p>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #707078" border=2 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: outset; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #707078" border=12 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #707078" border=10 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table border=0 cellSpacing=0 cellPadding=0 bgColor=#ffffff align=center>

 

<tbody>

 

<tr>

 

<td>

 

<p align=center><embed height=410 type=application/x-shockwave-flash width=565 src=http://img392.imageshack.us/img392/5497/lovehu7.swf allowscriptaccess="never"></embed> </p>

 

<p align=center><font color=#f4baf3 size=4 face=標楷體>文章貼此</font> </p>

 

<p align=center><img src="http://i301.photobucket.com/albums/nn64/chiuchin1012/85cdd8776c64.gif" /></p>

 

</td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

 

<p></p>

 

<p align=center><font color=#ff3937><font color=#f4baf3></font></font>&nbsp;</p>

 

 

 

4~看到了嗎?之前有瑩光底色的部份數字我已經都改好了~

 

5~~再來改圖看你要的文字顏色吧~

 

那中間那一段語法是什麼呀~那是底圖的顏色

 

它這裡設定為白色

 

<table border=0 cellSpacing=0 cellPadding=0 bgColor=#ffffff align=center>

 

<tbody>

 

<tr>

 

<td>

 

 

 

6~我們不管它就照舊吧~

 

7~最重要的下一段語法

 

<p align=center><embed height=410 type=application/x-shockwave-flash width=565 src=http://img392.imageshack.us/img392/5497/lovehu7.swf allowscriptaccess="never"></embed> </p>

 

<p align=center><font color=#f4baf3 size=4 face=標楷體>文章貼此</font> </p>

 

<p align=center><img src="http://i301.photobucket.com/albums/nn64/chiuchin1012/85cdd8776c64.gif" /></p>

 

</td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

 

<p></p>

 

8~它設定為高410..565

 

這裡就看你的圖片有多大喔~現在把我們之後放在自己空間的動畫SWF檔放進來吧~

 

9~在文章框的語法中有一個文章內容的前面有一個色碼就是字體顏色和字體大小~

 

我改了

 

 

 

<p align=center><embed height=410 type=application/x-shockwave-flash width=565 src=http://0.mms.blog.xuite.net/0/e/3/8/25851124/blog_2540286/dv/64912391/64912391_0.swf

 

 allowscriptaccess="never"></embed> </p>

 

<p align=center><font color=#385058 size=5 face=標楷體>文章貼此</font> </p>

 

<p align=center><img src="http://i301.photobucket.com/albums/nn64/chiuchin1012/85cdd8776c64.gif" /></p>

 

</td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

 

<p></p>

 

 

 

都改好了~

前後有一小段語法那只是一個星星小圖有沒有都沒差呀~

 

 

 

 

 

 

現在全部都改好的語法如下~

 

 

 

<p align=center><font color=#707078></font> </p>

 

<p align=center></p>

 

<p>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #707078" border=2 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: outset; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #707078" border=12 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #707078" border=10 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<table style="BORDER-BOTTOM-STYLE: groove; BORDER-BOTTOM-COLOR: #707078; BORDER-RIGHT-STYLE: groove; BORDER-TOP-COLOR: #707078; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: groove; BORDER-RIGHT-COLOR: #707078; BORDER-LEFT-STYLE: groove; BORDER-LEFT-COLOR: #707078" border=5 cellSpacing=0 cellPadding=0 align=center>

 

<tbody>

 

<tr>

 

<td>

 

<p align=center><embed height=410 type=application/x-shockwave-flash width=565 src=http://0.mms.blog.xuite.net/0/e/3/8/25851124/blog_2540286/dv/64912391/64912391_0.swf

 

 allowscriptaccess="never"></embed> </p>

 

<p align=center><font color=#385058 size=5 face=標楷體>文章貼此</font> </p>

 

<p align=center><img src="http://i301.photobucket.com/albums/nn64/chiuchin1012/85cdd8776c64.gif" /></p>

 

</td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

 

<p></p>

 

<p align=center><font color=#ff3937><font color=#707078></font></font>&nbsp;</p>

 

 

 

 

 

 

你會了嗎?怎麼樣呀~~我變身完成了喔~

 

希望看的懂喔~就送給有需要的人喔~

 

以此類推喔~

 

 

 

 

 

 

 

 








文章貼此






 

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ajohn 的頭像
    ajohn

    ajohnwoung的部落格

    ajohn 發表在 痞客邦 留言(0) 人氣()