找點事做...如～: 【整理】無名語法

大家知道特殊回應樓層嗎？因為他現在改成要VIP的，所以就出現用CSS貼法的方式

一樣可已達到VIP的效果...這玩意害到我了＠＠

起先想說用好了～之後在加貼音樂，不知道哪根神經不對了，突然想要去改顏色

點了無名小幫手之後，改了改，儲存，結果之前用的版面就這樣消失了，變成最原始的版面

無名小幫手現在變成無名大兇手了＠＠，氣到我說不出話來＠＠

但也因禍得福...因為這樣逼著我去認識一個很有趣的東西

因為舊版的大兇手我不會用，接著要修改就要靠這樣玩意

叫做 CSS 也就是語法，是一個相當有趣的東西

原先看似複雜的玩意，稍稍研究後開始有個很有趣的規律

現在還沒有摸得很清楚，不過查了幾篇網誌之後發現有很多專家在研究相關的東西

於是就看看摟～

下面是無名網誌的語法介紹

/*網誌標題的位置*/

#pageheader{

position:absolute;

display:inline;

top:35px;

left:480px;

width:440px;

overflow:hidden;}

/*背景圖*/

BODY {

PADDING-RIGHT:0px;BACKGROUND-POSITION:0% 0%;

FONT-SIZE:0.8em;BACKGROUND-ATTACHMENT:scroll;BACKGROUND-IMAGE:url(

圖片網址);PADDING-BOTTOM:0px;MARGIN:0px;PADDING-

TOP:0px;BACKGROUND-REPEAT:repeat;FONT-FAMILY:"Georgia";}

/*中間那個區塊的圖*/

#container1 {

BACKGROUND:url(圖片網址) repeat-y center top;MARGIN:2px auto

0px;WIDTH:960px;POSITION:relative;}

A {

COLOR:#ff3399;TEXT-DECORATION:none;}

A:hover {

COLOR:#ff3333;}

/*大標圖*/

#banner {

PADDING-LEFT:0px;BACKGROUND:url(圖片網址) no-repeat center

top;COLOR:#000000;PADDING-TOP:0px;HEIGHT:410px;}

/*網誌標題字的大小顏色*/

H1 {

FONT-SIZE:22px;MARGIN:0px;}

H1 A {

COLOR:#fbcb25;}

/*目前動態（進入文章時出現在頂端的文章標題）*/

H1 .description {

FONT-SIZE:13px;COLOR:#FF73B7;}

/*文章的區塊*/

#content {

FLOAT:left;

WIDTH:600px;

COLOR:#E76DA9;

MARGIN-left:30px;

display:inline;}

/*文章日期*/

.date {

BACKGROUND-POSITION:left bottom;FONT-

SIZE:medium;LEFT:40px;BACKGROUND-IMAGE:url(圖片網址);VERTICAL-ALIGN:bottom;COLOR:#cc0000;BORDER-TOP-STYLE:none;TEXT-

INDENT:390px;BACKGROUND-REPEAT:repeat-y;BORDER-RIGHT-

STYLE:none;BORDER-LEFT-

STYLE:none;POSITION:relative;TOP:0px;HEIGHT:50px;width:600px;BORDER-

BOTTOM-STYLE:none;}

/*文章標題*/

.title {

FONT-WEIGHT:normal;FONT-SIZE:x-large;BACKGROUND:no-repeat center

top;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#ff0066;TEXT-

INDENT:40px;PADDING-TOP:20px;HEIGHT:31px;

padding-left:0px;}

/*文章的內容位置從標題位置算起*/

.innertext {

PADDING-LEFT:8px;OVERFLOW:hidden;WIDTH:600px;COLOR:#ff55a8;PADDING-

TOP:15px;LINE-HEIGHT:180%;}

/*文章內文的設定外框算進來的位置*/

.innertext P {

MARGIN-LEFT:35px;COLOR:#696969;}

/*分類繼續閱讀上下篇選項*/

.extended {

PADDING-RIGHT:15px;FONT-SIZE:15px;MARGIN-LEFT:40px;COLOR:#FF73B7;POSITION:relative;TOP:10px;TEXT-ALIGN:left;}

/*文章作者資訊、「回應」「引用」字樣*/

.posted {

PADDING-left:0px;BACKGROUND:url(圖片網址) repeat-x center bottom;MARGIN-

BOTTOM:10px;MARGIN-left:40px;COLOR:#FF9D37;BORDER-TOP-

STYLE:none;PADDING-TOP:20px;HEIGHT:40px;TEXT-ALIGN:left;}

/*本篇文章引用網址欄位（本身也是input）*/

.trackback-url {

PADDING-LEFT:10px;}

PADDING-RIGHT:40px;PADDING-LEFT:10px;PADDING-BOTTOM:0px;PADDING-TOP:0px;}

/*回應的時間*/

.comments-post {

FONT-SIZE:12px;COLOR:#FF73B7;}

/*連結標題寬度以及右側空位*/

#links {

FLOAT:right;

WIDTH:230px;

MARGIN-RIGHT:33px;

display:inline;}

/*○○的地盤等標題包括自訂的資料夾底圖的位置水平靠左left 置中center 靠右right */

.sidetitle {

font-size:16px;

BACKGROUND:url(圖片網址) repeat-x left bottom;COLOR:#cc66ff;PADDING-

TOP:0px;HEIGHT:50px;TEXT-ALIGN:center;}

/*網誌的結構不可以拿掉*/

.boxdate0 {

DISPLAY:none;}

/*○○的地盤等每個標題下的內容*/

.side {

PADDING-RIGHT:30px;PADDING-LEFT:1px;MARGIN-BOTTOM:10px;PADDING-

BOTTOM:2px;PADDING-TOP:2px;BACKGROUND-COLOR:transparent;TEXT-ALIGN:left;}

/*連結列字滑鼠移到改變的顏色*/

.side A:hover {

COLOR:#8E39DF;}

/*行事曆網誌管理中可開／關該功能*/

.calendar {

MARGIN-TOP:20px;FONT-SIZE:11px;MARGIN-BOTTOM:10px;COLOR:#ff4100;}

/*行事曆三個字、目前年月、上下月切換連結*/

.calendar A {

COLOR:#ff4100;}

/*底部的圖*/

#footer {

CLEAR:both;BACKGROUND:url(圖片網址) no-repeat center bottom;PADDING-

TOP:10px;HEIGHT:96px;}

.articletext TABLE TD A {

COLOR:deeppink;}

.articletext TABLE TD A:hover {

COLOR:deeppink;TEXT-DECORATION:underline;}

.datediv {

BACKGROUND-IMAGE:none;}

/*游標*/

BODY {

CURSOR:url('游標網址');}

A {

CURSOR:url('游標網址');}

.total-comments-div {

PADDING-RIGHT:0px;PADDING-LEFT:40px;PADDING-BOTTOM:5px;PADDING-TOP:5px;}

/*最新回應 by那些字大小顏色*/

.boxNewComment1 .side {

FONT-SIZE:10px;COLOR:#55A8FF;}

/*連結列的字大小顏色行距*/

#links A {

FONT-SIZE:15px;LINE-HEIGHT:150%;}

.syndicate IMG {

VISIBILITY:hidden;}

/*整個回應、引用按下繼續閱讀才出現*/

total-comments-div {

COLOR:#ff8f19;}

/*回應以及引用內文、填回應的欄位*/

.comments-body {

FONT-SIZE:15px;COLOR:#cc66ff;LINE-HEIGHT:150%;}

/*特殊回應樓層*/

.cmt_floor {

DISPLAY:none;}

.cmt_floor_hide {

DISPLAY:block;FONT-SIZE:12px;BACKGROUND:url

(圖片網址) no-repeat right

top;FLOAT:right;MARGIN:0px;WIDTH:88px;COLOR:#DF398A;LINE-

HEIGHT:31px;PADDING-TOP:6px;TEXT-ALIGN:center;}

/*參觀人氣的位置還有字的顏色*/

#boxCounter .boxCounter1 .side {

COLOR:#ff3399;}

#boxCounter .boxCounter1 .side {

RIGHT:45px;POSITION:absolute;TOP:320px;}

.extended A {

COLOR:#cc66cc;}

.extended A:visited {

COLOR:#cc66cc;}

#boxdate }

/*隱藏參觀人氣這幾個字*/

#boxCounter .boxCounter0 .sidetitle {

DISPLAY:none;}

/*連結區前面加小圖*/

#linkBlog {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

#linkGbook {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

#linkUser {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

#linkFriend {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

#linkVideo {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

#linkAlbum {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

/*連結區加小圖*/

#linkMypage {

BACKGROUND-POSITION:left center;PADDING-LEFT:20px;BACKGROUND-

IMAGE:url(圖片網址);BACKGROUND-REPEAT:no-repeat;TEXT-DECORATION:none;}

/*連結區加小圖*/

.boxAddFriendLink A {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

/*自己的大頭貼加底圖*/

.boxMySpaceImg {

BACKGROUND-POSITION:left 30%;PADDING-LEFT:14px;BACKGROUND-

IMAGE:url(圖片網址);PADDING-TOP:21px;BACKGROUND-REPEAT:no-

repeat;HEIGHT:120px;}

/*文章分類前加小圖*/

#boxCategory a {

PADDING-LEFT:20px;BACKGROUND:url(圖片網址) no-repeat left center;}

/*隱藏文章彙集整個區塊*/

#boxDate {DISPLAY:none;}

#boxDate .boxDate0 {DISPLAY:none;}

#boxDate .boxDate0 .sidetitle {DISPLAY:none;}

#boxDate .boxDate1 {DISPLAY:none;}

#boxDate .boxDate1 .side {DISPLAY:none;}

#boxDate {DISPLAY:none;}

#boxDate .boxDate0 {DISPLAY:none;}

#boxDate .boxDate0 .sidetitle {DISPLAY:none;}

#boxDate .boxDate1 {DISPLAY:none;}

#boxDate .boxDate1 .side {DISPLAY:none;}

/*訪客回應的大頭貼加上底圖*/

.comments-body SPAN {

PADDING-RIGHT:10px;BACKGROUND:url(圖片網址) no-repeat;

PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:130px;HEIGHT:140px;}

/*移動訪客回應的大頭貼位置*/

.comments-body SPAN {

PADDING-LEFT:0px;PADDING-TOP:33px;}

/*誰來我家底圖*/

#boxWho{width:230px;height:auto !important;text-align:left;}

#boxWho div#whowrapper{width:200px !important;overflow:hidden;height:250px;

background:url(圖片網址) no-repeat;

text-align:center;padding-top:70px;padding-left:2px;}

/*誰來我家表面的圖*/

#boxWho li{margin:2px 0px 3px 12px !important;}

#boxWho #whowrapper li a {

background:url(圖片網址) no-repeat;}

#boxWho #whowrapper li a img {filter:alpha(opacity=0);}

#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}

/*隱藏誰來我家標題若要顯示，就把none改成block*/

#boxWho .sidetitle {display:block;}

/*隱藏更多誰來我家按紐若要顯示，就把none改成block*/

#boxWho input{display:none!important;}

/*回應區那些資料字的顏色*/

.comments-body FORM {

FONT-SIZE:13px;COLOR:#FF55A8;

PADDING-LEFT:25px;PADDING-TOP:25px;LINE-HEIGHT:90%;}

/*回應區的框框*/

#text {

FONT-SIZE:14px;COLOR:#DF398A;PADDING-TOP:5px;width:88%!important;

BORDER-RIGHT:#ffccff 1px solid;BORDER-TOP:#ffccff 1px solid;BORDER-

LEFT:#ffccff 1px solid;BORDER-BOTTOM:#ffccff 1px solid;}

/*回應區的底圖*/

.comments-body FORM {

left:15px;top:15px;

BACKGROUND:url(圖片網址) no-repeat;HEIGHT:480px;width:450px;}

/*留言版主回覆框*/

#do_comments-reply-edit{

font-size:12pt;COLOR:#FF55A8;LINE-HEIGHT:150%;

PADDING-LEFT:10px;PADDING-TOP:10px;width:86%!important;height:220px!

important;

border-bottom:1px solid #FFEBFF;border-left:1px solid #FFEBFF;border-right:1px solid

#FFEBFF;border-top:1px solid #FFEBFF;}

/*版主回覆回應的圖*/

DIV.comments-reply-edit FORM {

BACKGROUND:url(圖片網址) no-repeat left top;HEIGHT:320px;width:450px;}

/*捲軸*/

html

{

SCROLLBAR-FACE-COLOR:#ffcde5;

SCROLLBAR-HIGHLIGHT-COLOR:#ffcde5;

SCROLLBAR-SHADOW-COLOR:#ffcde5;

SCROLLBAR-3DLIGHT-COLOR:#ff91c7;

SCROLLBAR-ARROW-COLOR:#d72523;

SCROLLBAR-TRACK-COLOR:#ffebf5;

SCROLLBAR-DARKSHADOW-COLOR:#ff91c7;

}

/*好友名單修改顏色語法*/

select {background:#ffccff;color:#ff3366;}

/*網誌標題字的顏色*/

#banner A {

COLOR:#ff0066;}

/*網誌標題字滑鼠移過的顏色*/

#banner A:hover {

COLOR:#cc0099;}

/*文章內文的寬度*/

.innertext {WIDTH:600px;}

/*隱藏文章搜尋*/

#boxSearch {display:none;}

/*文章與文章之間的上下距離*/

.posted {margin-bottom:20px;}

/*回應給個回應前面加上小圖*/

.total-comments-div .comments-head {

PADDING-LEFT:40px;FONT-SIZE:15px;BACKGROUND:url(圖片網址) no-

repeat;color:#FF55A8;PADDING-TOP:16px;HEIGHT:40px;}

/*移到連結會出現一個小圖*/

A:hover {

BACKGROUND:url(圖片網址);TEXT-DECORATION:none;}

1/9 新增

/*隱藏引用那個區塊*/

#boxNewTrackback{display:none !important}

/*隱藏訂閱那個區塊*/

#boxRssList {display: none ! important;}

1/12 新增

/*網誌描述這段語法貼在網誌描述從網誌管理那邊進去*/

網誌描述

前面數字越大字越大**後面填上色碼如#ff9999

色碼請到我推薦的網站找

網誌描述請用

斷行

範例如下

要打的字

要打的字

掛件也可以貼在這裡把語法貼這這個位置就可以了

音樂盒語法

*

height="20" type="application/x-shockwave-flash"/>

前面的*要拿掉

色碼一底色

色碼二撥放器上的刻度顏色

色碼三滑鼠移過的顏色

此段語法感謝米漿的分享

1/20新增

日曆的語法

/*月曆上面數字的顏色*/

.calendar a {color:#ff6699;}/*行事曆*/

.calendarhead a {color:#cc3366;}/*月&年*/

.calendar tr th .calendar{color:#ff99cc;}/*星期幾*/

.calendar span {color:#ff6699;}/* 日*/

.calendar td a {color:#cc0066;}/*連結 (有寫網誌的那幾天)*/

.calendar td a:hover {color:#ffcc00;}/*滑鼠移過去時的連結*/

/*隱藏行事曆*/

.calendar{display:none;}

/*隱藏我的地盤*/

#boxMySpace .sidetitle{display:none;}

/*隱藏引用那個區塊*/

#boxNewTrackback{display:none !important}

/*隱藏訂閱那個區塊*/

#boxRssList {display: none ! important;}

/*隱藏文章分類*/

#boxCategory {DISPLAY:none;}

/*隱藏更多誰來我家按紐若要顯示，就把none改成block*/

#boxWho input{display:none!important;}

#boxMySpace .side {}

/*隱藏大頭貼*/

.boxMySpaceImg {

display:none;

}

引用自 http://tw.myblog.yahoo.com/jw!Z9yC1tyfCR.LoJ7B_Kp1J25v/article?mid=658

找點事做...如～

網頁

2009年6月16日星期二

【整理】無名語法

3 則留言:

網頁

2009年6月16日 星期二

【整理】無名語法

3 則留言:

2009年6月16日星期二