培迪 的痞客邦部落格

@.序:瑀婈發現有很多初入格子的新鮮人.有很多懵懂又不好意思詢問~甚或者求助無門.

今天特別騰出一些時間,將一些前輩及格友們的教學圖文分享做一個整理.

希望可以在你手足無措時給予你指引.

★一天學一點,每天就會多一點..加油唷!

☆適當的回應是友情~正確的引用是尊重~

尊重別人就是尊重自己,想要讓人尊重自己就要先學會尊重他人唷!不會引用請點這裡-->引用需知教學 ~

★以下文章內所有的教學連結,瑀婈都用黃色區塊標示~用滑鼠點下去就可以看到教學文囉!

要替自己的格子換美美新衣裳點這唷-->咚咚教學分享~套用版型教學

☆如何將美美掛件或小物裝飾到自訂欄位:

如何知道圖檔大小和網址

最基本貼圖法

字體放大語法

☆瑀婈推薦好上手優質上傳空間-->發葛屋-各種檔案上傳網路空間

☆琳達教學：給部落格初學者學習基礎連結語法

☆想更改格子裡的字體或者顏色點這裡-->更改BLOG字體大小的語法

☆遇到888無法順利發文時點這裡-->討厭的888無法發文處理法

☆簡單改變格子字體顏色等功能-->13個部落格常用【進階樣式】入門教學

☆.只要你肯努力花心思~什麼都不難喔~一回生二回熟~瑀婈祝福大家在格子路上可以順利的前進唷!

本文~

這是從二度空間那兒學來的，linda 將語法應用有所改變嚕~~

語法 :

<div align="center">

<center>

<table cellSpacing="10" cellPadding="1" background="直條閃圖邊框網址" border="5">

<tr>

<td>

<div align="center">

<table cellPadding="0" border="0" cellspacing="0" style="border-collapse:collapse;" bgcolor="#FFCCFF" backg

round="文章背景底圖網址">

<tr>

<td>  <!--以下為文章內容開始-->

<b><font size="7" color="#9900FF">文章加閃框加底圖語法</font></b><p>　</p>

<p>　</p>

<p align="center">

<img border="0" src="另增效果圖片網址" width="385" height="143"></p>

<p>　</p>

<p><b><font size="7" color="#9900FF">文章加閃框加底圖語法</font></b> <!--文章內容結束-->

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

閃框外邊框寬度調整說明 : (改變圖片可得到不同的效果)

<table cellSpacing="10" 閃框寬度 cellPadding="1" 文章與邊框的間距 background="直條閃圖邊框網址" border="5" 立體邊寬度>    #FFCCFF   字體或背景色色碼

<div align="center">
<center>
<table cellSpacing="10" cellPadding="1" background="直條閃圖邊框網址" border="5">
<tr>
<td>
<div align="center">
<table cellPadding="0" border="0" cellspacing="0" style="border-collapse:collapse;" bgcolor="#FFCCFF" background="文章背景底圖網址">
<tr>
<td>  <!--以下為文章內容開始-->
<b><font size="7" color="#9900FF">文章加閃框加底圖語法</font></b><p>　</p>
<p>　</p>
<p align="center">
<img border="0" src="另增效果圖片網址" width="385" height="143"></p>
<p>　</p>
<p><b><font size="7" color="#9900FF">文章加閃框加底圖語法</font></b> <!--文章內容結束-->
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>

閃框外邊框寬度調整說明 : (改變圖片可得到不同的效果)

<table cellSpacing="10" 閃框寬度 cellPadding="1" 文章與邊框的間距 background="直條閃圖邊框網址" border="5" 立體邊寬度>    #FFCCFF   字體或背景色色碼

色碼表 :

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=3110&prev=3120&next=3106

應用輔助工具

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=801

或

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=800

範例 : 1

我一定是瘋了 被公司趕著要修圖

還在這晃 真的是瘋了
 

要更改時 強烈建議你 先將語法-全選-複製 起來

用word先備份 以防萬一

請從-管理部落格進入-選面板設定-選自訂樣式

會出現css語法

不同的樣式會出現不同的語法

我自個的經驗

最佳奇摩背景圖尺寸1003X640像素

最佳標題橫框圖尺寸750X103像素-這尺寸可在CSS語法變更

我要留言尺寸-520X52像素-沒時間測試 還不知道最佳尺寸

↑這尺寸也可在CSS語法變更

背景 橫框圖片必須是放置在網路空間的圖片

不行用自己電腦內的圖片

不行用各部落格相簿內的圖片

需上傳圖片請參考

免費上傳圖片網教學

http://tw.myblog.yahoo.com/monkey_014148/article?mid=669

