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

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: 130 time(s).)
谢谢大家的关注了~
呵~这一下还真是累啊,模板还是有待改进,先发上来给喜欢的朋友使用。欢迎朋友们对这个模板进行再开发,不过希望可以留个链接给我。:)
还要去赶落下的项目报告了,就先写这些吧。

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

8月8日更新,最新风格包发布,请查阅
http://www.rainboww.net/home/read-88.html
Trackback: Click to get trackback URL
Tags: f2blog 风格模板
Comments: 5 | Trackbacks: 0 | Read: 5668
水之神 [ 2007-10-25 22:58 | Reply | Edit/Del ]
你好^_^ 我想要放些文字在三欄上面,請問要怎麼做呢....?
风之逸 [ Replied on 2007-10-26 12:55 Home | Edit/Del ]
不是很明白。。。
模板可以定义模块的位置,无法添加内容。可以通过f2blog后台里自定义模块,然后定义这个模块出现的地方。我很久没有再看模板代码了,自己研究一下吧~
詩~~~ [ 2007-08-09 22:11 | Reply | Edit/Del ]
我以前用tattertools的,后來有一段時間沒再用,現在再重新安裝,於是決定用f2blog,在論壇看到你這個皮肤,一看便喜歡呢,真的。

我沒有qq啊...怎辦 >_<

唯有等你再上傳上來了~~ 先用你現在6月17日的版本先 ^^
詩~~~~ [ 2007-08-08 21:30 | Reply | Edit/Del ]
你好呀,版主,我是前日才正式安裝f2blog的,在論壇裡看到你這個皮肤很美,馬上用了,不過我有一個問題想請教,如何可以把這個皮肤右邊的「最新日誌、最新評論、最新留言」這些設定了的標題不用 bold 字體?

我試了很多檔都找不到,想向你請教一下 >.<
风之逸 [ Replied on 2007-08-08 22:20 Home | Edit/Del ]
谢谢你的青睐啊,
你的问题很简单的,打开layout.css
找到这个:.Ptitle{ font: bold 12px Verdana;
去掉那个 bold 就可以了。

这个皮肤其实还不是很完善,我后来又修改了,还没有发布。真的喜欢用的话请联系我qq吧,
等有空我会在blog把新的皮肤上传上去的。
  • 1 
Write New Comment
Nickname(*): Password:
Website: Email:
Verify(*): Validation Image Option:
Content(*):