[艾瑪CSS] 極簡002-愜意

Posted onAuthor艾瑪62 Comments

使用CSS須知：當您COPY下方的CSS碼時，請您同意：
不轉貼、也不將這些碼貼以任何形式再次分享。如果願意告訴我你拿了CSS，也可以在該篇CSS文章下留言給我喔！

html .blogbody {height: 1%;}
HTML {
scrollbar-face-color:#C9DCC9;
scrollbar-arrow-color:#828F82;
scrollbar-track-color:#C9DCC9;
scrollbar-shadow-color:#C9DCC9;
scrollbar-highlight-color:#C9DCC9;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#828F82;
}
/***********************
designed by amarylliss @2005.1.20
************************/
body {
margin:0px 0px 10px 0px;
background: #C9DCC9;
font-size:9pt;
}
A { color: #242424; text-decoration:underline; }
A:link { color: #828F82; text-decoration: none; }
A:visited { color: #fff; text-decoration: none; }
A:active { color: #828F82; }
A:hover { color: #363636; }

#rightcol {
float:right;
position:relative;
width:30%;
padding-bottom:20px;
margin-right:10px;}

h1, h2, h3 {
margin: 0px;
padding: 0px;
}

#banner {
height: 75px;
font-family:georgia, verdana, arial, sans-serif;
font-size:large;
font-color:#ffffff;
font-weight:blod;
text-align:left;
padding-left:40px;
background:#828F82;
background-width:65%; padding-top:20px;
letter-spacing:.1em;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:georgia, arial, sans-serif;
font-size:x-large;
font-weight:bold;
color: #C9DCC9;
text-decoration: none;
text-align: center;
}

.description {
font-family:verdana, georgia, arial, sans-serif;
color:#ffffff;
font-size:9pt;
font-weight:bold;
text-transform:none;
text-align: center;
letter-spacing: none;
}

#content {
float:left;
width:65%;
font-family:georgia, verdana, arial, sans-serif;
background:#C9DCC9;
margin-right:15px;
padding-bottom:20px;
}

#links {
background:#C9DCC9;
margin-left:70%;
padding-right:15px;
margin-top:100px;
}

.blog {
padding-left:30px;
padding-top:15px;
padding-right:20px;
background:#C9DCC9;
}

.blogbody {
background-color:none;
border:1px dotted #ffffff;
font-family:verdana, arial, sans-serif;
color:#330000;
font-size:10pt;
font-weight:normal;
line-height:160%;
padding:15px;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
font-weight: normal;
text-decoration: underline;
}

.title {
font-family: verdana, arial;
font-size: 14pt;
color: #fff;/***#003366; ***/
font-weight:bold;
text-decoration:underline;
padding-bottom:10px;
}

#menu {
margin-bottom:15px;
}

.date {
font-family:georgia, verdana, arial, sans-serif;
font-size: 14pt;
color: #fff;
padding:5px;
margin-top:50px;
font-weight:bold;
background:#191919;
text-align: center;
width:220px;
border-top: 1px dotted 828F82;
border-left: 1px dotted 828F82;
border-right: 1px dotted 828F82;
}

.posted {
font-family:verdana, arial, sans-serif;
font-size: x-small;
color: #000;
margin-bottom:15px;
}

.calendar {display:none;}
/***********************
designed by amarylliss @2005.1.20
************************/
.calendarhead {
font-family:verdana, arial, sans-serif;
color:#993333;
font-size:x-small;
font-weight:bold;
background:#C9DCC9;
line-height:140%;
padding:2px;
}

.side {
font-family:verdana, arial, sans-serif;
color:#fff;
font-size:8pt;
font-weight:normal;
background:none;
line-height:165%;
padding:2px;
}

.sidetitle {
font-family:verdana, arial, sans-serif;
color:#000000;
font-size:9pt;
font-weight:normal;
background:none;
line-height:100%;
padding:1px;
margin-top:10px;
text-align:center;
letter-spacing: .2em;
border-bottom: 1px dotted #fff;
}

