部落格教學



 

 


參考下列表格 可以依照自己需求編寫CSS語法


部落格相簿  語法說明：


【此語法參考 《甜蜜♥Lover》 細心製作的css語法整理】















/*主題*/內容標題{常用修改樣式}
/*Blog album module部落格相簿*/#ymodalbum
(整個部落格相簿欄)		display:none(不顯示)
filter:alpha(opacity=50)(背景透明度)
#ymodalbum h3
(部落格相簿文字)		background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:1px double #FFFFFF
filter:alpha(opacity=50)(背景透明度)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
background-color:#FFFFFF(文字背景顏色)
width:140px;height:60px(欄位尺寸)


編寫範例：


奇摩相簿圖語法：


/*Blog album module奇摩相簿圖示*/
#ymodalbum h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:40px}


語法說明：


background-position:50% 100%; 〈圖位置〉


height:40px〈圖的高度〉


↑依據 logo 圖檔的不同  需要自行微調 位置數據


 


隱藏奇摩相簿語法：


/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}


想要開啟奇摩相簿， 刪除此段語法即可


 


開啟奇摩相簿語法：


/*Blog album module設定部落格相簿*/
#ymodalbum filter:alpha(opacity=50)
#ymodalbum h3 font-family:新細明體


語法說明：


 filter:alpha(opacity=50)→相簿欄位背景透明度


 


▲△▲△▲△▲△▲△▲△▲△▲△


 



arrow
arrow
    全站熱搜

    自然 發表在 痞客邦 留言(8) 人氣()

    E-mail轉寄