【4組】部落格透明度CSS語法
會開很快喔 !
分享園地 一天學一點
希望大家能輕鬆上網~快樂學習~相互勉勵
【4組】部落格透明度CSS語法
Opacity for main content 文章底色透明度
Opacity for sub column 左右欄位底色透明度
Background color for module 個人欄位底色透明度
/*Opacity for blogtitle標題底色透明度*/ /*Opacity for main content文章底色透明度*/ /*Opacity for sub column左右欄位底色透明度*/ /*Background color for module個人欄位底色透明度*/ |
**************************************
部落格【透明度】CSS語法教學
請從
管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄
將下面語法覆製 → 貼在CSS內容欄最下面
CSS語法內沒有這語法 就直接貼上
有的話請（覆蓋原先的設定）
(重覆貼取語法會干擾程式，可能會造成效果無法顯示，
或是其他無法預期的事情，除非把語法清除重新設定)
【進階樣式和自訂樣式的設定也會相互干擾】
經過一再失敗【整篇文章原始碼】終於測試成功
希望能帶給您更方便*也希望您會喜歡
不必傷腦筋引用法
【整篇文章原始碼】
↓
| <p align=center><a href="http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=11721&prev=-1&next=11719"><font color=#00ff00 size=2>如果網頁開太慢*按滑鼠右鍵*點內容*</font></a></p> <p align=center><font color=#ff00ff size=3>會開很快喔 !</font></p> <p align=center><img src="http://3.blog.xuite.net/3/b/7/2/11862274/blog_88218/txt/7230576/19.jpg" border=1 area="16900" /></p> <p align=center><font color=#ffff00 size=2>分享園地 </font><font color=#ffff00 size=2>一天學一點 </font></p> <p align=center><font color=#ffff00 size=2>希望大家能輕鬆上網~快樂學習~相互勉勵</font></p> <p align=center><font color=#ff0000 size=3>【4組】部落格透明度CSS語法</font></p> <div align=center>Opacity for blogtitle 標題底色透明度 <br>Opacity for main content 文章底色透明度<br>Opacity for sub column 左右欄位底色透明度<br>Background color for module 個人欄位底色透明度</div> <div align=center> </div> <div align=center><font color=#ff00ff size=3>以下為完全透空之語法</font></div> <div align=center><font color=#ff00ff size=3>↓</font></div> <div align=center> </div> <div align=center> <table style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 border=2> <tbody> <tr> <td><font size=1> <p align=center><u><font color=#800080>/*Opacity for blogtitle標題底色透明度*/ <br>#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}</font></u></p> <p align=center><u><font color=#800080>/*Opacity for main content文章底色透明度*/ <br>.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}</font></u></p> <p align=center><u><font color=#800080>/*Opacity for sub column左右欄位底色透明度*/ <br>.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:0)}</font></u></p> <p align=center><u><font color=#800080>/*Background color for module個人欄位底色透明度*/ <br>.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#99FF99; filter:alpha(opacity:0)}</font></u></font></p> </td></tr></tbody></table></div> <p align=center> <p align=center><a href="http://sasage.hp.infoseek.co.jp/DSC_372105x.jpg"></a><font size=1><font color=#ff00ff></font></font></p> <p align=center><font size=1><font color=#ff00ff>**************************************</font></font></p> <p align=center></p> <p align=center><font color=#ff0000 size=2>部落格【透明度】CSS語法教學</font></p> <p align=center><font color=#00ff00 size=2>請從</font></p> <p align=center><font color=#00ff00 size=2>管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄</font></p> <p align=center> <p align=center><font color=#00ff00 size=2>將下面語法覆製 → 貼在CSS內容欄最下面</font></p> <p align=center><font color=#ff0000 size=2>CSS語法內沒有這語法 就直接貼上</font></p> <p align=center><font color=#ff0000 size=2>有的話請</font><font color=#ff0000 size=2>（覆蓋原先的設定） </font></p> <p align=center><font color=#ff00ff size=2>(重覆貼取語法會干擾程式，可能會造成效果無法顯示，</font></p> <p align=center><font color=#ff00ff size=2>或是其他無法預期的事情，除非把語法清除重新設定)</font></p> <p align=center><font color=#bfbf00 size=2>【進階樣式和自訂樣式的設定也會相互干擾】</font></p> <p align=center><img src="http://3.blog.xuite.net/3/b/7/2/11862274/blog_88218/txt/7230576/25.jpg" border=1 area="16900" /></p> <p align=center> </p> <p align=center><font color=#ff00ff size=3>引用文章【語法】發表教學</font></p> </font> <p align=center><font color=#ff00ff size=3>↓</font></p> <p align=center><font color=#00ff00 size=3>要如何引用文章呢?</font><img src="http://tw.yimg.com/i/tw/blog/smiley/6.gif" /></p> <p align=center><font style="BACKGROUND-COLOR: #ff0000" color=#00ff00 size=3>※ 記得要先登入你奇摩部落格的帳號喔!!<img src="http://tw.yimg.com/i/tw/blog/smiley/1.gif" /></font> </p> <p align=left><font color=#ff0000 size=2> <p align=left><font color=#00ff00 size=2>1.複製要發表的【整篇文章內容】</font> <p align=left><font size=2><font color=#ff0000><font style="BACKGROUND-COLOR: #ffff00">不會的請參考)→</font></font></font><font color=#00ff00 size=2><font color=#ff0000> <img src="http://home.cein.or.kr/~myicon/smallicon/i-tr1e.gif" border=0 /> </font><a href="http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=4503&prev=-1&next=4500"><font color=#ff0000>基本貼圖</font></a> <p align=left><font color=#00ff00 size=2>2.點文章的右下角的【我要引用】</font></p> <p align=left><font color=#00ff00 size=2>3.點了【我要引用】之後就直接連結到您要發表文章的地方</font></p> <p align=left><font color=#00ff00 size=2>4.貼上剛才複製的全部文章內容</font> <p align=left><font color=#00ff00 size=2>5.【整理好文章內容】</font><font color=#ff00ff></font> <p align=left><font color=#00ff00 size=2>6.【寫好文章標題】</font></p> <p align=left><font color=#00ff00 size=2>7.按【立即發表】→ 完成 <img src="http://tw.yimg.com/i/tw/blog/smiley/1.gif" /></font></p> </font></font> |
引用整篇文章【原始碼】教學
↓
※ 記得要先登入您奇摩部落格的帳號喔!!
1.複製 →【整篇文章原始碼】。不會的請參考)→ 2.點文章右下角的【我要引用】。 3.點了【我要引用】之後就直接連結到您要【發表文章】的地方。 4.把觀看【HTML 原始碼】打勾。 5.貼上剛才複製的 →【整篇文章原始碼】。 6.【寫好文章標題】按【立即發表】→ 完成。 重新編輯 語法會全部失效 要重新貼製。 The power of love Celine Dion愛的力量 <p align=center><embed src="http://www.youtube.com/v/SELp8xfbzJQ&autoplay=1" width="120" height="100" quality="High" wmode="transparent"></embed>
基本貼圖
留言列表
