免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

本帖最後由 冷瞳° 於 2012-10-7 14:59 編輯


首先预览:


----------------------------------------------------------------------------------
我们需要准备的素材图片:顶部logo(可用flash代替)、页头背景,页面背景。
----------------------------------------------------------------------------------
我准备好的素材图片:
填入页头

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

你也可以用代码实现:(不小心删掉了,又要重新码一边。郁闷ing%>_<%)

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

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

新帖旧帖图标代码(正常字体处)

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

发帖回帖背景代码(页脚文字色)

  1. !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
附件: 您需要登錄才可以下載或查看附件。沒有帳號?成為SCLUB使用者論壇會員
4

評分人數

返回列表