昨天把显示器换成了19寸液晶，开始用1248*1024的分辨率，感觉真是豁然开朗哑！Firefox的UI突然变的很干净很简洁，显示4排工具栏也不会显得挤。Aptana和photoshop在多窗口环境下变的好用多了，用Picasa的Slideshow模式终于能看清楚漫画的每个细节（台版漫画的对话泡里总是喜欢放一些很小的字……）
但是以前的BLOG页面在新显示器里就显得太窄，看久了对身体不好，因此我把它改成了1024PX的宽度。顺便改成了正文在左边的三栏布局（好像现在很流行？），新增加的第三栏需要自己添加到HTML模板里，方法很简单……
昨天把显示器换成了19寸液晶，开始用1248*1024的分辨率，感觉真是豁然开朗哑！Firefox的UI突然变的很干净很简洁，显示4排工具栏也不会显得挤。Aptana和photoshop在多窗口环境下变的好用多了，用Picasa的Slideshow模式终于能看清楚漫画的每个细节（台版漫画的对话泡里总是喜欢放一些很小的字……）
但是以前的BLOG页面在新显示器里就显得太窄，看久了对身体不好，因此我把它改成了1024PX的宽度。顺便改成了正文在左边的三栏布局（好像现在很流行？），新增加的第三栏需要自己添加到HTML模板里，方法很简单……
我的Blogger默认模板是这样的结构：
body
│
└─div id='outer-wrapper'（最外面的层，设置背景颜色/图片）
│
└─div id='wrap2'（程序操作的对象）
│
├─div id='header-wrapper'
│（页面顶部，放置LOGO图片）
│ │
│ │
│ └─div id='content-wrapper'（主体部分，宽度760px）
│ │
│ ├─div id='main-wrapper'（左栏，正文部分）
│ │
│ └─div id='sidebar-wrapper'（右栏）
│
│
└─div id='footer-wrapper'（页面底部）
下面是修改之后的结构，其中橙色的DIV是新增加的
body（注意，CSS里一定要有text-align:center;）
│
└─div id='outer-wrapper'（宽度要设为100%）
│
└─div id='wrap2'（不管这个）
│
├─div id='header-wrapper'
│（宽度最好设为100%，否则在1248分辨率下不好看）
│
├─div id='yynavlist'（这是我添加的横导航栏，宽度也是100%）
│
├─div class='yymain'
│（这是我添加的层，目的是把页面主体部分的宽度固定为1004px，CSS里一定要有
│ margin:0 auto;保持居中）
│ │
│ ├─div id='content-wrapper'（左栏，宽度760px，CSS里加上float:left;）
│ │ │
│ │ ├─div id='main-wrapper'（正文部分）
│ │ │
│ │ └─div id='sidebar-wrapper'（以前的右栏，现在是中栏）
│ │
│ └─div class='yyrightwidget'
│ （新添加的右栏，宽度240px，CSS里加上float:left;）
│
└─div id='footer-wrapper'（页面底部，宽度100%）
这样就是标准的三栏布局了……
不过，因为右栏没有包含在b:section标签里面，所以不能把Blogger自带的模块移到里面，只能自己添加代码……
昨天把显示器换成了19寸液晶，开始用1248*1024的分辨率，感觉真是豁然开朗哑！Firefox的UI突然变的很干净很简洁，显示4排工具栏也不会显得挤。Aptana和photoshop在多窗口环境下变的好用多了，用Picasa的Slideshow模式终于能看清楚漫画的每个细节（台版漫画的对话泡里总是喜欢放一些很小的字……）
3 条评论:
如果把中栏的调查和声明部分调到右栏，首页看起来似乎更整齐一些。
啊啊这篇文章纯粹是鬼扯，长篇大论的写了一大堆废话，其实全是主观臆测，连“分析”都不够资格，更谈不上是“研究”。唯一的论据就是“用户的AdSense收入积累到一定程度时，GOOGLE会封掉这个帐户”，这本身就很荒谬……
事实上AdSense是国外小型web2.0网站和blogger的一个主要获利手段，没有这个东西，很多创业者都支持不下去。
国内的网络环境有中国特色，AdSense的效果可能也打了折扣，但是由一些个案推论出“骗钱”的结论，只能说明作者的脑子坏掉了……
http://sunr.blogspot.com/2006/09/blogger-beta_30.html
这篇文章介绍的方法不错，而且修改的三栏能够被识别。
发表评论