17.9.09

部落格達人變裝秀-無名樣式*夢幻喵喵*

  超可愛無名貓咪版型語法分享

  為了感謝讀者對部落格達人變裝秀的支持,我將書中的夢幻喵喵範本重製成無名樣式分享出來*^^*,由於光碟也隸屬於的部落格達人變裝秀的一部分,為了維護出版品的權益,這裡只能提供樣式語法給大家,版型裡的圖片通過實體書取得才是合法的喔!

  就網址樣式來說,無名是個超級小心眼的平台系統,對語法的限制一大堆,改起來綁手綁腳很不舒坦= =,我儘可能地讓夢幻喵喵範本完整呈現,也通過了跨瀏覽器測試,但是,外觀上和Blogger版還是有些小差異,不過,估計大概只有我自己才察覺得出來(不如來舉辦大家來找碴活動好了XD)。

  無名不支援透明濾鏡語法(攤手),所以,無法使用光碟裡的透明文章標題圖片,我重新切割了一張不透明的圖片提供在下方(lk_posttitle_pinkbg.png),請對圖片按右鍵另存新檔,其餘的圖片在光碟中的04Lovely Kitten下的image資料夾中都能找到。

by雪球媽


示範部落格網址:http://www.wretch.cc/blog/cunnie





(檔名:lk_posttitle_pinkbg.png,尺寸:445x10)

  • 無名小站版型樣式步驟

01.請將部落格達人變裝秀光碟內的lk_contentbg_ie6.png、lk_lovecloud.png、lk_pinklove.png和上方的lk_posttitle_pinkbg.png圖片上傳到您的外部網頁空間
02.在瀏覽器輸入您的無名網誌網址→登入帳號→樣式管理→修改CSS樣式表
03.複製下方的夢幻喵喵無名樣式語法→貼在步驟二:修改css的方框中
04.請將「http://圖片網址」修改成您存放圖片的外部空間網址
05.預覽→存檔→夢幻喵喵樣式套用完畢=^^=

  • 夢幻喵喵無名樣式語法

/* ------------------------------------------------------------------------------
Blogger Template Style
Name: Lovely Kitten
Designer: Cunnie
URL: esnownball.blogspot.com
Date: 18 Sep 2009
Attribution: You must attribute the work in the manner specified by the author.
Noncommercial: You may not use this work for commercial purposes.
No Derivation: You may not alter, copy, distribute or build upon this work.
Copyright c All Rights Reserved.
------------------------------------------------------------------------------ */

/* General Set
-----------------------------------------*/
html{
overflow:hidden;
height:100%;
background:#eee3c6;
scrollbar-face-color:#feefea;
scrollbar-highlight-color:#feefea;
scrollbar-shadow-color:#dcc89c;
scrollbar-3dlight-color:#dcc89c;
scrollbar-arrow-color:#dcc89c;
scrollbar-track-color:#feefea;
scrollbar-darkshadow-color:#feefea;
}
body {
color:#957f66;
font-size:small;
margin:0 auto 0 auto;
padding:0;
width:990px;
height:100%;
background:url(http://圖片網址/lk_pinklove.png) left -30px repeat-y;
}
a:link {
color:#957f66;
text-decoration:none;
}
a:visited {
color:#957f66;
text-decoration:none;
}
a:hover {
color:#957f66;
text-decoration:none;
}
a img {
border-width:0;
}
a:focus {
outline:none;
}

/* container
-----------------------------------------*/
#container1 {
width:885px;
position:relative;
margin:0 auto 0 auto;
height:100%;
background:url(http://圖片網址/lk_lovecloud.png) -40px -55px;
}
#container2 {
}
#bigcontainer {
height:100%;
background:url(http://圖片網址/lk_pinklove.png) right -5px repeat-y;
}

/* banner and pageheader
-----------------------------------------*/
#banner {
visibility:hidden;
display:none;
}

/* main
-----------------------------------------*/
#main2 {
overflow:hidden;
width:885px;
height:584px;
padding:0;
background:url(http://圖片網址/lk_contentbg_ie6.png) no-repeat;
}

/* content
-----------------------------------------*/
#content {
width:475px;
height:410px;
margin:130px auto 0 165px !important;
margin:130px auto 0 82px;
padding:0;
float:left;
word-wrap:break-word;
overflow-x:hidden;
overflow-y:scroll;
}
.date {
text-align:right;
border:none;
padding-right:10px;
}
/* 第二層date */
.datediv {}
.blogbody {
border:none;
padding:0;
margin:0 auto 10px auto;
width:450px;
text-align:justify;
}
.blogbody2 {
padding:0;
margin:0;
}
/*包含 .title .extended .innertext .extended */
.articletext {}
.articletext .title {
font-size:100%;
height:25px;
padding:15px 0 0 0;
background:url(http://圖片網址/lk_posttitle_pinkbg.png) no-repeat;
}
.articletext .innertext {
padding:0;
width:450px;
}
.articletext .extended {}
.posted {}

/* comments
-----------------------------------------*/
.total-comments-div {
border:none;
padding:0;
margin:0;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
border:none;
margin:0;
}
.total-comments-div .comments-head {
font-size:100%;
font-weight:bold;
height:25px;
padding:15px 0 0 0;
background:url(http://圖片網址/lk_posttitle_pinkbg.png) no-repeat;
}
.total-comments-div .comments-bottom .comments-head {
border:none;
margin:0;
}
.total-comments-div .comments-body {
margin:15px auto auto auto;
padding:0;
border:none;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
}
.total-comments-div .comments-body form {
margin:0;
padding:0;
}

/* links 選單
-----------------------------------------*/
#links {
width:155px;
height:270px;
margin:110px 33px auto auto;
padding:0;
word-wrap:break-word;
overflow-x:hidden;
overflow-y:auto;
text-align:center;
}
/* 第二層links */
#links2 {}
.sidetitle {
width:100%;
margin:0 auto 0 auto;
padding:0;
text-align:center;
}
.side {
padding:0;
margin:0;
}
#boxMySpace {
visibility:hidden;
display:none;
}
#boxCategory {
visibility:hidden;
display:none;
}

  • 部落格達人變裝秀-光碟內容使用規範

01.僅授權合法持有本書之讀者 (個人及法人) 非商業用途之使用
02.不得將全部或局部內容修改、重製、轉載、散佈,或以其他任何形式、目地加以利用
(切勿放在網路上播放或供人下載)
03.除光碟內圖片不得使用在個人部落格範本以外之任何地方
04.若使用光碟中的部落格範本,請務必在網路上註明出自本書


0 Comments:

Post Comments