如果你沒有用進階樣式 -自訂 背景圖- 就請在第一排語法中 改背景圖

如果你跟我一樣 有用進階樣式 -自訂 背景圖]

請在這更改背景圖

標題背景圖設定-要先設定這裡 才會有標題語法出現

管理部落格進入-選面板設定-進階樣式-選標題底圖 先隨便先選一張圖

標題的橫框圖 請在這更換

我要留言 的說話橫框圖 請在最後一排語法 內更換

我也測試過 奇摩這不支援swf 動畫檔

轉圖檔教學

http://freebsd.chjhs.tpc.edu.tw/~94214/8-9.htm

可用來做奇摩部落格橫扁背景圖素材

http://tw.myblog.yahoo.com/monkey_014148/article?mid=388

/*個人資料管理頁面公開的部落標題+管理回應文字顏色設定*/
table#bloginfo th {background:transparent;color:#244E7E;}
#bloginfo td{background:transparent;color:#244E7E;}
table#usrinfo th{background:transparent;color:#244E7E;}
#usrinfo td{background:transparent;color:#244E7E;}
#ybloginfo table, #yusrinfo table{background:transparent;}
div#yusrintro p{background:transparent;color:#244E7E;font-size:18px;}

/*三欄式版面加大寬度設定*/ 
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol{min-width:980px;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:185px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:185px;}
.thrcol .yc3subbd {width:184px;float:left;position:absolute;right:3px;}
.thrcol .yc3sec {width:184px;float:right;position:absolute;left:1px;}