.syndicate {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
}

.powered {
font-family:verdana, arial, sans-serif;
color:#191919;
font-size:x-small;
font-weight:normal;
background:#C9DCC9;
line-height:140%;
padding:2px;
}

.comments-body {
font-family:verdana, arial, sans-serif;
color:#191919;
font-size:small;
font-weight:normal;
background:#C9DCC9;
line-height:140%;
padding:10px;
}

.comments-post {
font-family:verdana, arial, sans-serif;
color:#191919;
font-size:x-small;
font-weight:normal;
background:none;
border-bottom: 1px dotted #191919;
}

分享此篇文章

延伸閱讀

【關於作者】艾瑪 | amarylliss

 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表)，1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主，2000年起於明日報/ANYWAY旅遊網分享旅遊心得，2003年起任艾瑪隨處走走部落格格主至今，從無名小站至痞客邦，目前回歸個人部落格持續經營；更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫：[email protected]

 Email Facebook Flickr YouTube Instagram

TG按讚：0
Post Views: 1,052

62 thoughts on “[艾瑪CSS] 極簡002-愜意”

  2. 謝謝艾瑪的分享
    雖然我不認識你 但我真的謝謝你..(笑)
    本來就用你設計的樣式了
    現在還是繼續套用
    我蠻喜歡你的風格
    歡迎你也到我的blog指教指教

  3. 一直很喜歡艾瑪極簡的風格
    常常會自己改東改西的改了CSS好久
    但是到最後卻還是套用起艾瑪貢獻給無名所做的版面
    謝謝妳喔 祝妳新年快樂 有防護罩保護你不受壞人侵害:)

  9. 謝謝你的分享
    我喜歡~~~~愜意
    謝謝囉!!
    對了~~~~
    我真的覺得你的配色很棒
    非常舒服的配色~~
    讚讚讚^^

  12. 艾瑪…我快愛上妳了>0<b
    你做的好棒唷~
    尤其我最喜歡綠色了>口<
    怎麼辦..會愛上妳的><"
    感謝你耶^0^

  22. 謝謝你…第一次來參觀…覺得這裡真是個寶…以後會常來的..謝嚕^__^

  24. 我也借用了你設計的美麗作品…謝啦
    因為更喜歡pink
    可以請問要怎樣把色調改成pink的嗎

  29. Dear 艾瑪：

    謝謝你的分享，我試著把他用在網誌上了，但是不知道要從哪裡可以把您
    的出處加上去呢？〈真抱歉，還是新手〉如果有空，請您教教我囉！謝
    謝！

  43. 艾瑪~~我拿了你分享的CSS
    有自己在做輕微修改~~放些圖片!
    在此跟你說一聲~~謝謝以無私的分享喔!^^

  45. 艾瑪感謝分享v
    敝人拿走愜意了v
    有稍微改了一下字的顏色,感謝艾瑪的分享~(_ _)

  47. 謝謝艾瑪的分享，
    我取用了，不過有空時會在努力自己修改一下！

  48. 真的是很感激你< ( _ _ ) >
    我是新手上路
    研究語法研究了好久
    你的出現真是讓我得救了!!
    真的很謝謝你^_^

  51. 這篇我拿走了
    謝謝艾瑪的分享,我真是發現的太晚了
    ps:艾瑪好厲害阿

  55. 給悄悄話，

    OK的喔～
    這一系列極簡十款都可以讓大家任意修改喔
    想要改字體大小、顏色也都OK。

    也有很多人加圖片上去
    反正這是極簡嘛
    怎麼改都成！^^

  56. 哇哈哈~~沒用過CSS，
    看到小玉老師的連結，找到這裏，
    很高興這裡有機會可以讓我學習到這個，
    也有範例可以用^___^

  59. 你好~
    我滿喜歡這個樣式的
    不過~好像不能複製
    請問要怎麼拿呢~~

    謝謝

Comments are closed.