2012-06
29

Stitch弱弱上路

By xrspook @ 23:50:29 归类于: 烂日记

能在今天基本完成Stitch模板并挂到点点网上测试我已经很高兴了!

很多时候我都是网上才做网页,但实际上这不好,我以为我的精神状态还OK,但其实一点都不OK,所以经常都会兜圈,犯错误。记得之前我用了0.5-1个小时都解决不了的东西,大白天我用了5分钟就解决掉了,这不是幻觉!只是脑袋在健康的状态下更好使罢了,开夜车并不能解决问题,只会把很多本来不复杂的东西搞得很糟糕。

Stitch是一个Tumblr的模板。用了起码5个以上的js,用了起码2个css,用了N多个适应各种浏览器的hacker。然后呢,主题CSS,我减肥了,另外一个,原封不动,至于js们,我全部粘一个里面了。到底原作者是怎么想的呢?外链引用那么多的文件。

关于这个Stitch模板,我的点点化主要体现在它的实用性。原模板非常不介意在高约400px的窗口里展示内容,于是这使得人家阅读很困难,文字还好一点,遇到大图片,我真那个去,横着竖着都有丑陋的滚动条,情何以堪,而且如果要看视频的话,视频的高度估计就只有300px,高清视频也烦恼啊,这么小的窗口!原模板的列表页和文章页采用了同样的框架高度,所以你在列表页费劲地看某些东西即便进入文章页也难逃厄运。所以在这里,我大刀阔斧地把文章页改了,改成了常规模式。列表页你怎么折腾那毕竟只是预览,但文章页,必须的看得舒服啊!

华丽和实用是应该共存的。

欢迎大家猛击帮忙测试我点点化的Stitch模板——http://xlanda.diandian.com/

但实际上,修改Stitch我的本意是用在http://adelrio.diandian.com/啦,但在技术完全成熟之前,我不会贸然改版。

截图是必须的,这里就只放最特色的列表页了。

文字页面,我用的是系统自动生成/人工设定的summary。

单图页面,我把字符自动截断设定为20,为什么这么少呢?因为单图有时我真的只写一点点东西呢。

多图页面,只放首张图片及标题。

视频页面,播放器宽度设定为445px,高度刚刚能放完一整个土豆或者优酷播放器。当然了,文章页的播放器宽度是860px的!

音频页面,默认放专辑的图片及播放器,宽度设置为一致的,也就是257px。

点点还有链接页面,但DESTINY IS REAL里我印象中没有单纯链接的资源,所以也就不截图了。

明天要想想办法解决IE9以下无法支持CSS3的问题,这导致了我所有的圆角和半透都无法在IE显示,莫大的杯具!我痛恨老掉牙的IE!!!!!

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image

COPYRIGHT @ 我的天 | Theme by xrspook | Power by WordPress | Valid XHTML 1.1 and CSS 3 Go to top