MBLAQ正規一輯網誌樣式 III(3D EDITION)－食譜

【預覽圖】

真的是好偷懶喔我............顆顆
是說因為語法寫死的關係
所以如果在右方行事曆的上方還有其他區塊或是外掛元件的話
下方的網誌、相簿連結就會跑版喔~~~~~~~~!!

如果有其他套用後的問題也請告訴我修改~
3Q

【語法】

html, body {
margin:0pt;
padding:0pt;
}
body {
margin-top:10px;background:#3f3b2f url(http://f9.wretch.yimg.com/joy1986114/50/o1581127574.jpg?8DVzKolDcR4E5CgbGVMufxroYBBNS3fOdFekXyOO66vE7cTyTDmXuqtHCk6qo9h4AyX4?v736rtFDcR6TH55cPmtNCkGf2YGxf0XCaIq3XHCS2oDJaT9QGOSEzKtc2rgegcH92itmwQ--?CGpSnWVDcR5lzDQbTmCynXKhzFTOaIUWKbfTTa5SdquE1MMYeNf7ZqkwJ7Ch) no-repeat;
font-size:13px;
color:#4f503f;
font-family:Arial, Helvetica, sans-serif, "新細明體";
}
a {
color:#4f503f;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
border:0pt none;
}
#bigcontainer {
margin:0pt auto;
width:950px;
}
#banner {
overflow:hidden;
height:360px;
}

/* 這段是 */
#banner h1 {
margin:0pt;
font-size:15px;
}
#banner h1 a {
color:#ffffff;
text-decoration:none;
top:280px;
position:absolute;
left:100px;
font-size:15px;
}

/* 這段是 */
#banner #pageheader {
color:#161616;
padding:300px 0px 0px 100px;
line-height:1.4em;
overflow:hidden;
text-indent:-5000px;
}

#container1 {
}

/* 整個文章區padding-left:30px */
#content {
width:655px;
float:left;
padding-left:0px;
}

.blog{

}

.blogbody{
background:#fff url(http://f9.wretch.yimg.com/joy1986114/50/o1581127542.jpg?VDH0cUBDcR4n9N2zBbWjAmnLJW4tg6pI7L2xwS2SH1qWQybvDGPAQWe0qmr319zrseOa?2FRf4ChDcR6PHtIEeRET2cQGVF6dxJRSkfck5BxvvnCqOBFHCHE7TJbLgphkNRbU6jp0xw--?zNAXMdVDcR6u4_Pnjl8hABJDkzd415IQZUi87UfaHnt0e0dZ7ojEZoRtBw9W) no-repeat 0 0;
}

.blogbody2{
padding-left:72px;

}
.articletext{

}

.blog .date {
padding:0px 0pt 0pt 90px;
color:#999;
font-size:11px;
font-weight:bold;
position:relative;
top:40px;
z-index:101;
}
.title {
margin:0pt;
padding:40px 0px 0px 0px;
color:#e4802b;
font-size:16px;
font-weight:bold;
position:relative;
top:0px;

}

#univshar-btn{
padding:0px 0px 0px 72px;
background-color:#333;
}

.title {
height:26px;
}

.blog .innertext {
width:540px;
margin:0px;
overflow:hidden;}

.innertext {}

.blog .extended {
text-align:right;
color:#454545;
font-size:11px;
padding-right:30px;width:550px;
}

.blog .extended a {
color:#686868;
}
.extended {
margin:0px;
width:600px;
padding-right:55px;
}

.blog .posted {
text-align:right;
color:#999;
font-size:11px;
height:55px;
padding-right:50px;
margin-top:0px;
}

.blog .posted a {
color:#999;
}

/* 待處理 */
.blog #push {
margin-right:33px;
}

/* 待處理 */
.history {
margin:0pt 30px 0pt 0pt;
text-align:right;
font-size:11px;
color:#906c3e;
}

/* 待處理 */
.history_articles, .history_title {
display:inline;
float:none;
}

/* 待處理 */
.blog #article_counter {
color:#936738;
font-size:11px;
margin-right:63px;
padding-top:5px;
padding-bottom:5px;
}

.total-comments-div {
padding:30px 15px 30px 50px;
}
.trackback-url {
margin:0pt 30px 0pt 0pt;
text-align:right;
}
.cmt_floor {
display:none;
}
.total-comments-div .comments-body .comments-post {
color:#906c3e;
font-size:11px;
text-align:right;
margin-top:20px;
}
.trackback-linkcontrol, .comments-linkcontrol {
margin:10px 0pt;
text-align:center;
font-size:9px;
}
.trackback-linkcontrol a, .comments-linkcontrol a {
border:1px solid #d4bc9c;
padding:1px 3px;
}
.trackback-linkcontrol a:hover, .comments-linkcontrol a:hover {
padding:1px 3px;
background:#d4bc9c;
color:#ffffff;
text-decoration:none;
}
.total-comments-div .comments-author {
background:#C3AC8E;
margin-top:10px;
color:#43331D;

}
.total-comments-div .comments-author .comments-post {
color:#000;
}
.comments-head {
border-left:7px solid #906c3e;
margin:10px 0pt;
font-size:15px;
color:#906c3e;
padding-left:5px;
font-weight:bolder;
}

/* 右側欄 */
#links {
padding-right:0px;
width:285px;
float:right;
overflow:auto;
color:#999;
}

#links a{
color:#eee;
}

#links .sidetitle {
height:50px;
}

.side {
line-height:155%;
padding:10px 30px 0px 30px;
}

