■■■Loading□□□

[自製無名網誌樣式語法]星野亞希的動態模板

喜歡這款模版的北鼻們

歡迎取用唷

取用之後一定要留下迴響或按推



預覽此樣式請點右方連結http://a1212amy.pixnet.net/blog 



語法如下
/*------------------------------ #Generate By Pixnet ------------------------- */

/*------------------------------ #reply -------------------------------------- */

.replyBox {
     border: 1px solid #fc4890;
 padding: 10px;
 margin: 0px 10px 0px 50px;
}
.replyContent {
     padding-top: 10px;
 padding-left: 10px;
}
.replyInfo {
     text-align: right;
}
/*------------------------------ #comment-table ------------------------------ */

#comment-form p { background: #EEEBFF; padding-left: 90px; margin: 10px auto;}
#comment-form table { width: 440px ; margin: 0 auto ;background: url(http://p9.p.pixnet.net/albums/userpics/9/2/36192/48d45ef5afa61.gif) repeat;}
#comment-form th { border:none;padding-left: 20px}
#comment-form td { border:none;}
#comment-form input { height: 17px; font-family: "Arial"; font-size: 12px; color: #000; border:#F9DDD7; background: none;overflow-y:auto; padding-bottom:}
#comment-form textarea { background:#EEEBFF; height:70px; overflow-y:auto; padding-bottom:0px; padding-left:10px; padding-right:10px; padding-top:10px;width:280px; overflow:auto; FILTER: Chroma( Color = #EEEBFF(透視顏色) );SCROLLBAR-FACE-COLOR: #fcd8d8;SCROLLBAR-HIGHLIGHT-COLOR: #fc6c90;SCROLLBAR-SHADOW-COLOR: #fc6c90;SCROLLBAR-3DLIGHT-COLOR: #fc6c90;SCROLLBAR-ARROW-COLOR: #fc6c90;SCROLLBAR-TRACK-COLOR: #fcb4d8;SCROLLBAR-DARKSHADOW-COLOR: #fc6c90;SCROLLBAR-BASE-COLOR: #fc0090}
#send-comment {}
/*------------------------------ #Generate End ------------------------------- */

/* General Set
-----------------------------------------*/
html, #text {
SCROLLBAR-FACE-COLOR:#fcd8fc;
SCROLLBAR-HIGHLIGHT-COLOR:#fcb4d8;
SCROLLBAR-SHADOW-COLOR:#fcb4d8;
SCROLLBAR-3DLIGHT-COLOR:#fc0090;
SCROLLBAR-ARROW-COLOR:#fc0090;
SCROLLBAR-TRACK-COLOR:#fcfcd8;
SCROLLBAR-DARKSHADOW-COLOR:#fc0090;
}

body {
font-size:.8em;
font-family:"Courier New";
color:#4800d8;
background:url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49df58a1156b4.gif);
background-color:#fcfcd8;
}

a {
font-size:.9em;
font-family:"Courier New";
color:#4800d8;
}
a:hover {
color:#0090fc;
text-decoration:none;
}

/* container
-----------------------------------------*/
#container1 {
width:960px;
position:relative;
margin:10px auto;
border:1px solid #fc0090;
background-color:#fcfcd8;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
background:url(http://p1.p.pixnet.net/albums/userpics/1/7/454117/4a335e8baa820.gif);
height:640px;
background-position:center;
border-bottom:1px dotted #4800d8;
background-color:#fcfcd8;
}
#pageheader {}/* banner第二層，實質上只設定#banner即可 */
#pageheader h1 a {}/* 主標題(網誌名稱) */
#pageheader .description {}/* 網誌目前動態描述 */
#pageheader #description2 .description {
position:absolute;top:58px;left:0px;
width:100%;
text-align:right;

}
/* main
-----------------------------------------*/
#main2 {
overflow:auto;
height:500px;
}

/* content
-----------------------------------------*/
#content {
margin-left:10px;
width:600px;
float:left;
margin-top:20px;
}
.date {
text-align:right;
background:#fcb4d8;
border:1px solid #4800d8;
border-bottom:0px;
padding-right:5px;
}
.datediv {}/* 第二層date */
.blogbody {
border:1px solid #4800d8;
padding:10px;
margin-bottom:15px;
}
.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title  .extended  .innertext  .extended  */
.articletext .title {}
.articletext .innertext {
width:586px;
overflow-x:hidden;
}
.articletext .extended {}
.posted {}

/* comments
-----------------------------------------*/
.total-comments-div {
border-top:1px dotted #fcd8fc;
padding-top:10px;
margin-top:10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
border:1px solid #fc0090;padding:7px;
margin-bottom:10px;
}
.total-comments-div .comments-head {
border:1px solid #fc0090;padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
border:1px solid #fc0090;padding:7px;
margin-top:10px;
}
.total-comments-div .comments-body {
border-bottom:1px dotted #fcd8fc;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#fc0090;
}
.total-comments-div .comments-body form {
}
#text {}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {}/* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width:235px;
float:right;
background:#fcd8fc;
border-left:1px dotted #fcb4d8;
}
#links2 {}/* 第二層links */
.sidetitle {
padding-left:10px;
background:#fcb4d8;
color:#fc0090;
width:100%;
}
.side {
padding:10px;
}

/* links 選單進階設定
-----------------------------------------*/
.calendar {}/* 行事曆 */

#boxProfile {}/* 陽光甜姐兒的地盤 */
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side .boxProfileImg {}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {}/* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side  select {}/* 好友名單 */

#boxSlideShow {}/* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {}/* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {}/* 文章分類 */
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate {}/* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {}/* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch {}/* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {}/* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {}

#boxFolder {}/* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}

#boxCounter {}/* 參觀人氣統計 */
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {}

.syndicate {padding:10px;}/*RSS*/

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/

/* footer
-----------------------------------------*/
#footer {
background:#fcb4d8;
height:0px;
}
.powered {padding:0px;}
.total-comments-div .powered {}/* 若文章僅開放給會員留言時未登入的區塊顯示 */

/*css by yummi11@pixnet 2008.07.24*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor ul{
left:20px;
width:179px;
height:240px;
background:url(http://p9.p.pixnet.net/albums/userpics/9/2/36192/1216877738.gif);
margin-left:13px;
padding-left:17px;
padding-top:103px;}

#visitor li{
float: left;
margin-right: 9px;
margin-top: 6px;
}
#visitor li img{
width: 45px;
height: 45px;
border: 1px solid #fff;
}