因為有不少朋友說喜歡我之前的網誌版型
在此謝謝大家對於晴兒網誌設計的垂青啦
所以在獨樂樂不如眾樂樂的想法下
決定把之前的二個版型分享出來
有需要的朋友歡迎抱走
讓帥帥的速水(速水茂虎道)攻佔無名吧!!(大笑)
當然抱走的、有問題的、純哈拉的朋友
也歡迎留言唷~~
這二個版型事實上是同一個,只是背景和版面不盡相同而已
所以喜歡那一版的 就把下方的Css碼Copy回去貼上就好了。
我假設大家都會貼了唷....真的不知道怎麼做的人再留言問我好囉!!
第一版 時裝版的MOCO(這個版頭的MOOC是12/21 見面會上販售的滑鼠墊裡的生寫真,在別的地方是見不到的唷)
喜歡的朋友只要把版型示意圖下方 橘色的程式碼Copy就可以了
/*將所有樣式預先標準化
------------------------------------------------------------------------------------------*/
/*margin 及 padding 的標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, em, pre, form, fieldset, input, p, blockquote, th, tr, td{
padding:0;
margin:0;
font-family:"新細明體", "細明體", Arial, Helvetica, sans-serif;
}
/*標題 font-size 的標準化 */
h1, h2, h3, h4, h5, h6{font-size:100%;}
/*移除清單的 list-style 樣式*/
ol, ul{list-style:none;}
/*將 font-style 及 font-weight 標準化成 normal */
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
/*移除 table 的外框*/
table{
border-collapse:collapse;
border-spacing:0;
clear:both;
}
/*移除 fieldset 和 img 的外框*/
fieldset, img{
border:0;
}
/*caption 和 th 的文字要向左對齊*/
caption, th{text-align:left;}
/*移除 q 的引號*/
q:before, q:after{}
body {
margin:0px;
font:.8em Arial;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/o1007786050.jpg);
background-repeat:repeat-y;
background-position:center top;
}
a:link{
text-decoration:none;
}
#main2{
}
/* container
--------------------------*/
#container1 {
margin:0px auto;
width:950px;
}
/* banner
--------------------------*/
#banner {
margin-bottom:20px;
height:600px;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/o1007793597.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#pageheader {
padding:550px 0 0 450px;
font-style:normal;
}
#banner h1 {
margin-top:0px;
}
#banner h1 a {
color:#777;
}
#banner h1 a:hover {
color:#333;
text-decoration:none;
}
/* content
--------------------------*/
#content {
width:720px;
float:left;
margin:0 0 0 5px;
}
#content a {
color:#547F8F;
}
#content a:hover {
color:#2B5D70;
text-decoration:none;
}
.date {
font-size:20px;
letter-spacing:-1px;
text-align:right;
padding-top:1em;
padding-right:1em;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/1007780432.jpg);
background-repeat:no-repeat;
background-position:left top;
height:100px;
}
.datediv{
FONT-FAMILY:georgia, Arial, taipei, Helvetica, sans-serif;
}
.blogbody {
padding-bottom:20px;
margin-bottom:20px;
}
.blogbody2 {
}
.articletext {
padding:5px 20px 0px 20px;
}
.posted {
text-align:center;
}
.title {
margin-top:0px;
}
/* comments
--------------------------*/
.total-comments-div {
width:300px;
margin-left:30px;
}
.comments-head {
border-bottom:1px solid black;
font-weight:bold;
margin-top:15px;
}
.comments-body {
}
.comments-post {
font-size:11px;
color:#777;
text-align:right;
}
.total-comments-div form {
margin:0px;
}
#text {
width:80%;
}
/* links
--------------------------*/
#links {
float:right;
width:210px;
margin:0 0.5em 0 0;
}
#links a {
display:block;
color:#728A3E;
text-decoration:none;
border-bottom:1px solid #eee;
font-size:12px;
padding:2px 5px 2px 10px;
}
#links a:hover {
color:#4381A1;
}
#links br {display:none;}
.sidetitle {
padding:0.5em 1em;
font-weight:bold;
letter-spacing:2px;
margin:0.5em 0;
text-align:center;
}
#boxProfile, #boxSlideShow, #boxNewArticle, #boxCategory, #boxDate, #boxSearch, #scupioSearch, #boxNewComment, #boxRssList, #boxNewTrackback, #boxFolder, #boxCounter {
margin-bottom:30px;
background-image:url(http://l.yimg.com/e/style/10/1006/1110951586.jpg);
background-repeat:repeat-y;
background-position:center top;
}
.boxProfile0, .boxSlideShow0, .boxNewArticle0, .boxCategory0, .boxDate0, .boxSearch0, .scupioSearch0, .boxNewComment0, .boxRssList0, .boxNewTrackback0, .boxFolder0, .boxCounter0{
background-image:url(http://l.yimg.com/e/style/10/1006/1110951588.jpg);
background-repeat:no-repeat;
background-position:center top;
padding:20px 0 0 0;
display:block;
}
.boxProfile1, .boxSlideShow1, .boxNewArticle1, .boxCategory1, .boxDate1, .boxSearch1, .scupioSearch1, .boxNewComment1, .boxRssList1, .boxNewTrackback1, .boxFolder1, .boxCounter1{
background-image:url(http://l.yimg.com/e/style/10/1006/1110951587.jpg);
background-repeat:no-repeat;
background-position:center bottom;
padding:0 0 50px 0;
display:block;
}
.side {
background:transparent;
border:6px solid #fff;
border-bottom:0px;
border-top:2px solid #fff;
padding:0 0.5em;
}
#boxSearch form {
margin-bottom:0px;
}
/* links detail
--------------------------*/
#links .calendar a,
#links #boxSlideShow a,
#links .syndicate a ,
#links .powered a ,
#links .sidetitle a {
display:inline;
background:transparent;
border:0px;
}
.calendar {
font-size:12px;
width:210px;
height:200px;
margin-bottom:20px;
}
.calendar .calendar {
background:transparent;
width:auto;
height:auto;
margin-bottom:0px;
}
.boxCategory1,
.boxProfile1 {
font-size:0px;
letter-spacing:-2px;
color:#eee;
}
#links .boxCategory1 a,
#links .boxProfile1 a {
font-size:12px;
letter-spacing:0px;
}
#links .boxSearch1 br {display:block;}
#links .sidetitle a img {
height:13px;
}
.boxNewComment1 {
text-align:right;
color:#666;
font-size:11px;
}
#links .boxNewComment1 a {
text-align:left;
font-size:12px;
}
.boxRssList1 {
color:#666;
font-size:11px;
}
#links .boxRssList1 a {
text-align:right;
font-size:12px;
}
.boxNewTrackback1 {
text-align:right;
color:#666;
font-size:11px;
}
#links .boxNewTrackback1 a {
text-align:left;
font-size:12px;
}
#links .boxNewTrackback1 span a {
font-size:12px;
color:#666;
background:transparent;
display:inline;
margin:0px;
padding:0px;
cursor:default;
}
#links .boxNewTrackback1 span a:hover {
background:transparent;
color:#666;
}
#links .boxCounter1 br {
display:inline;
}
#links .boxCounter1 .side {
padding-left:20px;
}
#links .powered br {
display:block;
}
#links #whowrapper a{width:50px;}
#links2{
}
第二版是奈特啦~也是晴兒的前一個版型,比較特別的是背景全都填滿了絕對彼氏的字樣
喜歡的朋友也只要把版型示意圖下方紫色的程式碼Copy走就OK囉~~
/*將所有樣式預先標準化
------------------------------------------------------------------------------------------*/
/*margin 及 padding 的標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, em, pre, form, fieldset, input, p, blockquote, th, tr, td{
padding:0;
margin:0;
font-family:"新細明體", "細明體", Arial, Helvetica, sans-serif;
}
/*標題 font-size 的標準化 */
h1, h2, h3, h4, h5, h6{font-size:100%;}
/*移除清單的 list-style 樣式*/
ol, ul{list-style:none;}
/*將 font-style 及 font-weight 標準化成 normal */
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
/*移除 table 的外框*/
table{
border-collapse:collapse;
border-spacing:0;
clear:both;
}
/*移除 fieldset 和 img 的外框*/
fieldset, img{
border:0;
}
/*caption 和 th 的文字要向左對齊*/
caption, th{text-align:left;}
/*移除 q 的引號*/
q:before, q:after{}
body {
margin:0px;
font:.8em Arial;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/o1007760542.jpg);
background-repeat:repeat-y;
background-position:center top;
}
a:link{
text-decoration:none;
}
#main2{
}
/* container
--------------------------*/
#container1 {
margin:0px auto;
width:950px;
}
/* banner
--------------------------*/
#banner {
margin-bottom:20px;
height:600px;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/o1007760543.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#pageheader {
padding:570px 0 0 450px;
font-style:normal;
}
#banner h1 {
margin-top:0px;
}
#banner h1 a {
color:#777;
}
#banner h1 a:hover {
color:#333;
text-decoration:none;
}
/* content
--------------------------*/
#content {
width:720px;
float:left;
margin:0 0 0 5px;
}
#content a {
color:#547F8F;
}
#content a:hover {
color:#2B5D70;
text-decoration:none;
}
.date {
font-size:20px;
letter-spacing:-1px;
text-align:right;
padding-top:1em;
padding-right:1em;
background-image:url(http://f8.wretch.yimg.com/sunny989/32764/1007780432.jpg);
background-repeat:no-repeat;
background-position:left top;
height:100px;
}
.datediv{
FONT-FAMILY:georgia, Arial, taipei, Helvetica, sans-serif;
}
.blogbody {
padding-bottom:20px;
margin-bottom:20px;
}
.blogbody2 {
}
.articletext {
padding:5px 20px 0px 20px;
}
.posted {
text-align:center;
}
.title {
margin-top:0px;
}
/* comments
--------------------------*/
.total-comments-div {
width:300px;
margin-left:30px;
}
.comments-head {
border-bottom:1px solid black;
font-weight:bold;
margin-top:15px;
}
.comments-body {
}
.comments-post {
font-size:11px;
color:#777;
text-align:right;
}
.total-comments-div form {
margin:0px;
}
#text {
width:80%;
}
/* links
--------------------------*/
#links {
float:right;
width:210px;
margin:0 0.5em 0 0;
}
#links a {
display:block;
color:#728A3E;
text-decoration:none;
border-bottom:1px solid #eee;
font-size:12px;
padding:2px 5px 2px 10px;
}
#links a:hover {
color:#4381A1;
}
#links br {display:none;}
.sidetitle {
padding:0.5em 1em;
font-weight:bold;
letter-spacing:2px;
margin:0.5em 0;
text-align:center;
}
#boxProfile, #boxSlideShow, #boxNewArticle, #boxCategory, #boxDate, #boxSearch, #scupioSearch, #boxNewComment, #boxRssList, #boxNewTrackback, #boxFolder, #boxCounter {
margin-bottom:30px;
background-image:url(http://l.yimg.com/e/style/10/1006/1110951586.jpg);
background-repeat:repeat-y;
background-position:center top;
}
.boxProfile0, .boxSlideShow0, .boxNewArticle0, .boxCategory0, .boxDate0, .boxSearch0, .scupioSearch0, .boxNewComment0, .boxRssList0, .boxNewTrackback0, .boxFolder0, .boxCounter0{
background-image:url(http://l.yimg.com/e/style/10/1006/1110951588.jpg);
background-repeat:no-repeat;
background-position:center top;
padding:20px 0 0 0;
display:block;
}
.boxProfile1, .boxSlideShow1, .boxNewArticle1, .boxCategory1, .boxDate1, .boxSearch1, .scupioSearch1, .boxNewComment1, .boxRssList1, .boxNewTrackback1, .boxFolder1, .boxCounter1{
background-image:url(http://l.yimg.com/e/style/10/1006/1110951587.jpg);
background-repeat:no-repeat;
background-position:center bottom;
padding:0 0 50px 0;
display:block;
}
.side {
background:transparent;
border:6px solid #fff;
border-bottom:0px;
border-top:2px solid #fff;
padding:0 0.5em;
}
#boxSearch form {
margin-bottom:0px;
}
/* links detail
--------------------------*/
#links .calendar a,
#links #boxSlideShow a,
#links .syndicate a ,
#links .powered a ,
#links .sidetitle a {
display:inline;
background:transparent;
border:0px;
}
.calendar {
font-size:12px;
width:210px;
height:200px;
margin-bottom:20px;
}
.calendar .calendar {
background:transparent;
width:auto;
height:auto;
margin-bottom:0px;
}
.boxCategory1,
.boxProfile1 {
font-size:0px;
letter-spacing:-2px;
color:#eee;
}
#links .boxCategory1 a,
#links .boxProfile1 a {
font-size:12px;
letter-spacing:0px;
}
#links .boxSearch1 br {display:block;}
#links .sidetitle a img {
height:13px;
}
.boxNewComment1 {
text-align:right;
color:#666;
font-size:11px;
}
#links .boxNewComment1 a {
text-align:left;
font-size:12px;
}
.boxRssList1 {
color:#666;
font-size:11px;
}
#links .boxRssList1 a {
text-align:right;
font-size:12px;
}
.boxNewTrackback1 {
text-align:right;
color:#666;
font-size:11px;
}
#links .boxNewTrackback1 a {
text-align:left;
font-size:12px;
}
#links .boxNewTrackback1 span a {
font-size:12px;
color:#666;
background:transparent;
display:inline;
margin:0px;
padding:0px;
cursor:default;
}
#links .boxNewTrackback1 span a:hover {
background:transparent;
color:#666;
}
#links .boxCounter1 br {
display:inline;
}
#links .boxCounter1 .side {
padding-left:20px;
}
#links .powered br {
display:block;
}
#links #whowrapper a{width:50px;}
#links2{
}
美食隨筆 (6)
太開心了 謝謝囉！ 兩種都帶走收藏了！！
不客氣唷~
用的上就太好了~~ ^0^
謝謝你囉! ^^ MOCO好帥(哈哈!)
不客氣唷~
哇~~ 晴兒姊安~(可以這樣叫妳嗎~~嘿嘿) 奈特未開機(?)的樣式版我就抱走了喔~~~(已經套用上去了~) 打從我看絕對彼氏時就好想要奈特在箱子裡的畫面當樣式~ 如今...........這小小的願望實現了~灑花呀!! 真的很謝謝~~~!!!! by kaimo
Kaimo
當然可以這樣叫呀!(除非妳年紀比我大唷)
很高興妳喜歡這個版型唷~~
和奈特好好相處吧!(笑)
我好愛moco睡著的深情模樣 打包囉!! 愛死了!
歡迎歡迎
不過妳的網誌都還沒有填內容唷...
(剛偷跑過去看的倫)
頑張ってね～（笑)
我會常去玩的~ ^0^
絕對彼氏超好看的 謝謝你的分享囉XD"
不客氣~~
歡迎常來玩唷~~ ^0^
我我我...也來抱走囉!!>< 感謝晴兒阿姐的分享(剎那間覺得無名很好玩XDDD)
不客氣
我看到妳的無名了唷~~
哪閒是小美女呢... ^0^
*****
*****
我拿第二個了 謝謝~
不客氣 ^0^
常來玩唷~~
我拿走囉! :)
歡迎
常來玩唷
帶走紫色版的喔~ 剛看完絕對彼氏… 奈特真是太棒了 >///< 太好看啦!
是第一次看絕彼嗎??
那麼請繼續期待接下來的劇情唷~~
我昨天一看完電視播的就…忍不住上網看完了… 最後幾集真的太催淚了， 還好我剛剛看得時候沒人在家… 不然就丟臉丟大了@口@ 但電視上播的我也會繼續看喔～ 因為好東西多看幾次也不錯！
嗯嗯嗯
我們這幾個中毒中很深的已經看了不下N遍了
但...重播還是會再看...噗~~~
現在還在搞笑部份
想到之後的水龍頭部份
還是多珍惜一下現在還笑的出來的情節...>.<
我親愛的小奈奈呀~~~(泣)
PS.絕彼有出SP唷...有看了嗎??
一口氣都看完囉~ 真的是水龍頭 >_< 本來我看到有人的文寫著~ 看到後面哭了… 而那時我大概看到中間~並且沒有覺得太多難過呀… 哪知道後面真的讓人忍不住 ˊ__ˋ
Pony
哭點在最後幾集呀!!
前幾集的奈特,說實在只是人形大玩偶而已
沒有什麼人性,所以也沒有特別吸引我的地方
但到中期開始有了人味,夭壽,真是凍抺著....
他糾心、我也糾心~
他皺眉,我開水龍頭啦~~~~~(水龍頭這詞寫的真好呀!!)
還有SP唷~
雖然被大家指為萬惡的SP
但還是要看一下的~
不過,先準備好海量的面紙吧!(笑)
謝謝大大的提供 終於找到志同道合的朋友了(握手) 但是我有個小小的疑問 為什麼我貼完後 工具列(日曆.回覆) 會跑到底下呢? 再次謝謝大大喔^^
耶...會嗎??
這個樣式是我很久以前做的
印象中沒有問題耶~~
你看我的截圖,日曆都乖乖的在右上角耶!
PS.歡迎同好常來玩呀~~
謝謝你的分享.... 超好看的....=ˇ=
我拿囉 謝謝啦 嘻嘻
MOCO真的爆帥的啦~~ 謝謝妳的分享~~感謝您~~ 請問還有別的分享嗎??
如果是指MOCO的網誌版型
可以參考有關MOCO的相關下載(桌布 版型的)
http://www.wretch.cc/blog/sunny989/793226
謝謝分享 超愛他的捏~
ㄎㄎ.....雖然我是來看看EDWIN的版型分享了沒，我本人是比較中意這一版的辣~~ 但是在等待中~~~ 我就先包走ナイト重回家電包裝盒裡的那個版型嚕~ありがとう. 那張照真的讓人大愛ねえ~ 但是也會令人大哭~(想起最終回ナイト努力到稼動的最後一秒的那一刻....) PS..原本超少在使用此無名ね，根本也沒在在乎版型如何，BUT因為阿摸實在太讚辣，SO我還是多花了些時間來這 兒抱回我家經營一下吶~~讓MOCO灌爆無名是吧~呵
我帶走搂~~真太感謝你嚕~~找好久
謝謝分享喔喔喔~~我拿來用嚕>////<~
感謝分享~我超愛MOCO!!!!!!!!!