/*大標題圖背景+重覆底背景設定*/
body {background:url(http://blog.roodo.com/ralfar/d6a9f489.jpg) center top transparent no-repeat;}
html {background:url(http://blog.roodo.com/ralfar/ec2fe51b.gif) center top #FFFFFF repeat;}

/*隱藏橫框主標題名稱框線圖*/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;border:none;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

 /*隱藏框線*/
.ycntmod .rctop {background:none;}
.ycntmod .rctop div {background:none;}
.ycntmod .rcbtm {background:none;}
.ycntmod .rcbtm div {background:none;}
.ycntmod .rcl {background:none;}
.ycntmod .rcr {background:none;}

/*文章框*/
.yc3pribd .rctop {zoom:1;background:transparent  bottom center no-repeat;margin-right:0px;}
.yc3pribd .rctop div {background:transparent  center top no-repeat;height:0px;font-size:0;position:relative;right:0px;}
.yc3pribd .rcbtm {zoom:1;background:transparent  top center no-repeat;margin-right:0px;}
.yc3pribd .rcbtm div {background:transparent  center bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.yc3pribd .rcl {padding-left:0px;background:transparent center repeat-y;border:3px solid #658B1A;}
.yc3pribd .rcr {zoom:1;padding-right:0px;background:transparent center  top repeat-y;}

/*左右側欄框線*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://blog.roodo.com/ralfar/3399d7e5.gif) center top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:13px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://blog.roodo.com/ralfar/5bfdf399.gif) center bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:63px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:1px;background:url(http://blog.roodo.com/ralfar/91509670.gif) center repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:4px;background:transparent right repeat-y;}

/*部落格描述及名稱設定*/
#yblogtitle .mbd, #yblogtitle .mft{background:url(http://blog.roodo.com/ralfar/ab060c91.gif);color:#17457A;padding:200px 10px 110px 10px;text-align:center;}
#yblogtitle h1, #yblogtitle a {color:#17457A;font-size:20px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{color:#17457A;height:12px;font-size:100%;}
#yblogtitle .tft {margin:0px 20px 0px 0px;}

 /*招呼欄位底色及文字顏色設定*/
#yblast{text-align:center;}
#yblast .bg {zoom:1;width:0px;height:0px;background:transparent no-repeat;}
#yblast .text{color:#204876;padding-left:35px;}

/*btnsbsrb訂閱部落格圖示*/   
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:156px;height:68px;overflow:hidden;background:url(http://blog.roodo.com/ralfar/ee683754.gif) no-repeat;margin:0px;}

 /*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:105px;width:93px;background:url(http://blog.roodo.com/ralfar/f46813d0.gif) no-repeat;}
div.btntrackback a {display:block;height:105px;width:93px;background:url(http://blog.roodo.com/ralfar/91463275.gif) no-repeat;}

 /*左右欄位小圖*/
.ycntmod .mbd ul.list li{background:url(http://blog.roodo.com/ralfar/7f88642c.gif) no-repeat 0% 0%;padding-left:20px;color:#244E7E;padding-top:2px;border:4px groove #ffffff;}
.ycntmod .mbd ul.list li.more {margin:2px;text-align:right;background:url(http://blog.roodo.com/ralfar/7f88642c.gif) 20px center no-repeat;
padding-left:30px;font-size:100%;font-family:verdana;}
#ymodupdate .mbd .date{background:url(http://blog.roodo.com/ralfar/7f88642c.gif) left center no-repeat;padding-left:20px;font-size:100%;padding-top:9px;font-family:verdana;}

/*文章前小圖設定*/   
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://blog.roodo.com/ralfar/e4dde734.gif) no-repeat;padding-left:46px;padding-top:17px;}

 /*Links連結文字及位置顏色改變*/  
a, a:link, a:visited{color:#244E7E;text-decoration:none;}
a:hover{color:#244E7E;border:3px dotted #244E7E;position:relative;top:2px;}

/*文章區上標底色及文字顏色設定*/  
.yc3pribd .mhd{background:transparent;font-family:標楷體;font-size:20px;padding-top:10px;color:#153C68;text-align:center;}

/*文章內文及文章區底色及文字顏色設定*/  
.yc3pribd .mbd, .yc3pribd .mft{padding:10px;background:transparent;color:#244E7E;}

/*側欄區上標底色及文字顏色設定*/ 
.yc3sec .mhd, .yc3subbd .mhd{background:url(http://blog.roodo.com/ralfar/1134a7b5.gif) center top repeat-x no-repeat;color:#153C68;font-family:標楷體;font-size:16px;padding-top:50px;font-weight:bolder;text-align:center;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#153C68;font-family:標楷體;font-size:18px;text-align:center;}

/*側欄區內文底色及文字顏色設定*/  
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#244E7E;}

/*編輯刪除按鈕圖片設定*/  
div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:transparent;border:3px double #658B1A;}
.reportbtns span, #yarticle .text q{background:transparent;border:3px double #658B1A;}

 /*捲軸區色彩設定*/
html{SCROLLBAR-ARROW-COLOR: #81b7f4;
 SCROLLBAR-FACE-COLOR: #81b7f4;
 SCROLLBAR-DARKSHADOW-COLOR: #26578f;
 SCROLLBAR-BASE-COLOR: #81b7f4;
 SCROLLBAR-HIGHLIGHT-COLOR: #26578f;
 SCROLLBAR-SHADOW-COLOR: #26578f;
 SCROLLBAR-TRACK-COLOR: #81b7f4;
 SCROLLBAR-3DLIGHT-COLOR: #26578f;}

 /*游標設定*/
body{cursor:URL(  http://blog.roodo.com/ralfar/ce6e6e31.ani);}
a:hover{cursor:URL(  http://blog.roodo.com/ralfar/ce6e6e31.ani);}

 /*INPUT搜尋圖片設定*/  
input, select {background:#FFFFFF;color:#244E7E;border:3px double #658B1A;}

 /*奇摩置尾區不顯示*/ 
#yhtw_mastfoot{display:none;}

 /*月曆粗體日期顏色設定*/
#ymodcal .mbd td strong {color:#5BA0EE;}

/*隱藏招呼語的我要留言*/
#yblast {display:none;}

/*特殊選項設定_感謝柏憲妙方*/ /*文章分類--最新回應--最新文章--捲軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/
#ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}

本版型圖像取材源自猫猫壁纸酷
圖像著作權為原創者所有
（純欣賞用，不得用作商業圖利行為）。
若有侵權懇請請來涵告知，本站將立即刪除圖檔

因為阿虎出問題 所以導致音樂盒或SWF 皆無法正常引用 如果發文者又沒有使用懶人貼供大家複製 只能自己使用原始碼了

圖文開始 

1首先可先使用記事本記上標題

然後在您要引用的文章中 按下滑鼠右鍵 可以看到"檢視原始碼" 點下去

2如下圖 然後在上方 看到編輯 點下去又看到尋找在點下去

3出現尋找框框 在裡頭貼上social sharing start或Social sharing end
然後會跳出如下圖

然後從
social sharing start
下排文字開始返藍複製到Social sharing end下一個上排文字以此類推

或者例如我要複製文章裡頭有SWF 或Social  輸入 也能快速找到框框文字喔! PS:文章就打文章類顯示字  圖示就看看是什麼圖檔 收尋

4完成後關掉原始圖 回到剛剛的文章

按下引用文章 將觀看HTML打勾 將剛才複製的文字貼上在內容

在從記事本將標題複製也貼上在文章標題 分好類別 

按下立即發表 就成功發表了

感謝耐心看完!

本文出自翔霏寶貝屋

您可能有興趣的文章:

解決無法複製Flash檔教學 .

墨鄉文章引用教學