“学会接受并欣赏命运发给我们的牌,也许会有意想不到的乐趣。
我总认为,坦然的心境就是感受到幸福的理由。”
Browse: Normal | List

新绿 and 简素 f2blog 模板两款

 这两个模板是假期的时候制作的,本来只是给自己用,后来觉得cleargreen也算得上自己还拿得出的作品,就去f2blog论坛发布了。过去了一个月多,没想到有喜欢的朋友来这里询问了。
其实后来又有一些修改,主要加强了在ie6,ie7和firefox2.0下的显示一致性。到目前也算让自己满意了,
cleargreen(新绿)是自己从默认的模板修改来的,算是原创吧,不过simplicity (简素) 就是从别人的作品简单的修改来了。
这里就都发布上来吧,附带一些简单的使用介绍。希望大家喜欢这些不成文的作品。

cleargreen 新绿
预览:
attachments/200708/3000978617.jpg
风格包下载:Downloadcleargreen20070808.rar (596.52 KB ,Downloaded: 242 time(s).)
使用:解压后上传风格包去skins文件夹下,再去后台激活即可。基于f2blog1.2制作。
备注:推荐ie7和firefox2.0浏览器,1024×768分辨率。ie6下有些小问题没有解决,风格包里有一个1.gif,可以使用它作为类别的图标。这样可以大致解决ie6下类别行间距不一致的问题。因为是三栏的风格,中间栏的高度和位置需要自己调整,具体编码在typography.css文件里面。不能保证跟本站的效果一样,但一定可以通过调整实现。文件包里提供所有的ps源文件,可以自行修改。有问题欢迎联系我。

simplicity 简素
预览:
attachments/200708/7467730042.jpg
风格包下载:Downloadsimplicity20070808.rar (52.74 KB ,Downloaded: 110 time(s).)
使用:解压,上传风格包,后台激活。基于f2blog1.2制作。
备注:非原创,改自坤龙的简单黑风格。二栏,基本没有什么调整的问题。ie6下的类别行间距问题一样,解决方法同上,使用文件夹内的1.gif作为类别图标(这个问题比较小)。推荐ie7,firefox2.0,1024×768分辨率浏览最佳。

就这样吧,本站风格目前就是这两个。呵呵,另外有空多来我这里转转啊。^^

!important 标签

关于这个标签网上有很多的文章,随意google一下就找到。大体上都说是可以作为一个区别处理ie跟firefox的句法。具体说来,如果在某个css里面定义了一个标签,比如 {padding:5px!important;} 那么ie跟ff无区别,但是如果在后面再次定义变成这样:{padding:5px!important;padding:10px; }这样就实现了在不同浏览器下不同的效果 ,具体讲就是firefox取5px,而ie取10px。

这个并不难理解,但问题是微软的新作ie7似乎在这一点上与firefox达成了共识。所以ie7与firefox无此区别。
所以需要强调一下,上面的那段情况只针对ie6.
所以没有了这种区别,制作风格模板的时候如果想达到在ff跟ie7下完全一致是相当困难的,几乎不太可能。是不是有其他的手法现在还不知道。。而作为普通的用户,ie一般是主要选择,所以这个!important优先级的手法可以用来保证ie6和ie7的一致性。汗,难道这也是微软巩固其产品地位的一个手段??

今天把f2的cleargreen模板再次调整,达成了ie6跟ie7下的一致(原来的显示在ie6下有些错位)。这样一来,基本是个不错的模板了,实现了3个主流浏览器的显示一致。汗,居然一直没有注意到ie6跟ie7也会有所不一致。。。也就是目前blog的默认模板,大家可以帮助测试一下。

ClearGreen 皮肤 for F2blog

新换了f2blog系统,总觉得应该自己做个皮肤出来。个人比较喜欢绿色,就想做个绿色主题的风格模板。昨天下午开始学习f2blog的模板体系,然后整整忙活了一天,终于做出来了个比较满意的了。就是现在用的主题,看起来还是不错的吧~
说起来,这还是第一次正儿八经的来开发模板呢,希望能有人喜欢。
这个模板用了3栏的设计,设计的想法其实是来自于Nicky's iblue Theme。一开始看到的时候就很喜欢这样3栏的设计,然后就套用了过来,以及一些好看的图标。中间那栏主要放简短的内容例如链接跟分类信息。
整个皮肤是从默认的default改过来的,然后色调的选择采用了一些discuz的设计。原先的iblue theme是比较倾向技术型的,比较正统图片也比较少,经过我重新设计后就比较倾向生活跟随意些了,适合一般的blog朋友。

这个风格在ie7跟firefox测试下通过(特地去装的firefox,汗),不过两个浏览器显示有些不一样,似乎是字体原因,懒得去找原因了。推荐在1024×768分辨率下浏览。这里有截图
ie浏览

attachments/200706/2664208425.jpg

firefox浏览
attachments/200706/3718521989.jpg


由于f2blog的模板设计原因,没有办法将中间栏做到很完美,需要朋友自己根据需要调整模块的位置和高度。
具体的相关css样式在这个文件里:typography.css
里面有“/*Sidebar三栏显示*/”字样,需要根据自己的blog进行添加和调整。不会的朋友可以问我,一定会耐心解答的。

这里是模板文件,直接解压后把cleargreen放到skins文件夹下,然后去后台选择皮肤即可。
里面含有我所有制作的psd源文件。
DownloadClearGreen_f2blog_Skin.rar (556 KB ,Downloaded: 137 time(s).)
谢谢大家的关注了~
呵~这一下还真是累啊,模板还是有待改进,先发上来给喜欢的朋友使用。欢迎朋友们对这个模板进行再开发,不过希望可以留个链接给我。:)
还要去赶落下的项目报告了,就先写这些吧。

6月17日更新,改进了一些细节显示,firefox和ie下都可以正常显示(没有完全解决显示不一致的问题)。
DownloadClearGreen_6_17.rar (562.4 KB ,Downloaded: 225 time(s).)

8月8日更新,最新风格包发布,请查阅
http://www.rainboww.net/home/read-88.html
  • 1