css語法教學2

August 4, 2010

*最新的文章標題加圖.內容帳號加捲軸*/
/*最新的文章主體*/
#boxNewArticle{}
/*最新的文章標題加圖*/
.boxNewArticle0 .sidetitle{
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*最新文章的框框內容帳號加捲軸加圖*/
.boxNewArticle1 .side {
overflow: auto;
display: block ! important;height: 105px;width: 125px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') repeat-Y 100% 0%;}
/*最新的文章框框內容文字*/
.boxNewArticle1 .side a{}
~~ /*文章分類.移到你喜歡的地方作成按鈕或裝飾圖*/ ~~
/*主體*/
#boxCategory {
width: 80px ! important;text-align: center ! important;text-decoration: none ! important;
position: absolute;left: 242px;top: 5px;twohand2012;}
/*標題*/
.boxCategory0 .sidetitle {
font-size: 0px ! important;color:#FFEBEB ! important;letter-spacing: -3PX ! important;twohand2012;line-height: 0% ! important;
height: 13px ! important;width: 80px ! important;display: block ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 50% 0% ! important;}
/*框內容*/
.boxCategory1 .side {
text-decoration: none ! important;padding-top: 5px ! important;padding-left: 0px ! important;
width: 80px ! important;display: block ! important;
background:url(圖片網址) no-repeat 0% 0% ! important;}
/*框內容文字*/
.boxCategory1 .side A {
font-size: 12px ! important;color:#FF1989 ! important;padding-left: 0px ! important;text-decoration: none ! important;
width: 80px ! important;twohand2012;}
/*分類管理*/
.boxCategory1 .side input {display:none ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*文章匯集加圖*/
#boxDate {
display: block ! important;height: 100px;width: 120px;padding-top: 20px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*文章匯集標題*/
.boxDate0 .sidetitle{}
/*文章匯集框框內容*//*加捲軸下方有*/
.boxDate1 .side{}
/*文章匯集框框內容文字*/
.boxDate1 .side a{}
---------------------------請告訴我.還有哪裡要改進-------------
/*搜尋文章加圖*/
#boxSearch{
display: block ! important;height: 105px;width: 120px;padding-top: 20px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*搜尋文章標題*/
.boxSearch0 .sidetitle{}
/*搜尋網誌主體*/
#scupioSearch{}
/*搜尋網誌標題*/
.scupioSearch0 .sidetitle{}
~~ /*最新的回應標題加圖.框內容加捲軸*/ ~~
/*最新的回應主體*/
#boxNewComment{}
/*最新的回應標題加圖*/
.boxNewComment0 .sidetitle{
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}

/*最新的回應框內容加捲軸加圖*/
.boxNewComment1 .side{
overflow: auto;
display: block ! important;height: 105px;width: 115px;padding: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') repeat-Y 100% 0%;}
/*最新的回應框框內容.帳號by文字大小顏色*/
.boxNewComment1 .side {
font-size: 12px ! important;
color:#FF73B7 !important;margin-left: 22px ! important;}
/*最新的回應框框內容文字RE*/
.boxNewComment1 .side a{
font-size: 12px ! important; color:#FF73B7 !important;}
--------------------------請告訴我.還有哪裡要改進-------------
/*RSS我的訂閱表單加圖*/
#boxRssList{
display: block ! important;height: 95px;width: 120px;padding-top: 15px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*RSS我的訂閱標題*/
.boxRssList0 .sidetitle{}
/*我的訂閱框框內容*//*加捲軸下方有*/
.boxRssList1 .side{}
/*我的訂閱框框內容文字*/
.boxRssList1 .side a{}
---------------------------請告訴我.還有哪裡要改進-------------
/*最新的引用加圖*/
#boxNewTrackback{
display: block ! important;height: 95px;width: 120px;padding-top: 30px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*最新的引用標題*/
.boxNewTrackback0 .sidetitle{}
/*最新的引用框框內容*//*加捲軸下方有*/
.boxNewTrackback1 .side{}
/*最新的引用框框內容文字*/
.boxNewTrackback1 .side a{}

~~ /*RSS改字成圖一到畫面中央上方作裝飾.可再移*/ ~~
/*RSS主體高度寬度*/ .syndicate {height: 42px ! important;width: 232px ! important;}
/*RSS文字大小顏色*/ .syndicate {font-size:5px ! important;color: #FFEBF5 ! important;}
/*RSS主體加背景圖*/ .syndicate {background: url(圖片網址) no-repeat 50% 0% ! important;}
/*RSS主體自由移動*/ .syndicate {position: absolute;left: 392px;top: 27px;twohand2012;}
/*RSS文字大小顏色*/ .syndicate a {font-size:5px ! important;color: #FFEBF5 ! important;}
/*RSS的圖樣隱藏而保留空間*/ .syndicate img{visibility: hidden;}
~~/*自訂連結移到左上角放背景圖放小玩意.會重疊可編輯改個別高度來調特效*/ ~~
#boxFolder {
height: 142px;width: 180px;
padding-top: 15px;display: inline;text-decoration: none;
background: url(圖片網址) no-repeat 100% 0%;
position: absolute;left: 32px;top: 7px;twohand2012;}
/*自訂連結標題*/
.boxFolder0 .sidetitle{}
/*自訂連結框框內容*//*加捲軸下方有*/
.boxFolder1 .side{}
/*自訂連結框框內容文字*/
.boxFolder1 .side a{}
~~/*logo主體換圖移動.保留連結功能powered by登入.文字LOGO的第二張圖*/ ~~
/*logo主體換圖移動*/
#links .powered {
text-align: center;
height: 37px;width: 652px;
background: url(圖片網址) no-repeat 0% 0% ;
twohand2012;position: absolute;left: 220px;top: 491px;}

/*LOGO原圖隱藏而保留空間才能保留連結功能*/
#links .powered .powerlogo img {visibility: hidden;}
/*隱藏powered by和全部文字大小顏色*/#links .powered {font-size: 0px;color: #CECDFF ;}
/*顯示會員登入.免費註冊文字大小顏色*/#links .powered a {font-size: 10px;color: #777777 ;}

/*LOGO的第二張圖*/
#links .powered .powerlogo {
margin-top: -0px;
display: block! important;
background: url(圖片網址) no-repeat 0% 100%;
width: 500px;height: 97px;}
~~/*參觀人氣主體-獨立移動-獨立切割-改設2張背景*/ ~~
/*獨立切割*/clip: rect( /*切上邊*/ 0px/*留右邊*/ 500px/*留高度*/ 250px /*切左邊*/285px);
#boxCounter {
background: url(圖片網址) no-repeat 97% 0%;
clip: rect(0px 487px 100px 283px);
position: absolute;top: 532px;right: 160px;}

#links .boxCounter1 .side {
font-weight: 800;
font-size: 28px;
background: url(第二張圖片網址) no-repeat 74% 50%;
width: 500px;
color: #ffcde5;
text-decoration: none;}

#links #boxCounter a {font-size: 0px;}

#boxCounter .sidetitle {display: none;}

#links .boxCounter1 br {display: inline;}
...........捲軸分享每120款.有順序編號...........

---索取捲軸樣式請到這一頁.附捲軸語法教學.捲軸504款
http://www.wretch.cc/hala/viewtopic.php?t=396829

0推薦此文章推收

Today's Visitors: 0 Total Visitors: 21

You can leave comment to this collection