偶也制作sablog风格(一)

劳动了一天了,打算写一篇blog,但是发现也没啥好写的,

索性为自己的blog做张皮肤,设计(用这个词别说我厚颜无耻啊)个风格,

说做就做呀,头一次弄sablog风格,打开文件一看,有些不明白,

以前做过wordpress和dedecms的风格,应该说偶还是有些基础的,

试着写了几行,发现好事出现 多 "{" 或者少 "}"的毛病,十分郁闷,郁闷十分啊,

磨刀不误砍柴功,去 大A 的论坛 看看有没有做 sablog风格的详细教程,

翻了一个遍,只发现一篇asa写的css代码对应控制的页面细节介绍,没有详细的教程,

又翻了一下百度的sablog风格制作,还是没有得到彻底的解决,

XML/HTML代码
  1. print <<<EOT     
  2. -->     
  3. 这里放模板的html代码    
  4. <!-- EOT;   

做完以后总结出来的经验

牢牢记住,以下的工作参考着default目录下的文件慢慢制作中

写下制作sablog风格步骤(对于菜鸟,零起步的朋友适用)

1.整体布局,确定想要的大体框架样子

这个说简单也简单,说难也难,看自己的css+div的水平和自己的审美和配色经验了,

根据自己的爱好设置的布局结构,如果实在没有的头绪了,

我的经验是先找网上已经有的自己又比较喜欢的布局和配色网页(可以用一个站的布局,又一个站的配色)

2.设计各个div块的细节,可以先做出一张纯html页面

布局完了以后,设计下各个div块的细节,可以先做出一张纯html页面来,

慢慢修改,直到达到自己喜欢的标准为止,这样做的好处很多,第一是容易上手,

第二有了个参照,因为在做这张纯html代码的时候,css代码也相应的写出来了,

接下来再做sablog风格的时候可以直接套用,第三就是以后改风格的时候,是个所见即所得的模式,很方便

3.写入sablog专用代码,大体完成风格制作

做到这个步骤了,接下来才是真正的制作sablog风格了,

打开default下的index.php文件,参照着写下去,直到完成。

4.页面细节的调整和相关插件的安装

这个步骤明天再写

标签: sablog风格, 风格制作

订阅:

作者:枫回路转
本文永久url:http://blog.ieyes.info/show-5-1.html
本文无图版url:http://blog.ieyes.info/archives/?article-5.html
版权所有,转载请以链接形式注明作者及原始出处。

上一篇: 这该死的电脑

下一篇: 偶也制作sablog风格(二)

只显示10条记录相关文章

>> 偶也制作sablog风格(二) (浏览: 426, 评论: 1)

Trackbacks

点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5

发表评论