css - 右邊統計條

作者：小角落..│2008-02-06 15:21:29│巴幣：0│人氣：1164

本文引用自此
本文引用自此
本文引用自此

如果這篇看的一點都不懂的話，請看css - 超級新手教學
如果找不到自己想要的，請看css - 導引 (看圖說故事)
如果沒有自己想要的效果，請看css - 語法說明
想要找小細部的設定，請看css - 各區塊分類解說圖(2009/4/13)
(不過這要20元喔!!不想花錢的可以看巴哈提供的分類區塊解說圖)

這裡是其他大大的css教學css - 巴哈css教學網
色碼表、上傳空間、螢幕檢色器css - 好用軟體+好文推薦

這教學是寫給我自己看的..
可以問問題..但是我自己也不是很懂XD

◎圖片要上傳到http://..某處..不能放在自己電腦..
我是放在這裡樂多日誌(不過沒有資料夾可以編輯,有點麻煩><)

1.這次要改的是這個部分..一步一步的慢慢修改>Q<

　　

2.首先是這裡..很礙眼嗎?把他刪除吧XD

3.把以下這段複製貼到最下面..
#Flash_curve{display:none;}　/*隱藏統計圖*/

4.然後修改這裡

5.這段字..一樣要自己複製貼上去喔!!
/*------右下的標題格式-------*/
.post_title {
height:40px;/*圖片高度*/
background-image:url(http://圖片網址);
background-position:left;
color: #; /*文字顏色*/
padding-left:30; /*←文字與左方的距離，請自行調整。*/
padding-top :15; /*←文字與上方的距離，請自行調整。*/
}

6.如果你的圖片比較小..
會產生灰灰或是白色的底邊的話..
可以加入這幾行字..
div.right {background: none;}
div.rightTop{background: none;}
div.rightDown {background: none;}

7.再來是改這裡的小文字..

8.還是將以下文字貼到最下面..輸入你想要的色碼..
/*--小屋統計、個人紀錄文字顏色--*/
.home_c1{color: #000;}/*首頁的顏色*/
.home_c1 a:link, .home_c1 a:visited{color: #000;}/*內頁的顏色*/
.home_c1 a:hover{color: #000;}/*內頁的顏色*/

9.修改綠色點點..就是這裡↓

10.將以下文字到最下面↓
.post_list{
background:url(http://圖片連結) no-repeat;}

11.請看下圖..

12.在css最下面增加這幾行字[/font]

/*------右下的標題list格式-------(就是白色那一塊)*/
.post_list{
background-color:#FCD8D8;/*讓你把白色改成別的顏色*/
color:#ffffff;/*文字顏色*/
}
/*-----今日訪客等等的灰色外框-----(紅色那一塊)*/
.postbox2{
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線，這讓你改那一條*/
background:#;/*讓你把灰色換成別的顏色*/
}
/*-----post_list裡面改不掉的那一圈白色-----(藍色那一塊)*/
.postboxin{background:#FCD8D8;/*讓你把藍色塗掉*/
}

13.『完成』

◎如果要改成純色,可將這行[/font]background: url(http://網址) repeat;
改成:background-color:#F6CDD7;　#f6cdd7為色碼..可自行更改..英文的話不用加『#』,可參考色碼表
◎若要使圖片完全透明的話,可改成background:transparent;
◎若要使圖片半透明,可寫 filter:Alpha(opacity=70,finishOpacity=1,style=0);更改70這個數字的大小即可。

ps.repeat:圖片重複　　　　　no-repeat:圖片不重複

===============================================================================

有不懂的語法,可參考css - 語法說明
以上內容參考自inyangshy(水月櫻)
小屋系統預設圖片更換教學 - PART 4
小屋系統預設圖片更換教學 - PART 3
小屋系統預設圖片更換教學 - PART 5

喜歡 1 收藏 2 引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=474501
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|css|