[助人] 【未命名】风格制作教程——简单动漫风

冷瞳°

支持论坛：
http://weim.joinbbs.net/index.php

首先预览：


----------------------------------------------------------------------------------
我们需要准备的素材图片：顶部logo（可用flash代替）、页头背景，页面背景。
----------------------------------------------------------------------------------
我准备好的素材图片：
填入页头

填入页面
作图工具：皮埃斯，FW，美图也可以。有经验的比较容易。
----------------------------------------------------------------------------------
我不是很喜欢用界面目录，如果你觉得用了目录比较好看，推荐相册：http://beta.photobucket.com/

你也可以用代码实现：（不小心删掉了，又要重新码一边。郁闷ing%>_<%）

代码我会放在最后。下面继续讲。
----------------------------------------------------------------------------------
一般制作风格还会用到以下图片：分区背景、新帖图标、旧帖图标、发帖图标、旧帖图标、（或者有心的，还有页尾背景）
像罗罗布那个风格，还有这个蔷薇少女，都用到了以上材料。所以，这是必须的哦~
----------------------------------------------------------------------------------
相信大家做风格，最郁闷的应该算是制图了。大家可以多去这个网站学习：http://www.cntuw.com/index.php，会教你一些基础的调色制签等等。学习了这些之后，就不用担心风格的样貌问题了。
多做几次，就会得心应手了。我这里就不再多说制图方面了。
----------------------------------------------------------------------------------
分区背景代码（小号字体处）

1. 
   
2. ; }.content .list h3 { padding-left: 10px; background:url(分区背景图片) repeat-x;line-height: 30px;}

複製代碼

新帖旧帖图标代码（正常字体处）

1. 
   
2. ;}.list th{background:url(新帖) 1px 2px no-repeat!important;}.list th.new{background:url(旧帖) 1px 2px no-repeat!important;}

複製代碼

发帖回帖背景代码（页脚文字色）

1. 
   
2. !important;} .postbtn{background-image:url(背景) !important;}.replybtn{background-image:url(背景) !important;}

複製代碼

================================================================

以上展览风格素材，请勿盗图。谢谢~

未命名论坛的风格哦~
1.罗罗布和萝卜：http://www.sclub.com.tw/discuz/viewthread.php?tid=19127&extra=page%3D3