close




 


使用 logo 套用部落格相簿 格式


 


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


 


http://tw.myblog.yahoo.com/jw!844BCHmZBxjs7onFX0_pm7Bp/article?mid=1441


 



延伸說明(引用《甜蜜♥Lover》所做的整理表格:


 


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


 


《甜蜜♥Lover》千金公主寶貝窩


 


http://tw.myblog.yahoo.com/jw!844BCHmZBxjs7onFX0_pm7Bp/article?mid=1441


 



*部落格相簿  語法說明:


 














/*主題*/內容標題{常用修改樣式}
/*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:40p
x}


 

語法說明:


 


background-position:50% 100%;height:40px


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


 




css語法


 


請進入管理部落格面板設定-選 自訂樣式


改變 部落格背景樣式 框線樣式 卷軸顏色 滑鼠樣式


改變 訂閱圖示樣式 個性圖示 文字樣式


 




 



 


logo圖檔網址查詢:


點圖→滑鼠右鍵→內容→就有 logo 圖檔網址 尺寸


 



 



 



 



 



 



 



 



 



 



 


延伸教學:



 




 




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 林建良 的頭像
    林建良

    DIY玩化學

    林建良 發表在 痞客邦 留言(0) 人氣()