• 模板代码共享，请自取 - [en-public]

    2009-03-02

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://insane.blogbus.com/logs/35965027.html

    :::css:::

    @charset "utf-8";
    * { margin:0; padding:0; }
    body { padding:2em 0; background:#FFF; font-family:Tahoma, Arial, sans-serif; font-size:63%; color:#333; text-align:center; line-height:1.7em; }
    a { color:#999; text-decoration:none; }
    a:hover { color:#000; }
    a img { border:0; }
    ul { list-style:none; }
    .clear { clear:both; }
    #container { margin:auto; width:66.6em; text-align:left; font-size:1.2em; }
    #header h1 { padding:.2em 0 0 3em; height:2.5em; background:url(http://public.blogbus.com/blogbus/skin/5144/blog_name_bg.gif) no-repeat .2em .1em; font-family:Arial, sans-serif; font-weight:normal; font-size:1.5em; }
    #header h1 a { color:#333; }
    #header .description { margin:-1.9em 0 1.5em 4.6em; color:#BBB; line-height:1.5em; text-transform:uppercase; }
    #header .description br { display:none; }
    #header .module { display:none; }
    #header #cats, #header #cats ul { display:block; }
    #header #cats ul { border:1px solid #EEE; height:2.3em; overflow:hidden; }
    #header #cats ul li { display:inline; border-right:1px solid #EEE; float:left; }
    #header #cats .modBottom { height:224px; background:url(/*YOUREYECATCH-BANNER.jpg*/) no-repeat 0 0; border-bottom:1px solid #EEE; }
    #header #cats ul li a { padding:0 2em; height:2.3em; line-height:2.25em; display:block; float:left; }
    #header #cats ul li a:hover { background:#000; color:#FFF; }
    #header #cats h2 { display:none; }
    #header #cats .count { display:none; }
    #innerContainer { background:url(http://public.blogbus.com/blogbus/skin/5144/line_dotted_bg.gif) repeat-y scroll 47em 0; zoom:1; }
    #content { padding-top:1.5em; width:45.5em; padding-left:.2em; float:left; }
    #content h2 { font-size:1.17em; font-weight:normal; letter-spacing:.1em; vertical-align:middle; }
    #content h2 span { font-size:.86em; }
    #content h2 a { color:#000; }
    #content h2 a:hover { color:#666; }
    #content .cc-lisence { color:#808080; margin-bottom:1.8em; padding:.2em 0 .6em 1.3em; border-left:5px solid #EEE; }
    #content #posts li { margin-bottom:1.5em; padding-bottom:1.2em; border-bottom:5px solid #EEE; }
    #content #posts li h3 { margin:.5em auto 1.2em; font-size:.92em; font-weight:normal; color:#999; }
    #content #posts .postBody { margin-bottom:2em; line-height:1.7em; }
    #content #posts .postBody a { text-decoration:underline; }
    #content #posts .postBody strong { color:#808080; letter-spacing:.5em; }
    #content #posts .postBody p { margin-bottom:1em; line-height:1.7em; }
    #content #posts .postBody img { margin:.4em 0; clear:both; }
    #content #posts .postFooter { color:#808080; line-height:2.2em; }
    #content #posts .postFooter .count { margin:0; }
    #content #posts .postFooter a { padding:0 .3em; }
    #content #posts .postFooter .tags a { margin-right:.3em; padding:0 0 .1em; border-bottom:1px solid #DDD; }
    #content #posts .postFooter .menubar .author a { padding-left:0; color:#606060; }
    #content #posts .postFooter .menubar .author a:hover { color:#000; }
    #content .pageNavi { color:#808080; word-spacing:.3em; margin-top:3em; padding-left:.2em; }
    #content #noPosts { padding-left:.5em; color:#BBB; }
    #content #trackbacks { margin-bottom:4em; }
    #content #trackbacks h2 { margin-bottom:1.2em; }
    #content #trackbacks h3 { margin:.8em 0 .3em; font-size:1.17em; font-weight:normal; letter-spacing:.1em; }
    #content #trackbacks li { margin:0 0 2em; }
    #content #comments { margin-bottom:4em; }
    #content #comments h2 { margin-bottom:1.2em; }
    #content #comments li { margin:0 0 2em; }
    #content #comments .cmtBody { margin-bottom:.5em; line-height:1.5em; }
    #content #comments .cmtBody br { line-height:1.2em; }
    #content #comments .menubar .reply { margin-left:.3em; }
    #content #comments .menubar .reply a { margin:0 .1em; }
    #content #comments .reCmtBody { margin:.6em 0; padding:0.5em 0.75em 0.3em; background:#F9F9F9; border:1px solid #DDD; color:#666; }
    #content #comments .reCmtBody div { margin-bottom:.5em; }
    #content #comments .reCmtBody div span { margin:0 .3em; }
    #content #comments .reCmtBody div span.author { margin-left:0; }
    #content #comments .reCmtBody .content { line-height:1.7em; }
    #content #comments .reCmtBody .time { font-size:.92em; }
    #content #commentForm { margin-bottom:2em; }
    #content #commentForm h2 { margin-bottom:1.5em; }
    #content #commentForm div { margin:.5em 0; padding-left:4.5em; position:relative; }
    #content #commentForm div.submit { _margin:.5em 0; margin:0 0 .5em; }
    #content #commentForm .textField { margin-bottom:-.1em; _margin-bottom:-.25em; padding:.2em .1em .3em; width:25em; border:1px solid #DDD; font-family:Tahoma, Arial, sans-serif; font-size:1em; background:#F5F5F5; color:#333; position:relative; }
    #content #commentForm textarea { margin:.2em 0 .8em; overflow:auto; /*_margin-bottom:-.25em;*/ padding:.2em .1em .3em; width:38em; border:1px solid #DDD; font-family:Tahoma, Arial, sans-serif; font-size:1em; background:#F5F5F5; color:#333; position:relative; }
    #content #commentForm label { position:absolute; left:0; top:.2em; text-indent:.1em; letter-spacing:.1em; }
    #content #commentForm .button { margin-right:.5em; }
    #sidebar { padding:0 .1em 0 .5em; width:18.5em; color:#666; float:right; margin-top:.5em; }
    #sidebar h2 { margin:.4em auto .6em; font-size:100%; font-weight:normal; height:1.8em; overflow:hidden; line-height:1.9em; text-indent:.6em; letter-spacing:.1em; color:#333; background:#F5F5F5; }
    #sidebar h3 { margin:.2em auto .3em; font-size:100%; font-weight:normal; font-family:Verdana, Arial, sans-serif; }
    #sidebar h3 a { padding:0 .2em .1em 0; border-bottom:1px solid #DDD; color:#808080; }
    #sidebar h3 a:hover { color:#333; }
    #sidebar .modBody { margin:0 auto 2.2em; }
    #sidebar li { background:url(http://public.blogbus.com/blogbus/skin/5144/bullet.gif) no-repeat .1em .4em; padding-left:1.3em; margin:.2em 0; line-height:1.7em; }
    .count { margin-left:.5em; }
    .button { font-family:Verdana, Arial, sans-serif; font-size:100%; letter-spacing:.5em; padding:.13em 0 .25em .6em; width:4.5em; height:1.8em; background:#999; color:#FFF; border:0; cursor:pointer; vertical-align:middle; }
    #profile, #calendar h2, #login, #search h2 { display:none; }
    #profile img.avatar { margin:.5em auto; padding:.2em; border:1px solid #EEE; width:96px; height:96px; overflow:hidden; }
    #profile .about { color:#808080; line-height:1.5em; text-transform:uppercase; }
    #profile .admin { margin-top:.5em; text-align:right; }
    #calendar .modBody { margin:.6em 0 2.2em; padding-left:.3em; line-height:1.3em; }
    #calendar table { width:100%; border-collapse:collapse; }
    #calendar td { text-align:center; }
    #calendar .calendarHead td { padding-bottom:.6em; }
    #calendar .calendarHead td a { padding:0 .2em; }
    #calendar .week td { padding:.2em .2em .15em; color:#FFF; background:#DDD; border:1px solid #EEE; }
    #calendar .week td.d6, #calendar .week td.d0 { background:#CCC; }
    #calendar .day td { padding:.2em .1em .15em; font-family:Arial, sans-serif; font-size:.92em; border:1px solid #EEE; }
    #calendar .day td.today { background:#F5F5F5; }
    #login form { padding:.6em .8em 0; }
    #login div { margin-top:.6em; }
    #login label { margin-right:.8em; color:#808080; }
    #login .submit { margin:.8em 0 0 12.1em; }
    #username, #password { _margin-bottom:-.25em; padding:.2em .1em .3em; width:12.5em; border:1px solid #DDD; font-family:Tahoma, Arial, sans-serif; font-size:1em; background:#F5F5F5; color:#333; }
    #search form { padding-top:.4em; }
    #search .textField { padding:.2em .1em .3em; width:12em; border:1px solid #DDD; font-family:Tahoma, Arial, sans-serif; font-size:1em; background:#F5F5F5; color:#000; margin:0 .2em 0 .5em; vertical-align:middle; }
    #tags h2 { letter-spacing:.05em; }
    #tags .more { display:none; }
    #nComments ul li { color:#808080; }
    #custom { margin:0 0 1.5em .5em; }
    #custom p { margin-bottom:.8em; line-height:1.7em; }
    #meta .module { margin:0; }
    #meta li { padding-left:.5em; background:none; }
    #meta .admin { margin:5em 0 .3em; }
    #meta .statistics { margin:0 0 1.7em; }
    #meta .statistics .count { margin:0; }
    #meta .subscribe { margin:0 0 3em; }
    #meta .subscribe img { margin:0 .2em -.15em 0; }
    #meta .subscribe a img { cursor:pointer; }
    #meta .subscribe a:hover { cursor:help; }
    #meta .poweredBy { color:#BBB; text-indent:.5em; }
    #meta .poweredBy img { margin:.1em -.6em .3em; }
    #footer { margin:8em .6em 2em; color:#BBB; line-height:1.8em; text-align:right; }
    * html #username { margin-bottom:-.25em; }
    * html #password { margin-bottom:-.25em; }
    *+html #username { margin-bottom:-.25em; }
    *+html #password { margin-bottom:-.25em; }
    * html #meta .subscribe { vertical-align:middle; }
    * html #meta .subscribe img { margin:-.1em .2em 0 0; }
    * html #meta .subscribe a img { vertical-align:middle; }
    * html .button { padding:.25em 0 0; }
    *+html .button { padding:.25em 0 0; }
    * html #content #commentForm label { left:-4.5em; }
    #content #posts .cc-lisence { display:none; }
    /*#content #posts table { display:none; } DISABLE AD */
    #detail #content #posts .postFooter { margin-top:-1em; }
    #detail #sidebar { margin-top:1em; }
    #content #posts .postBody strong { letter-spacing:0; }
    code { display:block; overflow:auto; margin:.2em 0 .8em; padding:.2em .5em .3em; font-family:Courier, monospace; font-size:1.2em; background:#555; color:#fff; white-space:nowrap; }

    :::index:::

    <div id="index"& gt;
    <div id="container">
    <div id="header">
    <h1 class="blogName"><a href="http://{#domain}" title="http://{#domain}">{#blog_name}</a></h1>
    <div class="description">{#blog_desc}</div>
    <div class="clear"></div>
    {c:2}
    </div>
    <div id="innerContainer">
    <div class="innerTop"></div>
    <div id="outerContent">
    <div id="content">
    <div class="contentTop"></div>
    {c:0}
    <div class="contentBottom"></div>
    </div>
    </div>
    <div id="outerSidebar">
    <div id="sidebar">
    <div class="sideTop"></div>
    {c:1}
    <div id="meta" class="module">
    <div class="modTop"></div>
    <div class="modBody">
    <ul>
    <li class="statistics">访问统计：<span class="count">{#counter}</span></li>
    <li class="subscribe"><a href="{#rss_url}"><img src="http://bloglink.blogbus.com/imgs/rss22.gif" alt="" /></a> <a href="http://bangzhuzhongxin.blogbus.com/logs/5452786.html" target="_blank">什么是RSS？</a></li>
    <li class="poweredBy">
    <a href="http://groups.blogbus.com/blogbus" target="_blank"><img src="http://public.blogbus.com/blogbus/skin/5144/staff.gif" alt="" /></a>
    <div>Powered by <a href="http://www.blogbus.com" target="_blank">博客大巴</a></div>
    </li>
    </ul>
    </div>
    <div class="modBottom"></div>
    </div>
    <div class="sideBottom"></div>
    </div>
    </div>
    <div class="innerBottom"></div>
    <div class="clear"></div>
    </div>
    <div id="footer">
    <div class="copyright">
    版权所有 <a href="http://{#domain}">{#blog_name}</a> – 2007 Ver.2<br />本日志遵循创作共用约定：<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0" target="_blank">署名 · 非商业用途 · 保持一致 1.0</a>
    </div>
    </div>
    </div>
    </div>

    :::index-posts:::

    <ul id="posts">
    <div class="postsTop"></div>
    <!--list-->
    <li>
    <div class="postHeader">
    <h2>{#title_cat}</h2>
    <h3>{#date}</h3>
    </div>
    <div class="postBody">
    {#content}
    <div class="clear"></div>
    </div>
    <div class="postFooter">
    <div class="tags">Tag：{#tags}</div>
    <div class="menubar"><a href="{#profile_url}">{#author}</a> 发表于<span class="time">{#time}</span> | {#menubar}</div>
    </div>
    </li>
    <!--/list-->
    <div class="postsBottom"></div>
    </ul>
    <div class="pageNavi">{#pagenav}</div>

    :::detail:::

    <div id="detail">
    <div id="container">
    <div id="header">
    <h1 class="blogName"><a href="http://{#domain}" title="http://{#domain}">{#blog_name}</a></h1>
    <div class="description">{#blog_desc}</div>
    <div class="clear"></div>
    {c:2}
    </div>
    <div id="innerContainer">
    <div class="innerTop"></div>
    <div id="outerContent">
    <div id="content">
    <div class="contentTop"></div>
    {c:0}
    <div class="contentBottom"></div>
    </div>
    </div>
    <div id="outerSidebar">
    <div id="sidebar">
    <div class="sideTop"></div>
    {c:1}
    <div id="meta" class="module">
    <div class="modTop"></div>
    <div class="modBody">
    <ul>
    <li class="statistics">访问统计：<span class="count">{#counter}</span></li>
    <li class="subscribe"><a href="{#rss_url}"><img src="http://bloglink.blogbus.com/imgs/rss22.gif" alt="" /></a> <a href="http://bangzhuzhongxin.blogbus.com/logs/5452786.html" target="_blank">什么是RSS？</a></li>
    <li class="poweredBy">
    <a href="http://groups.blogbus.com/blogbus" target="_blank"><img src="http://public.blogbus.com/blogbus/skin/5144/staff.gif" alt="" /></a>
    <div>Powered by <a href="http://www.blogbus.com" target="_blank">博客大巴</a></div>
    </li>
    </ul>
    </div>
    <div class="modBottom"></div>
    </div>
    <div class="sideBottom"></div>
    </div>
    </div>
    <div class="innerBottom"></div>
    <div class="clear"></div>
    </div>
    <div id="footer">
    <div class="copyright">
    版权所有 <a href="http://{#domain}">{#blog_name}</a> – 2007 Ver.2<br />本日志遵循创作共用约定：<a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0" target="_blank">署名 · 非商业用途 · 保持一致 1.0</a>
    </div>
    </div>
    </div>
    </div>

    :::detail-post:::

    <ul id="posts">
    <div class="postsTop"></div>
    <!--list-->
    <li>
    <div class="postHeader">
    <h2>{#title_cat}</h2>
    <h3>{#date}</h3>
    </div>
    <div class="postBody">
    {#content}
    <div class="clear"></div>
    </div>
    <div class="postFooter">
    <div class="tags">Tag：{#tags}</div>
    <!--<div class="tb_url">引用地址：{#tb_url}</div>//-->
    <div class="menubar"><span class="author"><a href="{#profile_url}">{#author}</a></span> 发表于<span class="time">{#time}</span> | {#menubar}</div>
    </div>
    </li>
    <!--/list-->
    <div class="postsBottom"></div>
    </ul>

    :::config:::

    (请在模板设置里把"分类模块"拖到"副栏2"中) Enjoy & Have Fun! XD -- insane.blogbus.com

     


    收藏到：Del.icio.us
    Tag：XHTML+CSS
    innocent_sin 发表于21:51:28 | 编辑 | 继续话题 | 转发 | 分享　0

    评论

  • 谁有压缩包发我一个吧
    我连复制都复制不了

    lqy_11@qq.com

    感谢~
    lqy_11 | 发表于2009-09-13 20:12:18 [回复]
  • 这个主题很棒，可是为什么我用了主页是左右分裂而且文字是居中呢？但点开单个日志又是正常的。盼回复
    innocent_sin回复jason1234说：
    那您稍微的修改一下代码吧
    2009-09-02 11:47:42
    jason1234 | 发表于2009-09-02 10:18:14 [回复]
  • 这个板子不错！
    WJ | 发表于2009-07-02 23:37:47 [回复]
  • 明白了，是浏览器的问题，换成IE就好了
    Cheoy | 发表于2009-06-03 19:04:41 [回复]
  • css部分还没写完哪
    最后一行 code { display:block; overflow:auto; margin:.2em 0 .8em; padding: 就没了
    innocent_sin回复Cheoy说：
    朝右边拖啊...
    2009-06-03 16:18:11
    Cheoy | 发表于2009-06-03 00:21:12 [回复]
  • 在IE6、7中仍旧是左右分裂状态...

    怎么处理呢？回复下好吗？谢谢!
    Hardy | 发表于2009-05-24 15:37:40 [回复]
  • 请问下，在FF上这个模板懂得自动缩图。
    为什么到了傲游那里，就不行了呢？
    如. | 发表于2009-05-24 00:11:20 [回复]
  • 在FF下浏览正常，在IE6、7中仍旧是左右分裂状态
    faver | 发表于2009-05-09 17:09:38 [回复]
  • 手机号发给我吧。我刚把手机丢了。神那
    mazuier | 发表于2009-05-08 10:56:14 [回复]
  • 可不可以复制一下你的分类CSS给我呢？谢谢啦~：）
    innocent_sin回复懒惰的小蜜蜂说：
    #header #cats .modBottom { height:224px; background:url(http://insane.blogbus.com/files/s/12378704880.jpg) no-repeat 0 0; border-bottom:1px solid #EEE; }
    2009-05-05 18:45:12
    懒惰的小蜜蜂 | 发表于2009-05-05 14:19:45 [回复]
  • 我这不是来关心下您么~~~
    innocent_sin回复阿mars说：
    谢谢您啊，阿麻
    2009-05-05 11:44:16
    阿mars | 发表于2009-05-04 13:59:38 [回复]
  • 请问一下，banner怎样放在主标题下方？我在header上放图是在主标题上方的
    求教!!!感谢!!!
    innocent_sin回复懒惰的小蜜蜂说：
    把分类拖到副栏3，然后修改分类的css..
    2009-05-05 11:45:10
    懒惰的小蜜蜂 | 发表于2009-05-02 09:46:06 [回复]
  • 顺了！
    李林柳丁 | 发表于2009-04-29 08:19:45 [回复]
  • 好高级。。。
    innocent_sin回复阿mars说：
    高级？您今天怎么有空来我这了...欢迎
    2009-04-29 00:32:50
    阿mars | 发表于2009-04-28 22:48:27 [回复]
  • 你什么 时候 又开始写博客了哈哈。
    innocent_sin回复mazuier说：
    写了好久了
    2009-04-29 00:33:01
    mazuier | 发表于2009-04-28 15:19:02 [回复]
  • 可以发个这个 模板 给我吗？
    我真的很弱智，白痴啊！！！
    94403513@qq.com
    再次多谢先！！！
    小宇宙 | 发表于2009-04-15 10:43:45 [回复]
  • 我复制了你所有的代码
    一一对应，，为什么我和你的差那么多呢？？？
    小宇宙 | 发表于2009-04-14 19:23:21 [回复]
  • 当年的牵手模板我很喜欢，只可惜现在没有类似的。。
    liuqi627.blogbus.com
    现在尿了。。
    Abniki | 发表于2009-04-13 18:21:47 [回复]
  • 我也有发现这个问题呢。

    新建的自定义模板然后复制代码上去。

    页面是分裂的状态。
    左小丫头 | 发表于2009-03-25 15:23:17 [回复]
  • 为什么没有上面导航条呢？
    jerrypan | 发表于2009-03-25 02:52:59 [回复]
  • 能不能求助一下，如何能让右边的侧栏再靠右一些，使主体内容能放尺寸更大的照片？
    谢谢呐，谢谢……
    万分谢谢
    板凳 | 发表于2009-03-11 21:02:48 [回复]
  • 求助，好像有问题啊，新建自定义模板然后复制上述代码进去，页面呈现左右分裂状态。
    innocent_sin回复老武说：
    现在可以了么？
    2009-03-06 11:49:06
    老武 | 发表于2009-03-06 11:36:31 [回复]
  • 不让我取config
    innocent_sin回复 光说：
    因为我没写config...
    2009-03-05 16:03:23
    光 | 发表于2009-03-05 14:55:54 [回复]