云水论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2859|回复: 1
打印 上一主题 下一主题

[转帖]关于论坛背景图片的制作

[复制链接]

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

跳转到指定楼层
楼主
发表于 2010-12-22 20:46:19 |只看该作者 |倒序浏览

经常有人问动网的背景怎么制作,有的直接设计个图片加1024*768的,加在

/* 全局定义 */
html, body { background: #fff url("../images/bodybg.gif") repeat-x; color: #333; line-height:18px; }上。

这样的图片不仅占用空间而且在客户端显示也比较慢的,并且在宽屏上更是不可思议。

下面说一下动网的背景图片设计,

 

背景图片的高度自己设定吧,500左右就可以了,重点在宽度,你根本不需要设计过大,因为背景上面你不可能加上太多的东西,(一般采用直色或者渐变)所以在90左右就可以了,有人会问这个小可以吗,回答是可以的。

我们再来看一下动网默认的css里面

 

/* 全局定义 */
html, body { background: #fff url("../images/bodybg.gif") repeat-x; color: #333; line-height:18px; }

 

这个“repeat-x”的意思就是图案无限复制显示的意思(横向),所以你的背景这样添加以后程序会按照屏幕大小进行无限的复制显示,不会因为屏幕大小出现背景的显示不全面了。

  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

沙发
发表于 2010-12-22 20:46:55 |只看该作者
repeat-x 是横向重复,repeat-y纵向重复.
  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

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

Archiver|手机版|云水网 ( 鲁ICP备09069806号 )

GMT+8, 2024-6-15 15:39 , Processed in 0.029400 second(s), 18 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部