(o☻∀☻o)✿陽光甜姐兒のブロゲ✿

[自製無名網誌CSS語法|樣式分享]星野亞希-粉紅愛心款

各位北鼻們

版主今日用無名教學款特殊版型的範本

自製了星野亞希的無名網誌樣式

希望大家會喜歡或支持我的作品

若有不滿意的地方

可以留下迴響

版主一定會做得更好

希望大家會喜歡

喜歡的拿走後要留言

算是給版主最棒的鼓勵唷!




@版主的貼心小叮嚀:
1.由於版主沒有提供預覽圖示  所以請自行將喜歡的語法貼回自己的樣式設計精靈點選預覽樣式
2.若遇到版主的語法有問題   請盡速通知版主修正或到版主的部落格中在重新複製語法
3.版主會將私下分享的自製語法檢查N遍   若有錯誤會修正並貼回原來發表樣式的文章中


免責聲明:
1.本語法樣式無名或痞客邦模版皆適用喔
2.本人非抄襲他人  若有雷同純屬巧合
3.若有侵權行為請告知   本人立刻下架
4.本語法是本人私下分享非為公開貢獻的樣式
5.若有不滿意之處可以盡情且任意修改
6.拿走樣式語法記得留言唷!若無法按右鍵複製請立即留下你的足跡通知我
7.請尊重原著  不要擅自發表或分享   發表或分享時請善用引用
8.以上規則希望各位能遵守  不便之處敬請見諒


預覽樣式圖示如下
 


語法如下

作者:陽光甜姐兒
CSS BY b39650118
http://b39650118.pixnet.net
------------------------------------------------------------------------------------------------
/*
※ 此樣式為無名小站blog 特殊版型  範本。
※ 1024*768為最佳解析度
※ 此樣式強制隱藏「行事曆」及「播放相簿功能」
※ banner背景圖檔大小為 300*400px
※ CSS by PIXNET b39650118
*/

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

body {
 font-size: .8em; /* 字體大小 */
 font-family: "Courier New"; /* 字體樣式 */
 color: #444; /* 字體顏色 */
 background:url(http://www.geocities.jp/choco_asa/img/kabe/heart/02/h1_03.gif) #fff; /* 背景顏色 */
 margin: 0px;
}

a {
 color: #123456;
}
a:hover {
 color: #000;
 text-decoration: none;
}

/* container
-----------------------------------------*/
#container1 {
 width: 750px;
 position: relative; /* fix IE6 bug */
 margin: 0px auto;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
 position: absolute;
 top: 0px; left: 0px;
 background: #fff;
 height: 400px;
 width: 300px;
 border-bottom: 1px dotted #000;
}
#pageheader { /* banner第二層，實質上只設定#banner即可 */
 height: 100%;
}
#pageheader h1 {font-size: 12px;}
#pageheader h1 a { /* 主標題(網誌名稱) */
 position: absolute; top: 0px; left: 0px;
 display: block; width: 300px; height: 400px;
 padding-top: 5px; padding-left: 5px;
 background: url(http://f5.wretch.yimg.com/a1212amy/6/1100935077.jpg) no-repeat top left;
 color: #fc6cb4; text-decoration: none;
}
#pageheader h1 a:hover {
 color: #fff;
}
#pageheader .description {
 display: block; text-align: right;
 padding-right: 3px;
 
} /* 網誌目前動態描述 */
#pageheader #description2 .description { /* 網誌個人描述列 */
 position: absolute; bottom: 0px; left: 5px;
 text-align: left; color: #000;
 width: 220px;
}
/* main
-----------------------------------------*/
#main2 { /* 包含content、links */
 margin-left: 300px;
}

/* content
-----------------------------------------*/
#content {
 width: 450px; height: 400px;
 overflow: auto;
        background-color:#fcfcfc;
}
.date {
 text-align: right;
 border-bottom: 1px solid #333;
 padding-right: 5px;
}
.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext  .posted  .total-comments-div */
 padding: 10px;
 margin-bottom: 15px;
}
.blogbody2 {} /*第二層blogbody*/
.articletext {
BACKGROUND-POSITION:right bottom;BACKGROUND-IMAGE:url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/495466e9aeb80.gif);BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#ffffff;}
/*包含 .title  .extended  .innertext  .extended  */
.articletext .title {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-WEIGHT:normal;FONT-SIZE:11px;BACKGROUND:no-repeat left top;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#000000;PADDING-TOP:10px;FONT-FAMILY:verdana;LETTER-SPACING:1pt;HEIGHT:30px;
}
.articletext .innertext {}
.articletext .extended {}
.posted {border-bottom: 1px dotted #000;}

/* comments
-----------------------------------------*/
.total-comments-div {
 border-top: 1px dotted #fcb4fc;
 padding-top: 10px;
 margin-top: 10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* 引用列的title */
 border: 1px solid #fcd8fc; padding: 7px;
 margin-bottom: 10px;
}
.total-comments-div .comments-head { /* 回應列的title */
 border: 1px solid #fc6cd8; padding: 7px;
}
.total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */
 border: 1px solid #fcd8fc; 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: #fcd8fc;
}
.total-comments-div .comments-body form { /* 編寫回應欄 */
}
#text {width: 300px;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {} /* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
 width: 190px;
 background: #fcd8fc;
 float: right;
 overflow: auto;
 height: 200px;
 margin-bottom: 67px;
}
#links br {display: none;}
#links2 {} /* 第二層links */
.sidetitle { /* 每個blog的標題列 */
 background: #fc6cd8;
 color: #fff;
}
.side { /* 每個block的內容 */
 background: #fcd8fc;
}
#links .side br {display: block;}
/* links 選單進階設定
-----------------------------------------*/
.calendar {display: none;} /* 行事曆 */

#boxProfile { /* xxxxxx的地盤 */
 position: absolute; top: 220px; left: 20px;
}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {background: transparent;}
#boxProfile .boxProfile1 .side a {color: #333; text-decoration: none;}
#boxProfile .boxProfile1 .side a:hover {color: #000;background: #fff;}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {} /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side  select {} /* 好友名單 */

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

#boxNewArticle { /* 最新的文章 */
 position: absolute; top: 400px; left:0px;
 width: 190px;
}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {
 overflow: auto; height: 184px;
}

#boxCategory { /* 文章分類 */
 position: absolute; top: 400px; left: 190px;
 width: 180px;}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {
 overflow: auto; height: 184px;}

#boxDate { /* 文章彙集 */
 position: absolute; top: 600px; left: 370px;
 width: 190px; z-index: 10;}
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {overflow: hidden; height: 52px;}

#boxSearch { /* 搜尋這個網誌的文章 */
 position: absolute; top: 600px; left: 190px;
 width: 180px;}
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {
 border: 1px solid #fcd8fc; overflow: hidden; height: 50px;
}
#boxSearch .boxSearch1 .side br {display: none;}

#scupioSearch {display: none;} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment { /* 最新的回應 */
 position: absolute; top: 400px; left: 370px;
 width: 190px;}
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {
 overflow: auto; height: 184px;}

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

#boxCounter { /* 參觀人氣統計 */
 position: absolute; top: 600px; left: 0px;
 width: 190px;}
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {overflow: hidden; height: 52px;}

.syndicate { /*RSS*/
 position: absolute; top: 650px; left: 0px;
 width: 190px; text-align: center;}
.syndicate a {text-decoration: none;}

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered {
 position: absolute; top: 600px; left: 560px;
 width: 190px; text-align: left; font-size: 10px;
 overflow: auto; height: 68px; background: #fcd8fc;}
#links2 .powered br {display: block;}
.total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */