盒子背景圖玩色語法

 



不好意思　讓好友久等了　忙著畢業交接　終於稍稍鬆口氣　
下個月轉換跑道　還有一段時間須適應　
若有語法上的問題　穎兒忙碌之餘盡量抽空回覆～！
希望這些語法對好友們有幫助 玩玩吧～
實踐去玩 樂在其中 大家一定做的比我好～❤ 

　

語法：

<style type="text/css">
body {background : url(背景圖網址)  fixed;}
.sidebar-title{color:#側邊欄標題色碼;} #main-menu a{color:#日記留言版等標題色碼;} #mainarea h1 a:hover {text-decoration: underline; color:#日記標題反光色碼;}
#mainarea h1 a:link, h1 a:active, h1 a:visited { color:#左側日記標題色碼;font-size:18px; }
#mainarea h1 {color:#ffcc99;font-size:18px;background:url(日記標題小圖網址) no-repeat left top;border-bottom:1px dotted #ccffff;}
#main-menu li{padding-left: 35px;background:url(上方標題小物圖片網址) no-repeat;}
.sidebar-title { font-size:15px;color:#cc99ff;background:url(右側邊欄標題小物) no-repeat; }
</style>



PS.若要使用標題小物 可以到後台畫面樣式　
選擇楓葉#１０００２寬版的樣式
這樣才有足夠空間放置小物
它只是改變網頁的格式　若已經使用背景圖語法　
選擇此樣式並不會改變背景圖



以上語法綜合好友們的分享　穎兒拼湊一番整理　希望好友們看的更清楚些　
對於語法穎兒仍在學習研究當中　請多多指教～！


色碼網站：http://www.powmo.com/ac.html

側邊欄顏色語法（以下為豬大哥分享之語法）

/* 標題 */
body
{
color: #ff0080; background-attachment: fixed; background-position: center top;
}

/* 未連結 */
a:link
{
color: #8000ff;
}

/* 已連結過 */
a:visited
{
color: #8000ff;
}

/* 滑鼠移至連結 */
a:hover
{
color: #ff0000;
background-color: #ffffff;
}

/* 選擇的連結 */
a:active
{
color: #8000ff;
}


範例
<style type="text/css">
body
{
color: #00ccff; background-attachment: fixed; background-position: center top;
}
a:link
{
color: #dddddd;
}
a:visited
{
color: #0066ff;
}
a:hover
{
color: #ffffcc; background-color: #;
}
a:active
{
color: #ffffff;
}
</style>