等有空发风格教程....截图截的辛苦
还要写说明文字,唉~大家努力学啊,多多为MX开发.
预览
[quote]
====================
准备工作
====================
下载风格包
准备图片(LOGO,发贴按钮)
MX往往要用更多图片,做好准备自己作图.
====================
替换图片
===================
把相应的DZ图片替换MX的图片,这步总不要我教吧?
==================
替换CSS
==================
首先,最好你能找到原网站,或者一个可视化的风格
这样你可以省去很多麻烦(可以直接复制代码,CSS等)
让你可以参照
这里用这个风格的开发网站
http://www.yutheme.com/dz4/index.php?styleid=7
开始第二步工作,修改CSS
例如body这个
MX的是
body {font-family:Tahoma, Verdana, Georgia, Courier, Simsun;font-size:12px;color:#000000;margin:0px;padding:0px;}
去掉背景色属性
+上DZ里面的BODY定义 变成
body { scrollbar-base-color: #feffff; scrollbar-arrow-color: ; font-size: 11.5px; background-color: #B4C3CB;background-image: url(images/emera/bg.gif);background-repeat: repeat-x;
最终的body就是
body {font-family:Tahoma, Verdana, Georgia, Courier, Simsun;font-size:12px;color:#000000;margin:0px;padding:0px;scrollbar-base-color: #feffff; scrollbar-arrow-color: ; background-color: #B4C3CB;background-image: url(<#IMAGE#>/bg.gif);background-repeat: repeat-x; }
**************************************************************
*处理图片地址
**************************************************************
*对于一般把图片文件名前的路径都替换成<#IMAGE#>
*例如
*background-image: url(<#IMAGE#>/bg.gif);
*而对于模板里面的图片地址
*要改成这样
*<img src='./../../&'quot;images/<#IMAGE#>/head_left.gif" width="29" height="30" />
********************************************************************[/quote]