CSS练习——Tuscany Luxury Resorts

假期里将之前买的Css Mastery仔细读了一遍，里面有个例子，觉得设计得蛮不错，所以用了一下午的时间把它搬到了Blogger上。只完成了框架，细节部分如颜色，字体等等有待针对Blogger完善。快过年了，所以最近没时间了，放着吧。 有兴趣可以下载源代码自己修改一下。

原作品地址
Blogger版本地址
所有与此模板相关的源代码及图片下载地址

今天是情人节，祝愿天下所有有情人终成眷属！！

预祝新年快乐，在新的一年里写下自己的目标哦！

Singpolyma模板

Singpolyma提供了自己的模板下载,示例可以去作者的Blog查看。

Basic template - 基本模板，包括作者Blog上的各功能，像收缩评论等

Comment Form - 基于基本模板，添加了Lightbox式的评论，上一篇文章中介绍的。

Comment Photos and Highlighting - 基于基本模板。显示评论者照片，突出显示评论

一个Blogger模板站点

可能建站不久，所以模板不多，但是都非常精美。模板是为以前的Blogger设计的，比较适合记录心情，体现Blog最原始意义的朋友们使用。因为你需要的并不是多少功能，只要看着舒心就好。

访问Blogger Templates

Blogger:12个可换主题的模板

PurpleMoggy之前介绍了一个Hack，可以通过JS即时更换Blog的主题，也就是即时调用不同的CSS来显示Blog，方法比较繁琐，而且需要事先做好相应主题的CSS文件。现在作者做了一些现成的供我们使用，一共十二个。只要下载相应的XML文件上传就可以了，另外也提供了相应CSS，及JS的地址，可以自己保存起来。Demo为示例。修改之前请保存模板。这些模板包括了三种方式来改变主题，选择一种你喜欢的方式，然后把另二个模块删除即可。

1) Minima Stretch
Demo（示例）:
--minima-stretch-switch.blogspot.com
CSS files（相应的CSS文件）:
--minima_stretch_demo.css
--minima_lefty_stretch_demo.css
XML file（XML文件，下载上传）:
--minima_stretch_demo.xml
2) Minima
Demo:
--minima-switch.blogspot.com
CSS files:
--minima_demo.css
--minima_dark_demo.css
--minima_blue_demo.css
--minima_ochre_demo.css
--minima_lefty_demo.css
XML file:
--minima_demo.xml
3) Stretch Denim
Demo:
--stretch-denim-switch.blogspot.com
CSS files:
--stretch_denim_demo.css
--stretch_denim_light_demo.css
XML file:
--stretch_denim_demo.xml
4) Denim
Demo:
--denim-switch.blogspot.com
CSS files:
--denim_demo.css
--washed_denim_demo.css
XML file:
--denim_demo.xml
5) Rounders
Demo:
--rounders-switch.blogspot.com
CSS files:
--rounders_demo.css
--rounders2_demo.css
--rounders3_demo.css
--rounders4_demo.css
XML file:
--rounders_demo.xml
6) Herbert Jellyfish
Demo:
--herbert-jellyfish-switch.blogspot.com
CSS files:
--herbert_demo.css
--jellyfish_demo.css
XML file:
--herbert_jellyfish_demo.xml
7) No. 897 & 565
Demo:
--no-switch.blogspot.com
CSS files:
--no_897_demo.css
--no_565_demo.css
XML file:
--no_demo.xml
8) Thisaway
Demo:
--thisaway-switch.blogspot.com
CSS files:
--thisaway_demo.css
--thisaway_blue_demo.css
--thisaway_green_demo.css
--thisaway_rose_demo.css
XML file:
--thisaway_demo.xml
9) Snapshot
Demo:
--snapshot-switch.blogspot.com
CSS files:
--snapshot_demo.css
--snapshot_sable_demo.css
--snapshot_tequila_demo.css
XML file:
--snapshot_demo.xml
10) Moto
Demo:
--moto-switch.blogspot.com
CSS files:
--son_fo_moto_demo.css
--mr_moto_demo.css
--ms_moto_demo.css
XML file:
--moto_demo.xml
11) TicTac
Demo:
--tictac-switch.blogspot.com
CSS files:
--tictac_demo.css
--tictac_blue_demo.css
XML file:
--tictac_demo.xml
12) Dots
Demo:
--dots-switch.blogspot.com
CSS files:
--dots_demo.css
--dots_dark_demo.css
XML file:
--dots_demo.xml

Anki的Blogger模板

Anki放出了他的Blogger模板，预览及下载请看原文

Blogger beta模板：UnderWater

使用之前请先查看压缩文件中的Readme

原模板预览（下载）

鱼修改过的模板预览（下载）

第一个模板中包含了以下Hack：

1.三栏

2.伸展/收缩文章

第二个模板在第一个的基础上包含了以下Hack：

1.标签Widget

2.收缩链接

3.……更多细节上的修改

Blogger V3.0：Angel Or Evil模板

Hans又把Angel Or Evil这个模板转换到Blogger beta中了。黑色跟白色的完美结合，看起来比较喜欢。昨晚上修改模板一直到四点多才睡，现在又要忍不住想换了，嘿嘿。用了几个小时的时间终于把Underwater整得有点Web 2.0的味道啦，你还喜欢吗？补充一下，这个模板已经添加了大多数Hack，省下修改代码了。

预览Angel or Evil（下载）

同样因为网站被封，你需要下载这个JS文件并上传以替换模板中的地址
http://sunrrr.googlepages.com/hackosphere.js

两个Blogger Hack模板

并不是所有的人愿意面对那些奇形怪状的代码，比如鱼。Ramani因此做了两个模板，其中已包含了几个比较常用的Blogger beta Hack。
1.三栏形式。
2.首页摘要
3.标签/存档页“躲猫猫”
4.多种形式的标签Widget
5.Del.icio.us&Digg一键推荐

作者将模板放在Anniyalogam.com，但这个网站在中国被封，无法访问，因此鱼把它放到Google pages上了。模板中所有引用自Anniyalogam.com的内容鱼也已修改，暂时放在Google pages，建议上传到自己的空间，模板中用到的文件为：
http://sunrrr.googlepages.com/list.jpg
http://sunrrr.googlepages.com/zoom.jpg
http://sunrrr.googlepages.com/menu.jpg
http://sunrrr.googlepages.com/hackosphere.js
下载之后将模板中的地址替换即可。记得以前鱼的Google pages被Ban，几个月后才恢复，想起来就觉得恐怖，所以强烈建议自己上传这些文件。

Hacked-scribe Live (下载 template)
Hacked-minima Live (下载 template)

愿鱼的所有朋友十一长假愉快！