部落格大背景(08) 2007.11.10

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

由於之前上傳HOST4PHOTO網路空間不是很穩定,加上大部份螢幕都是用1024PX,本篇尺寸修正1024px及用photobucet 空間比較穩定。提供是只有單純背景的語法, 其餘均照你原先設計安排,請各位使用前務必請先備份其自定樣式原始文字, 再使用提供的語法,請各位留意囉 !

由於語法有用到透明度目前奇摩部落格只能適用於IE瀏覽器, 用Mozilla Firefox來看會破功啊 ! 想哭...

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

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

<embed src="http://tina123.ic.googlepages.com/1110022" 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/1110/07.gif); 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:230px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1110/08.gif); 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/1110/09-1.gif); 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/1110/10.gif); 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:150px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1110/11.gif); 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:150px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1110/12.gif); 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/1110/13.gif); 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:150px}

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1110/14.gif); 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:140px}

 

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

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

/*Background image for whole page*/ body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1110/15.g;background-position:center topif); 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/1110/16.gif); 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:150px}