css語法教學1

August 4, 2010

輸入按鈕.文字大小顏色.換游標.白細框.粉底色.高度.寬度

input {
font-size: 10px! important;color: #FFAFD6 ! important;
cursor: url('游標網址');
border: #FFFFFF 1px solid;
background-color: #FFEBEB;
height: 14px! important;
width: 62px! important;}
/*好友列.文字大小顏色.換游標.白細框.粉底色.高度.寬度*/
select {
font-size: 10px! important;color: #FFAFD6 ! important;
cursor: url('游標網址');
border: #FFFFFF 1px solid;
background-color: #FFEBEB;
height: 14px! important;
width: 62px! important;}

/*文章區加背景(不要在這裡做文字設定.區塊也已在上方設定.放圖就好)*/

#content {background: url(圖片網址) no-repeat 100% 0%;}

/*文章日期.文字大小顏色.左留空.高度.寬度加背景圖*/
.date {
font-size: 20px;color: #ff9999;
padding-top: 3px;padding-left: 85px;
height: 62px;width: 400px;
background: url(圖片網址) no-repeat 0% 100%;}

/*整體文章加背景*/

.blog {background: url(圖片網址) no-repeat 65% 0% ;}

.blogbody {background: url(圖片網址) no-repeat 50% 0% ;}

/*整篇文章加背景*/
.articletext {background: url(圖片網址) no-repeat 98% 0%;}

/*所有文章列表日期文字大小.顏色*/