#boxMySpace .sidetitle,
#boxNewArticle .sidetitle,
#boxCategory .sidetitle,
#boxNewComment .sidetitle,
#boxNewTrackback .sidetitle,
#boxRssList .sidetitle,
#boxFolder .sidetitle,
#boxCounter .sidetitle,
#boxDate .sidetitle,
#boxSearch .sidetitle {
overflow:hidden;
text-indent:-5000px;
float:none;
height:50px;
}

#links2 {
background:url(http://f9.wretch.yimg.com/joy1986114/50/1581141231.jpg?EnYO20JDcR7s1ZgiIO4LHrvYk88zlM4Eyj6YwlqyNpbL88gtelK0GE7DL7aZkjpdHgF3?1HK5.kJDcR5MYIe7KxwxVDkZV6a7YY3pCOmUKXg3lqjP3yldmc80sRHvkrMxuli09ex_Bg--?8InYObBDcR6YzNwMAWxbMrkLy75GnuR2b53IjIIjEXbruMM_jmKpAbNliiPR) repeat-y;
}

div.calendar {
background:url(http://f9.wretch.yimg.com/joy1986114/50/1581135237.jpg?XnyChIpDcR7g7067GeEI9KJtsq8zjL_cqHewdYj..KJKQoT2MdC0pF9tx.g6ZxQF.vpU?jB.zBDtDcR67VA7WzmoVCOiGIqo_eTh1PebcL9SvvsTQR9lhgvjdLj4voh0a2NxuFFLGpw--?jPl35ENDcR4RDs4ixfPTy6Hlu2byuXZcbyiGyuEekgkr3h3oj4OwWWVySuxh) no-repeat;
font-size:12px;
line-height:118%;
padding:50px 15px 10px;
}

#links .calendar2 {
width:190px;
padding:20px 20px 10px 20px;
}

#boxMySpace .sidetitle {background:url(http://f9.wretch.yimg.com/joy1986114/50/1581148744.jpg?7stnUzNDcR7ftNI8rqZ7KRpumb9RtvpS.Ei80GwOgcAygM8mlBerRpduRm1uMK3t5HAo?t9g_2AZDcR45OPro8ROD2X.IQxonPM6hGAOr.CM08Eyy.AOKXsRB1Rsd50WqTb38H9WkuQ--?i9b8nQVDcR64AsODHBTCWxDjX6KkRJeJLYbeMkNL_Jpv5a5RC7eHwdrDSAai) no-repeat;

}

#friendlist {

}
#interactionList {
}
#blogCategory {
padding-top:70px;
}

#boxNewArticle .sidetitle {
background:url(http://f9.wretch.yimg.com/joy1986114/50/1581135224.jpg?i9OEejxDcR5DT9D3ACVBGQ_7Xr0yambhwFLT2BeZeBYCEaCxv9t2f8LwiLwOlswFG6pn?xS3Qwi1DcR7B2dbm.rtbhZwJkDI.F3mSBzpW8QaxWAfjkvF8R7Bsze.enkefKAoVKfCOhw--?Z9R3FX9DcR54XxK1Od6oVnvn6MY4HsoILtVW8GY0IeWZw1s031b27XxZq0kY) no-repeat;
}

.syndicate {
padding:0px 30px 0px 30px;
vertical-align:middle;
}

#serviceList{position:absolute;top:630px;left:810px;float:left;

filter:alpha(opacity=60);}

#serviceList li a{
display:block;width:70px;height:16px;
padding-top:4px;font:12px verdana;
text-align:center;color:#fff;}

#serviceList li a:hover{color:#000;background:#fff;}

#linkMypage {

}
#linkMypage:hover {
background:url(http://l.yimg.com/e/style/14/1499/1604916652.jpg) no-repeat scroll 0pt 50%;
}
#linkAlbum {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404311.jpg) no-repeat scroll 0pt 50%;
width:76px;
height:24px;
}
#linkAlbum:hover {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404306.jpg) no-repeat scroll 0pt 50%;
}
#linkBlog {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404312.jpg) no-repeat scroll 0pt 50%;
width:77px;
height:24px;
}
#linkBlog:hover {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404307.jpg) no-repeat scroll 0pt 50%;

}

#linkGbook {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404313.jpg) no-repeat scroll 0pt 50%;
width:129px;
height:24px;
}
#linkGbook:hover {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404316.jpg) no-repeat scroll 0pt 50%;
}
#linkUser {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404314.jpg) no-repeat scroll 0pt 50%;
width:97px;
height:24px;
}
#linkUser:hover {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404309.jpg) no-repeat scroll 0pt 50%;
}
#linkFriend {
display:none;
}
#linkFriend:hover {
display:none;
}
#linkVideo {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404315.jpg) no-repeat scroll 0pt 50%;
width:77px;
height:24px;
}
#linkVideo:hover {
background:url(http://tw.yimg.com/i/tw/wretch/sblog56/1306404310.jpg) no-repeat scroll 0pt 50%;
}

#footer {
clear:both;
height:30px;
}

#bigcontainer br {
display:none;
}
#container1 br {
display:block;
}

.wsharing top{
border:1px #333 soild;
}

joy75114

食譜

joy75114 發表在痞客邦留言(44) 人氣()

E-mail轉寄

食譜

hello

MBLAQ正規一輯網誌樣式 III(3D EDITION)

留言列表

最新文章

文章分類

食譜 (1)

最新留言

參觀人氣

QR Code

食譜