英雄传说VI 空之轨迹SC 相关下载及资料
战略考量抑或其它
2006/03/20 00:44 | by
BO-BLOG的三栏模板，发展得比较慢。BOB直到前不久才推出一款triblue，随后大龙做了款trielegant（现在官方默认的），含泪射手从WP上移植了一款，再就是Lain的“心花盛开”系列之“绿色三栏”。
我喜欢淡雅、简约点的，Lain姐姐的这款“绿色三栏”相当对我胃口。我喜欢绿色，它能抒缓我的压抑、放松我的情绪。
不过我懒，一直没换上，因为LOGO需要修改掉原来的“心花盛开”字样，不像从前直接能在后台设定，Lain姐姐又没提供LOGO的图片源文件= =
适逢周末，便PS了一下。去掉了原来LOGO上的注释，把“心花盛开”改成了“前卫视点”。字体的选择让我颇伤脑筋，挑了十几个，然后不停地覆盖FTP里的文件观看效果，最后还是决定用现在这个中规中矩的行楷。
BOB的BLOG，看来得常去。左、右侧边栏的调整问题让我浪费半天时间，经朋友提醒才发现BOB早有解释：
因应模板的更换，增添一个skinswitcher的插件，在左侧边栏最下方，你可以自行选择你喜欢的模板。
另外需要注意的是：目前的风格要求最低分辨率为1024*768，如果你使用较低的分辨率，请点击这里切换到我原来用的模板。
————————————————————
3月23号更新为“自适应分辨率改进模板”
引自：http://lain1978.com/myblog/read.php?61
原先的三栏模板在1024分辨率以上可以得到很完美的显示，不过在800×600的分辨率下面，三栏就会显得很拥挤，尤其是中间内容栏会很窄。一旦内容中有较大的图片，会造成三栏之间的叠加和错位。
现在的改进版本，会自动根据浏览者的分辨率选择不同的显示模式。1024以上显示三栏，1024以下则显示两栏。通过用js实现在不同分辨率下调用不同的css文件。
具体实现方法：
1.打开elements.php，在{csslocation}后面添加一下语句：
2.新建styles_only.css和styles_tri.css文件。styles_only.css是800分辨率时使用的css，styles_tri.css是1024以上使用的css。
在这两个文件中，对.sidebar ，sidebar-right，.content ，#innerContent 进行了css定义。
3.打开styles.css，删除文件中关于.sidebar ，sidebar-right，.content ，#innerContent 定义的css内容。
我喜欢淡雅、简约点的，Lain姐姐的这款“绿色三栏”相当对我胃口。我喜欢绿色，它能抒缓我的压抑、放松我的情绪。
不过我懒，一直没换上，因为LOGO需要修改掉原来的“心花盛开”字样，不像从前直接能在后台设定，Lain姐姐又没提供LOGO的图片源文件= =
适逢周末，便PS了一下。去掉了原来LOGO上的注释，把“心花盛开”改成了“前卫视点”。字体的选择让我颇伤脑筋，挑了十几个，然后不停地覆盖FTP里的文件观看效果，最后还是决定用现在这个中规中矩的行楷。
BOB的BLOG，看来得常去。左、右侧边栏的调整问题让我浪费半天时间，经朋友提醒才发现BOB早有解释：
引用
三栏模板使用时需注意一点，这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二，之前的项目则留在侧边栏一的位置。因此，您可能需要对侧边栏的项目进行排序，以尽量维持两个侧边栏的疏密有致。
因应模板的更换，增添一个skinswitcher的插件，在左侧边栏最下方，你可以自行选择你喜欢的模板。
另外需要注意的是：目前的风格要求最低分辨率为1024*768，如果你使用较低的分辨率，请点击这里切换到我原来用的模板。
————————————————————
3月23号更新为“自适应分辨率改进模板”
引自：http://lain1978.com/myblog/read.php?61
原先的三栏模板在1024分辨率以上可以得到很完美的显示，不过在800×600的分辨率下面，三栏就会显得很拥挤，尤其是中间内容栏会很窄。一旦内容中有较大的图片，会造成三栏之间的叠加和错位。
现在的改进版本，会自动根据浏览者的分辨率选择不同的显示模式。1024以上显示三栏，1024以下则显示两栏。通过用js实现在不同分辨率下调用不同的css文件。
具体实现方法：
1.打开elements.php，在{csslocation}后面添加一下语句：
<script type="text/javascript">
<!--
if ((screen.width < 1024) && (screen.height < 768))
{
document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_only.css' />")
}
else
{
document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_tri.css' />")
}
//-->
</script>
<!--
if ((screen.width < 1024) && (screen.height < 768))
{
document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_only.css' />")
}
else
{
document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_tri.css' />")
}
//-->
</script>
2.新建styles_only.css和styles_tri.css文件。styles_only.css是800分辨率时使用的css，styles_tri.css是1024以上使用的css。
在这两个文件中，对.sidebar ，sidebar-right，.content ，#innerContent 进行了css定义。
3.打开styles.css，删除文件中关于.sidebar ，sidebar-right，.content ，#innerContent 定义的css内容。
