部落格大背景(14) 2007.11.22


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

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

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

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

<embed src="http://tina123.ic.googlepages.com/11200122" width="550" height="600"></embed>

後記 : 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/shinee1030/haeromi-16-uu_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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/shinee1030/haeromi-15_bbb_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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/shinee1030/haeromi-14_1_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:200px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-7_1-ff_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:130px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-5_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:200px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-3_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:250px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/haeromi-18-qqq_shinee1030-1.gif); repeat;background-attachment:fixed;background-position:center top} #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:180px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-6_1_shinee1030-1.gif); repeat;background-attachment:fixed;background-position:center top} #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:130px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-13_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:160px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/shinee1030/haeromi-12_shinee1030.gif); repeat;background-attachment:fixed;background-position:center top} #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:250px}