CSDN博客变形小技巧之一

CSDN博客变形小技巧之一

---

By DaNmarner  http://blog.csdn.net/DaNmarner  DaNmarner@gmail.com
欢迎转载，请注明作者和出处！

---

        大量程序员和IT组成的用户群体是CSDN博客吸引人们眼球的传统招牌。而最近从后台到稳定性的进步是大家有目共睹的，从不断的更新通告不难看出CSDN博客拥有一个勤奋的开发团队——我想这是很多人经历过痛苦煎熬之后留下来的原因。
        其实我留下来还有另外一个原因：作为一个网站服务出现的CSDN博客在保持了易维护性的同时，还在外观上
给用户保留了足够大的可制定性。当然很多东西还是没法随心所欲的改变，所谓足够大是对于我来说的。

       在CSDNBlog提供的几个皮肤里面，keso这一款风格简洁朴素，几乎没有什么图片，右置导航栏可以在加载网页的时候先显示左边的文章部分，这些加快浏览速度的设计很讨人喜欢。可惜的是，CSDN上原始的keso皮肤都有一个大问题：导航栏跑到了应在位置的下面——文章部分的右下方。
      要解决这个问题，只需在后台-配置-自定义CSS样式中加入如下代码：

#main {
       width: 70%;
       position: absolute;
}
#rightmenu {
       width: 27%;
       position: absolute;
}

main用来定义文章部分的样式，rightmenu定义右边的导航部分。当然两个width后面的比例可以根据需要自己调整。
        这样一来，keso就恢复它本来的面目啦！

name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1391084545775812&dt=1188375788593&lmt=1188375782&format=468x15_0ads_al_s&output=html&correlator=1188375788578&channel=7913117752&url=file%3A%2F%2F%2FC%3A%2FDocuments%2520and%2520Settings%2FAdministrator%2F%E6%A1%8C%E9%9D%A2%2Faaa.htm&color_bg=FFFFFF&color_text=000000&color_link=000000&color_url=000000&color_border=FFFFFF&ga_vid=199681080.1188375789&ga_sid=1188375789&ga_hid=289079605&flash=9&u_h=768&u_w=1280&u_ah=738&u_aw=1280&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="468" scrolling="no" height="15" allowtransparency="allowtransparency">

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1391084545775812&dt=1188375788953&lmt=1188375782&prev_fmts=468x15_0ads_al_s&format=468x60_as&output=html&correlator=1188375788578&channel=8802996721&url=file%3A%2F%2F%2FC%3A%2FDocuments%2520and%2520Settings%2FAdministrator%2F%E6%A1%8C%E9%9D%A2%2Faaa.htm&color_bg=FFFFFF&color_text=000000&color_link=000000&color_url=000000&color_border=FFFFFF&ad_type=text&cc=916&ga_vid=199681080.1188375789&ga_sid=1188375789&ga_hid=289079605&flash=9&u_h=768&u_w=1280&u_ah=738&u_aw=1280&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="468" scrolling="no" height="60" allowtransparency="allowtransparency">