2 GP
個人的小屋修改重點,修改初學者也不錯用喔
作者:奸仔蘭˙華麗閃耀│2007-10-15 17:57:01│巴幣:0│人氣:566
我不是很聰明的人
所以小屋的修改總是問題連連
不過經過這幾天從每個熱心的大大的學習到的修改
讓我的小屋勉強還能看
現在我就將我學到的分享給大家吧(其實是怕自己忘了,所以打出來做備份= =a)
如果有剛要學習的人我這篇可以提供參考一下
雖然不會像其他大大教的那麼好
不過還是勉強能用
如果下面有錯誤或者是不必要的修改
也請各位大大不吝指教^^
我的修改重點總共分為~
最上分大圖.勇者小屋封面圖.背景圖.最右邊圖案.最下面圖案
最上面的大圖案要從~
/*-----------------------最上方顯示大圖-----------------------*/
下面一直到~
/*小屋上方主圖*/
這兩段中間貼上~
.banner{
background: url(http://網址) repeat;
height:(你要的高)px;
width:(你要的寬)px;
padding-left:20px;
padding-top:15px;
}
勇者小屋封面要從~
/*----------------------------小屋封面圖------------------------------*/
/*--------------------勇者基本資訊和能力表--------------------*/
這兩段中間貼上~
.cover_pic{
background:url(http://網址) repeat;
height:(你要的寬)px;
}/*COVER圖*/
文章的背景圖要從~
}/*主標題文字設定*/
}/*內文的背景色*/
以上這兩段中間貼上~
.category_bk{
background:#94DBFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:12px;
background-image: url(http://網址);
而背景的修改方面我是先在最下面貼上~
/*--------------------其他背景--------------------*/
然後再下面貼上要修改的部份
最右邊~
/*-----右下角那一塊、紅色、不建議設框線border -----*/
div.main {
width:948px;
margin-right: auto;
margin-left: auto;
background:transparent url(http://網址) repeat-y right top;
background-position:100%;/*圖片對齊右下的位置*/
}
div.mainOut {
background: none;
}/*大體頁面底色*/
div.mainout table{
visibility:visible;
}
div.mainout img{
visibility:visible;
}
最下面~
/*-----最下面、藍色-----*/
div.footer {
height:(你要的高)px;
background-color: #000000;
background-image: url(http://網址);
border: solid darkblue 2px; /那條深藍色線/
至於後面的背景我就貼的比較差了
建議大家去問問高手
我個人是這樣貼啦~
/*-----主要的底色、橘色、這裡設框線border只會多一條線在橘色的上面-----*/
div.left {
width: 774px;
margin-top: 1px;
text-align: center;
background:transparent url(http://網址);
div.leftOut1{
background:transparent;
}
div.leftOut2{
background:transparent;
}
div.container {
margin-top: 1px;
text-align: center;
background-image: url(http://網址);
}
___________________________________________________
巴哈姆特龍那邊我不是設定的很好
當初搞了約1個月才莫名奇妙的成功
所以如果想改那邊的話
我建議大家可以去看看收藏在我精華區裡的淵大的教學(不過我是收錄她的游標教學,所以進入後大家要自己去她的CSS教學裡面找~巴哈姆特完全攻略)
引用網址:http://www.jamesdambrosio.com/TrackBack.php?sn=916479
All rights reserved. 版權所有,保留一切權利