
1 此模板适用于ycool新模板系统。
2 打开新模板diy模式,将css.txt文件中的代码复制到css样式文件中覆盖原有代码,html.txt文件中的代码复制到Html代码区中覆盖原有代码
3 也是最重要得一点。由于新模板的某些限制,要达到实际效果必须手动修改模块的位置和设置。
详细操作:点击新模板下得模块链接,把日历模块顺序设为第一位,最新日志设第二位。然后需要增加一个新的模块,选择自写Html文件选项,添加模块,注意此模块不要添加名称,顺序排为第三位,在Html代码区加入代码:<div id="nickname">{by 您的昵称}</div>,保存模块。
***********************心虚分割线*************************
首次做模板实在心虚,如果您喜欢,感谢您的使用和支持,如出现问题可以到偶的ycool:http://kalderash.ycool.com/上留言或发邮件到kalderash.liu@gmail.com,也欢迎您到我们的模板交流群(62218942)里来讨论。
在这要特别感谢无心石耐性的帮助~by kalderash。
6.15更新:
谢谢,喜欢的朋友,有做的不周的地方,在尽力修改,以上为针对左边栏错位问题的修正,给你们带来麻烦请很不好意思哦~~
代码如下:
CSS部分:
* {
margin: 0px;
padding: 0px;
}
body, table, th, td, input, textarea, form, span {font-size:12px; font-family:Tahoma,Verdana,Arial;}
body{text-align:center;
background: #3b3b33 url(http://www.kalderash.com.cn/ycool/bg.jpg) repeat-x bottom;
}
a {
color: #bd8600;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:visited{
color: #bd8600;
text-decoration: none;
}
img {border:none}
ul, ul li, ol, ol li, li {list-style:none}
#header{
padding-top:10px;
padding-bottom:11px;
padding-left:17px;
}
#blogName {font-size:36px; font-family: "Arial"; display:block;font-style: bold;line-height:200%;}
#blogName a {color:#ffffff;text-decoration: none}
#blogName a:hover {color: #ffc100;background:none; text-decoration: none}
#wrap {
width:100%;
height: 166px;
background: url(http://www.kalderash.com.cn/ycool/main_bg.gif) repeat-x top;
}
#main {width:735px; margin:0 auto; word-break: break-all; text-align:left; z-index: 999;}
#blogDescription {display:block; overflow:hidden; color: #FFFFFF; font-family: "Arial"; font-style: normal;font-size:14px;}
#contect_bg{
background: url(http://www.kalderash.com.cn/ycool/contect_bg.jpg) repeat-y;
height:100%;
}
#contect_footer{
background: url(http://www.kalderash.com.cn/ycool/footer_bg.jpg) no-repeat bottom;
height:100%;
}
#contect_top{
background: url(http://www.kalderash.com.cn/ycool/contect_top.jpg) no-repeat top;
padding-bottom:150px;
height:57;
}
#contect_main{
float: left;
width: 475px;
background: url(http://www.kalderash.com.cn/ycool/contect_main_bg.jpg) no-repeat 0 57px;
}
.posterNickName a{
color:#bd8600;
}
.component, .componentPostList{
margin-left:30px;
}
.component{
padding-bottom:40px;
}
.postEntryNav{position:relative; padding:5px 4px; margin:0 0 10px; overflow:hidden; font-size:12px;}
.componentBody table{_width:300px;}
#contect_main{
_overflow:hidden;
}
.postEntryNav a{color:#888;}
.title{
line-height: 30px;
}
.signature{
color: #cccccc;
}
.postEntry{
margin-bottom:20px;
padding-right:15px;
}
.content{
padding-top:20px;
padding-bottom:50px;
}
.moduleCalendar{
padding-top:15px;
}
.module {
padding-left:10px;
padding-right:30px;
}
#subNav{
margin-top:497px;
margin-left:30px;
padding-bottom:5px;
font-size:12px;
font-weight:normal;
}
#pageNav{
text-align:center;
padding-bottom:100px;
}
.moduleBody {padding-bottom:5px;font-size:12px; margin-bottom:35px;color:#3b3b33;}
#calendarContainer table {table-layout:fixed; text-align:center; width:100%; _width:90%;line-height:normal; height:165px;}
#calendarContainer td.today {font-weight:bold;}
.moduleTitle {font-size:18px ; text-align: left; margin:0 0 5px 0; font-family: "??"; }
.prev {width:45%; float:left; text-align:left; overflow:hidden; display:block}
.next {width:45%; float:right; text-align:right; overflow:hidden; display:block}
#nickname{float:right;font-weight:bold;margin-top:15px;width:220px;padding-bottom:50px;text-align:right;}
.hide{display:none;}
.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 #replyFormReplierUrl,
.componentReplyForm #replyFormReplierEmail,
.componentReplyForm #replyFormReplierNickName,
.componentReplyForm textarea {width:220px;}
.componentReplyForm textarea {height:120px; text-align:left;}
.componentReplyForm {padding-bottom:100px;}
.componentPostTitleList ul li {width:440px;line-height:200%;}
.componentPostTitleList ul {margin-bottom:20px;}
.componentPostTitleList .sectionTitle {font-size:12px; height:20px; _height:26px;padding-top:2px;color:#cccccc;font-weight:bold;}
.componentPostTitleList .sectionTitle a {color:#C49A8E;}
.moduleLatestReply ul li {display:block; overflow:hidden; height:auto; padding-bottom:5px;}
.nickName, .nickName a {}
.moduleAbout .moduleBody {text-align:center;}
.moduleAbout .avatar img {padding:5px; margin:3px;}
.moduleAbout .avatar img {float:left:padding:5px; margin:3px 3px 3px 3px;}
#bg{
float: right;
width: 260px;
background: url(http://www.kalderash.com.cn/ycool/sidebar_bg.jpg) no-repeat 0 57px;
padding-bottom:100px;
}
#sidebar{
float: right;
width: 260px;
_width:244px;
background: url(http://www.kalderash.com.cn/ycool/sidebar.jpg) no-repeat 0 57px;
padding-bottom:100px;
}
#sidebar a{color:#bd8600;}
#sidebar li{background:url(http://www.kalderash.com.cn/ycool/org_list.jpg) no-repeat 0 8px; }
#sidebar ul {padding:10px; margin:5px;padding:2px 2px 2px 2px;}
#sidebar li {list-style:none; padding:2px 0 2px 10px}
#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;}
#sidebar .moduleLatestPost ul li{background:url(http://www.kalderash.com.cn/ycool/list.jpg) no-repeat 0 8px; }
#sidebar .moduleLatestPost {height:195px;overflow:hidden;}
#sidebar .moduleLatestPost a{text-decoration:none;color:#3b3b33;}
#sidebar .moduleLatestPost a:hover{background:#fae5a6;}
#sidebar .moduleStat li{background:none; padding:2px 0 2px 0px}
.moduleTitle {font-size: 1.4em; text-align: left; margin:0 0 5px 0; color: #000000; font-family: "Tahoma"; }
.moduleFolder span {color:#bd8600; position:absolute; right:300px; text-align:right;}
.respond {color:#404040; font-size:12px; line-height:155%; margin-bottom:1px; padding:5px 40px 0 3px; -moz-border-radius:6px;}
.respond p {padding:5px 1px 0 0}
.cut {clear:both;}
.clearfix:after { content:"";display:block; height:0; clear:both; visibility:hidden}
* html .clearfix {height:1%}
#footer{display:none;}
HTML部分:
#PAGE_HEADER#
<div class="hide">#NAVBAR#</div>
<div id="wrap">
<div id="main">
<div id="header">
#HEADER#</div>
<div id="contect_bg">
<div id="contect_footer">
<div id="contect_top">
<div class="clearfix">
<div id="contect_main">
#CONTENT#
</div>
<div id="bg">
<div id="sidebar">
#SIDEBAR#
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#PAGE_FOOTER#


