使用说明:
1 点击新模板下,DIY链接,进入代码区。
2 打开css.txt文件,复制代码,粘贴在css代码区域。
3 打开html.txt文件,复制代码,粘贴在html代码区域。
*************************************心虚分割线*************************************************
1 本代码仅适用于ycool新模板系统。
2 本模板非本人原创设计,来源于http://www.freecsstemplates.org/的免费css模板,经过偶地修改现在适用于ycool新模板系统。
3 感谢你的喜欢和使用,如在使用过程中出现问题,可到我的blog:http://kalderash.ycool.com/上留言,或给我发邮件至kalderash.liu@gmail.com,也可以加入我们的>>【歪酷】技术交流群:62218942中,来进行讨论。
HTML:
#PAGE_HEADER#
<div id="header">
<div id="logo">
#HEADER#
</div>
</div>
<div id="navbar">
<div id="menu">
#NAVBAR#
</div>
</div>
<div id="content">
#CONTENT#
</div>
<div id="sidebar">
#SIDEBAR#
</div>
</div>
#PAGE_FOOTER#
CSS:
@charset "utf-8";
* {
margin: 0;
padding: 0;
}
body, table, th, td, input, textarea, span {font-size:12px; font-family:Tahoma,Verdana,Arial;}
body {
background: #FFFFFF url(http://www.kalderash.com.cn/ycool/enlight/img01.gif) repeat-x;
color: #999999;
text-align:center;
}
form {
}
fieldset {
border: none;
}
legend {
display: none;
}
h1, h2, h3 {
margin: 0;
color: #11A6D4;
}
h2 {
margin-bottom: .5em;
font-size: 1.8em;
}
h3 {
margin-bottom: 1em;
font-size: 1em;
}
p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
}
p {
}
blockquote {
}
ul {
margin-left: 2em;
list-style: square;
}
ol {
margin-left: 2em;
}
ol li {
}
a {
color: #EA672E;
}
a:hover {
text-decoration: none;
color: #11A6D4;
}
img {
border: none;
}
/* Boxed Style */
.more {margin-top:5px;text-align:right; padding-right:5px}
.cut {clear:both}
#header {
width: 700px;
height: 130px;
margin: 0 auto;
background: url(http://www.kalderash.com.cn/ycool/enlight/img02.jpg) no-repeat;}
#logo {
float: left;
padding: 65px 0 0 0;
}
#logo h1 {
text-transform: uppercase;
font-size: 2em;
}
#logo h2 {
margin: 0;
text-transform: uppercase;
font-size: 1.0em;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
}
#wrap {width:700px; margin:0 auto; word-break: break-all; text-align:left}
#blogName {font-size:2.2em; font-family: "Tahoma"; display:block;}
#blogName a {text-decoration: none,none}
#blogName a:hover {background:none; text-decoration: none,none}
blockquote {padding:0 10px; margin:0 0 0 10px;}
#blogDescription {margin-left:18px;display:block; overflow:hidden; color: #FFFFFF; font-family: "Tahoma"; font-style: normal,normal;}
#content{
float: left;
width: 460px;
padding-top:40px;
_padding-right:15px;}
#sidebar {
float: right;
width: 220px;
padding-top:40px;
}
#navbar {width:100%;display:block; height:22px; font-size-adjust:11px; margin:0;}
#menu {
width: 700px;
height: 40px;
margin: 0 auto;
}
#menu ul {
margin: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 26px;
padding: 14px 18px 0 20px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-indent:-100000px
}
#menu a:hover{text-indent:-100000px}
#menu img{visibility:hidden;}
#menu .first a {
padding-left: 0;
background: none;
}
#tabHome a {background:url('http://s.ycul.com/blog.public/images/old/home.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabArchive a {background:url('http://s.ycul.com/blog.public/images/old/blog.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabCtrlPanel a {background:url('http://s.ycul.com/blog.public/images/old/admin.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabRss a {background:url('http://s.ycul.com/blog.public/images/old/rss.gif') no-repeat center center; _background:url('http://s.ycul.com/blog.public/images/old/rss.gif') no-repeat center 3px;height:20px; width:50px; display:block}
#subNav {text-align:left; display:block; margin-bottom:10px; margin-top:-10px;*margin-top:10px;ont-weight:normal; position:relative; font-size:9px; color:#666; }
#subNav a {font-weight:400;font-size:12px}
#subNav a:hover {font-size:12px}
.postEntryNav,.postListNav { margin:2px 0 2px 0; _width:90%;color:#ccc; font-size:11px; font-family:Tahoma,Verdana,Arial; display:block;}
.postEntryNav {margin-bottom:20px;}
.prev { width:45%; float:left; text-align:left; overflow:hidden;display:block;}
.next { width:45%; float:right; text-align:right; overflow:hidden;display:block;}
#pageNav {padding:8px; height:20px; _height:30px; clear:both; text-align:center; font-size:0.9em; font-family:Tahoma,Verdana,Arial; overflow:hidden}
#pageNav a, #pageNav a:hover {padding:.3em .6em; margin:0 .3em}
#centent .postEntry,#content .componentReplyForm,#content .componentReplyList {clear:both}
.postEntry h3,#content .componentReplyForm h2,#content .componentReplyList h2 {font-weight: bold; font-size: 16px;margin:10px 0 0 0;}
.postEntry h3 a,#content .componentReplyForm h2 a,#content .componentReplyList h2 a {font-weight: bold; text-decoration:none}
.postEntry h3 a:hover,#content .componentReplyForm h2 a:hover,#content .componentReplyList h2 a:hover {color:#3F3F3F; background:none;font-weight: bold; text-decoration:none}
.postEntry .title {font-size:17px; font-weight:bold; margin-top:3px; margin-left:-5px; padding-left:10px; position:relative; padding-bottom:5px;}
.postEntry .signature {margin-bottom:10px; margin-top:-5px; _margin-top:-8px;margin-left:-5px; background:url(http://s.ycul.com/blog.public/images/Marinee/by.gif) 8px 4px no-repeat; position:relative; color:#eee;padding:2px;padding-left:22px;padding-top:5px;}
.postEntry .content {margin-bottom:45px; color:#777; font-size:12px; line-height:15px; letter-spacing:0; line-height:170%}
.postEntry .content img {border: 1px solid #f2f2f2; padding: 2px; margin: 2px 1px;vertical-align: middle;}
.postEntry .content img.left {float:left; margin:0 12px 0 0;}
.postEntry .content img.right {float:right;margin:0 0 0 12px;}
.postEntry .content img.center {display: block; margin:0 auto 5px auto;}
.postEntry .postEntryMeta {margin-top:5px; text-align:right; font-size:90%; color:#999}
.postEntry .content img a:hover {background:none}
.postEntry .tags,.postEntry .today_in_history,.postEntry .related {padding-left:5px; font-size:12px; text-align:left}
.postEntry .tags {background:url(http://s.ycul.com/blog.public/images/Marinee/img_tag_bg.gif) no-repeat left center; padding-left:14px;}
.postEntryMeta {text-align:right; padding-right:8px; display:block; height:20px; font-size:12px; padding-left:5px; color:#ccc; overflow:hidden}
.postEntryMeta .view,.postEntryMeta .reply {padding-right:5px; border-right:1px #eee solid}
.postEntrySep {height:15px}
.postEntry {border-bottom: 3px double #eee; margin-bottom:20px;}
#content .componentReplyForm .componentTitle,#content .componentReplyList .componentTitle {padding:10px 0 5px 20px;margin-bottom:15px;}
.componentReplyForm {margin-top:40px;}
.componentReplyForm .componentBody {margin-top:40px;}
.componentReplyForm .componentBody table {border-collapse:separate; border-spacing:10px; empty-cells:hide; table-layout:auto; _width:95%}
.componentReplyForm .componentBody th {text-align:right; padding-right:15px; line-height:normal}
.componentReplyForm .componentBody tr {border-collapse:separate; border-spacing:10px}
.componentReplyForm .componentBody p {padding:0; margin:0 auto; }
.componentReplyForm .componentBody td div img {height: 25px; width: 25px;}
.componentReplyForm td div a {padding:2px; border:1px solid #f6f6f6; margin:3px; float:left;}
.componentReplyForm #replyFormReplierUrl, .componentReplyForm #replyFormReplierEmail, .componentReplyForm #replyFormReplierNickName, .componentReplyForm textarea, .componentReplyForm #replyContent {width:200px; }
.componentReplyForm textarea {height:120px}
.componentReplyForm div #authcode_td2 img {display:block; width:180px; height:36px; padding:3px; margin:6px; margin-left:0; text-align:left}
.componentReplyForm #replyFormSubmit {border:1px outset #EEE; background-color:#DDD; height:25px; color:#333}
.componentReplyList .componentBody {background-color:#f6f6f6; margin:10px 0 0 0; border:1px solid #DDD; font-size:12px; padding:12px 5px ; -moz-border-radius:6px}
.componentReplyList .componentBody p {margin:5px; padding-top:5px; padding-bottom:10px}
.componentReplyList .componentBody ul li {color:#555; font-size:12px; line-height:155%; padding:15px 3px 10px 0px; }
.respond {color:#404040; font-size:12px; line-height:155%; margin-bottom:1px; padding:5px 1px 0 3px; -moz-border-radius:6px; background-color:#f9f9f9}
.respond p {padding:5px 1px 0 0}
.componentReplyList .componentBody li {border-bottom:3px dashed #fff; position:relative}
.replyEntryInfo {background:url("http://s.ycul.com/blog.public/images/Vista01/vista01_iconGuestbook.gif") no-repeat left top; padding-left:20px; position:relative}
.replyEntryMeta a {font-family:Tahoma,Verdana,Arial; background:url("http://s.ycul.com/blog.public/images/Vista01/vista01_iconControl.gif") no-repeat center right; padding-right:8px; margin-left:5px}
.replyEntryMeta a:hover {background-color:#e4e2e2;}
.componentPostTitleList ul li {line-height:170%}
.componentPostTitleList ul {margin-bottom:25px}
.sectionTitle {font-weight:bold}
#sidebar ul {padding:10px; margin:5px;_padding:10px 2px 10px 10px;}
#sidebar li {padding:2px 0 2px 1px}
#sidebar .moduleLastestReplyInfo {background:url(http://s.ycul.com/blog.public/images/Marinee/sub_icon.gif) no-repeat 0 22px; padding:2px 0 2px 13px;}
#sidebar .moduleLastestReplyInfo .nickName {margin-left:-13px;}
.moduleTitle {height: 29px;
padding: 11px 0 0 27px;
text-transform: uppercase;
font-size: 1.2em;
color: #FFFFFF;}
.moduleBody {padding:10px;font-size:12px; margin-bottom:35px?}
#calendarContainer table {table-layout:fixed; text-align:center; width:100%; _width:90%;line-height:normal; }
#calendarContainer td.today {font-weight:bold;}
.module{margin-bottom: 1em;
background: url(http://www.kalderash.com.cn/ycool/enlight/img03.gif) no-repeat;
}
.moduleAbout .moduleBody {text-align:center;}
.moduleAbout .avatar img {padding:2px; margin:3px;}
.moduleTag a, .moduleTag a:hover, .moduleFolder .moduleBody li a,.moduleFolder .moduleBody li a:hover,.moduleLatestReply .moduleBody li .nickName a,
.moduleLatestReply .moduleBody li .nickName a:hover {display:inline-block; padding:0}
.moduleTag .moduleBody ul li, .moduleFolder .moduleBody ul li {position:relative; padding-right:1px}
.moduleTag span, .moduleFolder span {position:absolute; right:1px; _right:35px; text-align:right}
.moduleLinks .moduleBody li a {display:block}
.moduleSearch .moduleBody {height: 40px;padding-top: 22px; }
.query {padding:2px 5px 1px 5px; height:17px;width:160px}
.query:hover {border:1px solid #BFBFBF; color:#949494}
.submit {height:20px; width:52px; border:0; margin-left:2px; text-indent:-9999px; cursor:pointer}
.submit:hover {height:20px; width:52px; border:0; margin-left:2px; cursor:pointer}
#footer {background-repeat:no-repeat; height:75px; clear:both; font-size:.8em; color:#fff; text-align:right; padding:33px 18px 20px 0}
#footer a {position:relative; left:280px;*left:300px;ext-decoration:none; font-weight:bold;background:#ccc; color:#fff; padding:5px; border:2px solid #fff}
#footer a:hover {text-align:right;padding:5px; }
#pageNav a {background:#ccc; color:#fff; border:1px #fff solid}
#pageNav .current {padding:0 5px; margin:2px 4px; font-weight:bold}
input {border:1px solid #BFBFBF; color:#949494; background:#fff; padding:2px 5px 1px 5px; font-size:1em}
textarea {font-family:Tahoma,Verdana,Arial; font-size:1.1em; border:1px solid #BFBFBF; color:#949494; padding:2px 5px 1px 5px; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .clearfix {height:1%}
#replyForm form {overflow:hidden; padding:10px}
.moduleArchive ul,.moduleStat ul{list-style:none;}
.moduleFolder ul{list-style:none;}
.moduleSearch{text-align:center;}


