各位北鼻

版主首次嘗試將橫幅設計成動態的gif圖檔

配合底圖俏皮的點點圖案

除了帶有點可
愛的氣息

也增添不少俏皮的
風格

喜歡這款的北鼻們請自取唷

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



免責聲明:
1.本CSS模版痞客邦與無名模版皆適用
2.本人非抄襲他人  若有雷同純屬巧合
3.若有侵權行為請告知   本人立刻下架
4.本語法是本人私下分享非為公開貢獻的樣式
5.若有不滿意之處可以盡情且任意修改

6.拿走樣式語法記得留言唷!若無法按右鍵複製請立即留下你的足跡通知我
7.請尊重原著  不要擅自發表或分享   發表或分享時請善用引用

8.以上規則希望各位能遵守  不便之處敬請見諒

語法如下

/*************************************
作者:陽光甜姐兒
套用請留言,修改請留言給我
別當小偷喔,卸卸你的尊重呀
**************************************/ 
#comment-form table {
width:96%;
margin:0 auto;
}

#comment-form td,#comment-form th {
border:1px solid #555;
padding:3px 5px;
}

#comment-form input#send-comment {
padding:3px 5px;
}

.article-content p {
margin-bottom:1em;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:140%;
margin:5px 0;
}

body {
font-size:small;
font-family:Verdana;
background-image:url(
http://www.geocities.jp/choco_asa/img/kabe/dot/01/dot3.gif);
background-color:#ffb;
background-repeat:repeat;
background-position:center;
background-attachment:scroll;
}

a {
color:#006842;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:underline;
}

#authority {
background:#888;
text-align:center;
padding:10px 0;
}

#authority a {
background:#555;
color:#fff;
padding:5px 10px;
}

#container {
width:900px;
background:#eee;
margin:10px auto;
}

#container2 {
padding:10px;
}

#header {
background:#ccc;
margin-bottom:10px;
background-image:url(
http://www.geocities.jp/choco_asa/img/kabe/ani/02/01.gif);
background-color:#ffb;
background-position:top;
background-repeat:repeat-x;
padding:10px;
}

#banner h1 a {
font-size:large;
font-weight:700;
}

#navigation {
background:#aaa;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}

#navigation a {
display:block;
width:90px;
text-align:center;
color:#fff;
background:#888;
padding:5px 0;
}

#navigation li {
float:left;
margin:0 10px 0 0;
}

#content {
width:510px;
float:left;
background:#ccc;
margin-left:172px;
_margin-left:86px;
height:300px;
border:3px solid #777;
overflow:auto;
background-color:#ffb;
color:#606;
padding:10px;
}

#spotlight {
background:#aaa;
margin-bottom:10px;
padding:10px;
}

#spotlight h5 {
color:#fff;
background:#999;
text-align:Center;
margin-bottom:5px;
padding:3px 0;
}

#article-area {
border:1px solid #000;
padding:10px;
}

.article-area-title {
background:#999;
padding:3px 7px;
}

#display {
text-align:right;
margin:5px 0;
}

.article {
background:#aaa;
margin-bottom:20px;
padding:10px;
}

.article-head {
background:#888;
margin-bottom:10px;
padding:5px;
}

.title h2 a {
font-size:medium;
color:#55d5ff;
}

.author {
text-align:right;
border-bottom:1px dashed #888;
padding-bottom:5px;
margin:5px 0 0;
}

.article-footer {
background:#bbb;
padding:5px 10px;
}

#user-post {
background:#bbb;
margin-bottom:20px;
padding:15px;
}

#trackback-box {
margin-bottom:20px;
}

.user-post-box {
background:#aaa;
border:3px solid #fff;
padding:10px;
}

.user-post-title {
background:#666;
color:#fff;
font-size:medium;
margin-bottom:10px;
padding:5px 10px;
}

.user-post-text {
background:#999;
padding:20px;
}

.single-post {
background:#888;
margin-bottom:20px;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}

.post-info {
border-bottom:1px dashed #bbb;
padding-bottom:5px;
margin-bottom:10px;
font-weight:700;
}

.post-text {
width:230px;
float:right;
margin-bottom:10px;
}

#trackback-box .post-text {
width:auto;
float:none;
}

.post-photo {
width:120px;
float:left;
text-align:Center;
}

.reply-text {
clear:both;
border-top:1px dashed #bbb;
padding-top:5px;
}

.post-comment {
text-align:right;
font-size:medium;
margin:5px 0;
}

.main-list {
background:#aaa;
margin-bottom:15px;
padding:10px;
}

.main-list table {
width:95%;
margin:10px;
}

.main-list h3 {
background:#888;
margin-bottom:10px;
padding:5px 10px;
}

#links {
width:150px;
float:right;
background-color:#fbb;
color:#606;
}

#links-row-1 {
width:160px;
float:left;
background:#ccc;
z-index:5000;
margin-left:-730px;
_margin-left:-715px;
height:320px;
border:3px solid #777;
overflow:auto;
position:relative;
}

#links-row-2 {
width:160px;
float:right;
background:#ccc;
height:320px;
border:3px solid #777;
overflow:auto;
}

*+html>body #links-row-2 {
position:relative;
right:15px;
}

.box {
border:1px solid #fff;
margin-bottom:15px;
padding:10px;
}

.box-title {
background:#aaa;
text-align:center;
font-size:medium;
margin-bottom:10px;
_height:1%;
padding:4px;
}

.box-text li {
margin:5px 0;
}

#broadcast .box-text ul {
border-bottom:1px dashed #777;
_height:1%;
overflow:hidden;
_overflow:none;
}

#search .box-text input {
width:110px;
}

#footer {
clear:both;
background:#ccc;
text-align:center;
padding:5px 10px;
}

fieldset,img,abbr,acronym {
border:0;
}

#login-bar,.bookmark,.forward,.back-to-top {
text-align:right;
}

.refer,.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px;
}

.main-list th,.main-list td {
border:1px solid #888;
padding:2px;
}

#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}

#visitor li,#crumb li,.broadcast-photo {
float:left;
}

#change-theme select,#archive .box-text select,#favorite .box-text select {
width:120px;
}

#header h1 {
font-size:12pt;
}

.title {
color:#00c;
font-size:12pt;
font-weight:400;
font-style:normal;
}

#comment-form {
background-color:#fb9;
}

#comment-form th {
color:#609;
font-size:12pt;
font-weight:400;
border-color:#fbb;
}

#comment-form td {
border-color:#fbb;
}

#header h1 a:link,#header h1 a:visted,#header h1 a:hover,#header h1 a:active,.publish {
color:#606;
}

#header h1 a,#header h2,#header h1 a,#header h2,#header h1 a,#header h2 {
color:#606;
font-size:12pt;
}

#content a,#content a:link,#content a:visited,#content a:hover,#content a:active {
color:#00c;
}

#comment-form input,#comment-form textarea {
background-color:#ffb;
border-color:#f36;
}

arrow
arrow
    全站熱搜

    張紫彤 發表在 痞客邦 留言(46) 人氣()