查看文章 |
百度空间版式设置CSS代码解析
2007年08月06日 星期一 10:18
站长想在空间的右侧放置一个饭否的侧边栏，可惜这个模板支持的右列可用宽度最大为145px，这样饭否侧边栏就无法全部显示出来，类似这样的问题，都需要修改空间模板CSS中控制版式的代码。 百度空间支持的版式分为6种，可以在【设置】-【高级设置】-【页面版式】里面看到，但实际上这6中版式可以归为3类：单版、双版、三版。其中单版只有1个版列，双版包含左版列、分割列和右版列3个版列，而三版包含左版列、左分割列、中版列、右分割列、右版列5个版列。分割列只起到分割左(中)右版列的作用，在网页实际显示时只显示背景色。如下图所示：  百度空间模板CSS中控制版式的是 .stage{} 这段代码，主要含义解析如下： ╔-------------------------------------------------------------------------------------╗ #layout{table-layout:fixed} /*版式总体设置，主要控制版式的总宽度、背景色、相对距离等*/ #layout td.c1t1{}， /*控制单版版列的宽度、背景色、相对距离*/ #layout td.c2t1{} /*控制双版的左列*/ #layout td.c2t2{} /*分隔双版的左右版列，在网页中只显示背景色*/ #layout td.c2t3{} /*控制双版的右列*/ #layout td.c3t1{} /*控制三版的左列*/ #layout td.c3t2{} /*分隔三版的左中版列*/ #layout td.c3t3{} /*控制三版的中列*/ #layout td.c3t4{} /*分隔三版的中右版列*/ #layout td.c3t5{} /*控制三版的右列*/ ╚-------------------------------------------------------------------------------------╝ 它们之间对应关系在网页中的表现如下图所示：  对应上图，就可以更方便的修改CSS代码了，比如 #layout td.c2t2{width=200} 就可以控制双版页面中右版列的宽度为200px，这样最终的页面就是左宽右窄的双版了。具体效果可以参考一下本站。  本文链接：http://hi.baidu.com/ofree/blog/item/fc3bb01b1053541b8618bf4b.html |
最近读者：
