处女作：一款仿youtube主题

许权滔 — Sun, 04 Jan 2009 05:01:33 +0000

嗯！我说过，我要学习做一款主题，引起我这个冲动的是娱乐视界，因为很喜欢youtube的那种简洁清爽的风格，所以何不为娱乐视界仿一款youtube的主题呢？

其实不管做任何事情，在你不懂的时候就会觉得很困难，但是要知道假如不勇敢接受挑战，那你将永远都不可能会！做主题也一样，Shawn说过其实做个题很容易，但前提是你必须会一些CSS，对DIV+CSS 有简单的认识，要知道这个简单也是相对而言的！

所以，对于我这么一个不懂PS美工，对色彩的搭配更是白痴，略懂一点CSS，对DIV+CSS 也就有那么一点简单的认识，所以我当然会从最简单的学起！也就是说不懂设计那就去移植（仿）吧！呵呵，下面来正题了，大家先看看我的处女作吧，欢迎踊跃拍砖！

就像我刚才所说的那样，不懂就先从最简单开始，我是这样操作的：

首先当然是先准备好框架，这款youtube风格选用的是sofish给我定作的花果山寨主题进行修改的，其实在之前我曾经尝试过用默认主题Kubrick和Sandbox，但由于自己的水平有限所以觉得这两款很复杂，整了半天也只是个头~所以最后还是选择自己比较熟悉的来整。

框架定下来之后就可以进行CSS排版了，对我而言这是个大工程，移植嘛，就是将youtube的CSS和页面DIV代码一个个套到wordpress的相应地方，我是从昨天下午开始整一直整到晚上11点左右，才算成型，因为自己对CSS方面真的太白痴了，很多效果都经过了反复的调试才勉强完成，还有很多效果我目前还是做不到！~~比如youtube上的导航菜单栏那个鼠标经过背景图案变换的效果我怎么整都整不出来，看来这个需要找个时间找个高手来指点一下才行！~~更新：在高手Mars Lau的指点下，终于将youtube上的导航效果完全整出来，再一次感谢这位热心的朋友！

仿这个youtube主题还让我认识了一种新的CSS方式，以前没有见过的，就是将所有的背景图集成到一张图片上，然后通过CSS进行坐标定位，这个方法还是挺好的，一张图片就可以搞定了~

嗯，什么事都需要反复的去实践才能让自己熟能生巧，我已经迈出了第一步，你呢？

花果山寨 » youtube

处女作：一款仿youtube主题

更多相关文章...