.articletext TABLE {
font-size: 12px;color:#8000FA;}
/*所有文章列表標題文字大小.顏色*/
.articletext TABLE A {
font-size: 12px ! important;color:#555555 ! important;}

/*文章標題文字大小顏色.文字行高.上留空.左留空.下留空.寬度.高度.加背景圖*/

.title {
font-size: 26px;color: #7573ff;
line-height: 180%;
padding-top: 27px;padding-left: 90px;padding-bottom: 0px;
width: 347px;height: 61px;
background: url(圖片網址) no-repeat 125% 80% ;}

/*文章內文文字大小顏色行高.左上下留空.區塊上留空.寬度.加背景或小圖*/

.innertext {
font-size: 14px;color: #333333 ;
line-height: 182%;
padding-left: 5px;
padding-top: 42px;padding-bottom: 42px;
margin-top: 22px;
width: 452px ! important;
background: url(圖片網址) no-repeat 25% 0%;}

/*繼續閱讀直接點圖式改字成圖*/

.extended {margin-left: 137px;padding-right: 52px ! important;padding-left: 52px ! important;padding-top: 38px ; ! important;twohand2012;}
.posted {margin-top: -20px ! important;}.extended a {padding-right: 52px ! important;padding-left: 52px ! important;font-size: 0px! important;color: #ffffff ! important;twohand2012;line-height: 0% ! important;
padding-top: 38px ; ! important;twohand2012;letter-spacing: -2PX ! important;
background: url(圖片網址) no-repeat ! important;}

-----------------/*引用回應欄*/-------------

/*作者日期文字*/
.posted {
font-size: 0px;color: #ffffff;
text-align: right;border: #ffebeb 5px double;
height: 10px;width: 447px! important;
background: url(圖片網址) no-repeat;}
/*引用回應文字*/
.posted a {font-size: 10px;color: #ffcde5;line-height: 100%;}

/*-------文章訪客回應區共同設定-------*/

/*訪客回應區整體背景顏色*/
.total-comments-div {background-color: #000000 ! important;}

/*訪客回應區內背景顏色*/
.comments-body{background-color: #777777 ! important;}

/*給個回應文字大小顏色.間距.高度.加小圖或改字成圖*/
.comments-bottom .comments-head {
font-size: 0px ! important;color: #FFEBEB ! important;letter-spacing: -3PX ! important;
height: 100px;twohand2012;
background: url(圖片網址) #FFEBEB no-repeat 50% 50%;}

/*文章訪客留言內容文字大小顏色*/
.comments-body p {font-size: 13px ! important;color: #891788 ! important;twohand2012;}

/*文章訪客回應打字區加背景*/
.comments-body textarea {
height: 600px;background: url(圖片網址) #fff no-repeat 100% 100%;}

/*連結列.連結列標題.連結列框內容.連結列框內容文字改成沒有底線*/

#links , .sidetitle , .side , .side A {text-decoration: none ! important;twohand2012;}

/*滑鼠游過連結列時文字顏色*/
#links a:hover {color: #FF5755 ! important;}

/*行事曆文字大小顏色整體加背景有文章日期小花*/

/*行事曆整體加背景有文章日期小花*/
div.calendar {
padding-top: 5px;height: 140px;
background: url(圖片網址) repeat-Y 50% 100%;}
filter: Alpha( Opacity = 70, style = 0 );

/*行事曆(星期字大小顏色)*/
.calendar {
letter-spacing: NONE;width: 120px ! important;font-size: 6px;color: #000000 ;}

/*行事.年.月.有文日.文字*/ .calendar a {font-size: 10px;color: #000000;}

/*行事歷日期文字*/#links td .calendar {font-size: 10px;color: #000000;}

/*行事歷日期文字*/
#links .calendar td .calendar {
display: block;color: #555555;line-height: 100% ! important ;
width: 8px ! important;height: 10px ! important;text-align: center;}

/*行事歷有文章日文字*/
#links td .calendar a {
display: block;width: 8px;height: 10px;text-align: center;}

/*行事歷有文章日區塊加小花*/
#links td .calendar a:link {
background: url(圖片網址) no-repeat center 50%;}
/*行事歷年月*/
.calendarhead {
color: #BD1F6C;}

/*我的照片加相框(相片可放大)*//*播放中相簿加相框(相片可放大)*//*首頁連結加小圖*//*我的地盤標題改成圖*/

/*我的地盤標題隱藏*/
.boxMySpace0 .sidetitle {visibility: hidden;}
/*twohand2012地盤改成圖*/
#boxMySpace {height: 2012px ! important;background: url(圖片網址) no-repeat 50% -1%;}
/*twohand2012的地盤加小圖位置由 25% 50%調整或背景*/
.boxMySpace0 .sidetitle{
display: block ! important;height: 44px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*我的照片加相框或背景*/
.boxMySpaceImg{
display: block ! important;height: 90px;width: 120px;padding-top: 7px ! important;
background:url('圖片網址') no-repeat 50% 100% ;}
/*我的照片放大*/
.boxMySpaceImg Img {
height: 150px ! important;
width: 122PX ! important;}
/*我的照片精美又大張*/
.boxMySpaceImg {
padding-top: 302px ! important;
height: 312px ! important;
margin-top: 12px ! important;
background: url(精美又大張的照片網址) 50% 0% no-repeat;}
.boxMySpaceImg Img {
height: 2px ! important;
width: 2PX ! important; }

/*播放相簿獨立移動相片加相框*/

#boxSlideShow {
height: 110px;width: 111px;text-align: center ! important: center;text-decoration: none ! important;
background:url(圖片網址) no-repeat 50% 100% ;}
#boxSlideShow {font-size: 10px ! important;color: #ffcde5 ! important;}
/*播放相簿寬度.相片上左留空*/
#boxSlideShow IMG{width: 92px ! important;padding-left: 6px ! important; padding-top: 5px ! important;}
/*播放相簿獨立移動*/
#boxSlideShow {position: absolute; left: 272px;top: 530px;twohand2012;}
/*播放相簿標題隱藏*/ .boxSlideShow0 .sidetitle{display:none;}
/*播放相簿描述隱藏*/ #SlidePicTitle {display:none !important;}
/*播放相簿暫停隱藏*/ #buttonPlayPause {display:none !important;}
/*播放相簿上張隱藏*/ #buttonPrev {display:none !important;}
/*播放相簿下張隱藏*/ #buttonNext {display:none !important;}

/*網誌分類加小圖圖可任意調在上.下.左.右.方.調22px;5px; 25% 50%*/

#blogCategory {
display: block ! important;height: 44px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*未分類*/
#blogCategory A {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*以下七項通用在相簿和留言板時記的加display: block ! important;height: 90px;width: 120px;padding-top: 7px ! important;喔.*/
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖圖可任意調在上.下.左.右.方.調22px;5px; 25% 50%*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*首頁連結加小圖圖可任意調在上.下.左.右.方.調22px;5px; 25% 50%*/
#linkMypage {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*相簿連結加小圖圖可任意調在上.下.左.右.方.調22px;5px; 25% 50%*/
#linkAlbum {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*網誌連結加小圖two*/
#linkBlog {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*留言連結加小圖ha*/
#linkGbook {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*名片連結加小圖nd*/
#linkUser {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*好友連結加小圖20*/
#linkFriend {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*影音連結加小圖12*/
#linkVideo {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*加為好友加小圖*/
li.boxAddFriendLink {
display: block ! important;height: 22px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}
/*送禮物給twohand2012加圖*/
li.boxGiftLink {
display: block ! important;height: 37px;width: 120px;padding-top: 5px ! important;text-decoration: none ! important;
background:url('圖片網址') no-repeat 25% 50% ;}

/*首頁.網誌.相簿...七項連結獨立移動加小圖*/

/*首頁.連結加小圖(圖在字右方)*/#linkMypage {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 352px;top: 12px;twohand2012;}

/*名片.*/#linkUser {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 432px;top: 12px;twohand2012;}

/*網誌.*/#linkBlog {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 512px;top: 12px;twohand2012;}

/*相簿.*/#linkAlbum {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 592px;top: 12px;twohand2012;}

/*留言.*/#linkGbook {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 672px;top: 12px;twohand2012;}

/*好友.*/#linkFriend {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 752px;top: 12px;twohand2012;}

/*影音.*/ #linkVideo {
height: 42px ! important;width: 70px ! important;padding-top: 13px ! important;text-align: left ! important;text-decoration: none ! important;
background:url(圖片網址) no-repeat 100% 0% ! important;
position: absolute;left: 1032px;top: 12px;twohand2012;}

0推薦此文章推收

Today's Visitors: 0 Total Visitors: 13

You can leave comment to this collection