close



/*Background image for whole page*/
body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/13.gif); repeat;background-attachment:fixed}


#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}


#yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:210px}


 


已上市語法



如何使用『自定樣式』增加自己想要的語法?




2007/11/19 01:46

                     

分類:BLOG教學區

2007/11/08 11:51


由於BLOG發表魔狂發表了200多款部落格標題圖片懶人語法,


有人回應不太會使用, 本篇就做個小小示範給未曾使用朋友參考:


第一步: 要用長型落格標題圖,首先你的奇摩部落格版型要設定三欄式 ,


請按 『管理部落格』進入以下畫面修改




第二步: 在面版設定 (TINA不小心圈錯了)

自定樣式原先語法先做備份動作, 請在語法區域按右鍵/全選,再按右鍵/複製 。




 

第三步: 你可以用『發表文章』, 把你原先自定樣式語法當作文章發表, 只是請勾選『隱藏文章』

做備份使用以備不時之需。




 

第四步: 再到你想要的標題圖片懶人語法, 按右鍵/全選,加按右鍵/複製 。

 



第五步: 再回到『管理部落格』/ 『面板設定』/ 『自定樣式』空白處貼上語法即可。







部落格大背景(15) 2007.11.22







本篇素材來自韓網blog/ppura, 感謝她提供美感的背景圖圖 !


提供是只有單純背景的語法, 其餘均照你原先設計安排,請各位使用前務必請先備份其自定樣式原始文字, 再使用提供的語法,請各位留意囉 ! 由於語法有用到透明度目前奇摩部落格只能適用於IE瀏覽器, 用Mozilla Firefox來看會破功啊 ! 想哭...


如何使用『自定樣式』增加自己想要的語法   



想整篇發表引用的網友,只要複製下列語法,進入發表文章後,先將 觀看HTML 原始碼 打勾,再把語法貼進”空白內容”處,
切記不可預覽,直接發表就可以囉 !
如何使用懶人引用法? 


想另開大畫面欣賞請按 http://tina123.ic.googlepages.com/112001222


 




後記 : 2007.11.24 語法補充


 Firefox 瀏覽器看奇摩BLOG的透明問題   / 請自行在自定樣式後方加上以下這段語法才不會破功 !!


  /*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}











可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/13.gif); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:210px}



 


可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/09.gif); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:170px}



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/11.gif); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:140px}


 




可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/01.gif); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:95px}




可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/05.jpg); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:90px}




可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/03.gif); repeat;background-attachment:fixed} #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)} #yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:110px}



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/14.gif) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/12.gif) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/10.gif) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/08.gif) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/06.jpg) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/04.gif) repeat }



可按右鍵另存新檔到你的電腦,請下載上傳到自己的相簿, 以備不時之需 !


在管理部落格/面板設定/自訂樣式 所需要的語法如下:


/*Background*/ body{ background:#FFFFFF url(http://i240.photobucket.com/albums/ff40/tina88888888/lifeparadies/02.gif) repeat }











本文出自 Tina~小小 世界  http://tw.myblog.yahoo.com/tina88888888-babytony/ 





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

    ~☆~★~寶貝中的寶貝~★~☆~

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