Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[教程] 新手制做简易风格教程.半小时让你会做风格.写给什么都不会的站长.

[复制链接]
zhanglei700 发表于 2007-2-6 17:30:42 | 显示全部楼层 |阅读模式
嘿嘿.当然是做简易风格.也就是变色.替换图片.任何人都学的会.
以前写过教程.发现很多朋友不会用软件.好.再发个最简单的.顺便帮我测试一下我的风格.看看在你浏览器下有无问题.
[发过测试帖.无人回帖.只能与朋友们交换了]

演示:http://www.3dmax9.com/
论坛:http://www.3dmax9.com/bbs

教程开始:

先发数据..
css/new文件.具体文件内都有注释.

顶部导航底图/images/new/title_bg.gif
主导航底色是图片/images/new/menu_bg.gif
标题标底图/images/new/title_bg.gif
会员排行底图/images/new/hotspace_bg.gif
左右侧部分底图/images/new/bg.gif
网站logo /images/new/logo.gif
头条新闻底色#F5FBFF
主页大部分边框#86B9D6
网页背景底色#FFF
文章字体颜色#000000
幻灯下边框底色#F5FBFF
图片边框内侧#F0F9FF
图片边框外侧#B9D0ED
主导航上端兰色条#86B9D6

先别沙发.我还要跟一帖.第三帖再跟.

[ 本帖最后由 zhanglei700 于 2007-2-7 14:42 编辑 ]
Capture420.jpg
Capture422.jpg
 楼主| zhanglei700 发表于 2007-2-6 17:42:40 | 显示全部楼层
用ftp打开css/new文件.右键击编辑.
按上边给的数据进行替换.

颜色方法:右键.替换.将颜色值填入上栏.需要的颜色值填下边.最后替换全部.

底图.用Adobe Photoshop [ps].进行图片修改.
不会用的就用系统自带的画板工具进行颜色修改.保存时一定是你打开这个图的原文件名.并且是gif
改好后进行替换.

网页颜色配色http://www.3dmax9.com/cpg146/Color.htm


没了.不清楚留言.一会给你个配色表

[ 本帖最后由 zhanglei700 于 2007-2-6 17:44 编辑 ]
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:28:39 | 显示全部楼层
晕,居然没人顶帖.
做几个示范给你看.
先改变底色
Capture423.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:31:59 | 显示全部楼层
................
Capture424.jpg
回复

使用道具 举报

goopet 发表于 2007-2-6 19:33:30 | 显示全部楼层
~~~~~~~
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:36:02 | 显示全部楼层
...................

[ 本帖最后由 zhanglei700 于 2007-2-6 19:40 编辑 ]
Capture426.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:41:47 | 显示全部楼层
替换后效果.........
Capture427.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:49:10 | 显示全部楼层
这是替换第一个#FFF的效果
Capture428.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:55:52 | 显示全部楼层
不会用PS的.用画板调颜色.上传替换.
Capture430.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2007-2-6 19:56:34 | 显示全部楼层
........................
Capture431.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-24 10:45 , Processed in 0.032457 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表