怎么让阿里巴巴导航条装修的导航背景在每个页面显示

来源：蜘蛛抓取(WebSpider) 时间：2015-06-12 06:27 标签： 阿里巴巴导航条装修
查看: 1881|回复: 109
图片背景网页在网站建设中的运用
威望值经验值金钱
网页背景是网站建设中体现风格的一种方式，如果背景建设得好，那么对用户体验则有一定的帮助，现在的网站越来越多的人倾向于选择图片背景的网站设计，让网站看起来显得整体，增加吸引力。0 T- c' u9 I6 }* n
& && &由于现在的用户使用的PC端显示屏大小不一，对网站页面的分辨率有所差别，制作这种图片背景的网站也是个技术活，从图片的选择、尺寸的设置以及与网站主题内容的风格融合等，对于美工来说，都要下一番功夫，其次对于大图背景网页在网站的建设过程中，也会涉及到各种兼容以及显示等问题需要程序解决，但是运用得好，必定是网站靠近成功的好方法。: ~' t2 Y( }2 y9 D! T: [
图片背景在网站建设中的运用原则7 h&&~* H6 C7 m$ Z5 V* X
& && &1、可以突出主风格; g. @8 g* T+ @1 K. h/ A% G7 P
& && &利用大图设计网站背景，并不是随随便便拿张觉得漂亮的图片就能做背景，首先图片要与网站富有极强的相关性，与网站定位保持一致，其次是展示出网站的风格色调，尤其是体现在颜色搭配方面，如果图片已经满足了其它方面，就差色彩与主题的融合的话，可以通过改变图片的明暗，色彩饱和等来平衡网站的整体风格特色，避免出现与主色格格不入的现象。& && &
1.jpg (42.98 KB, 下载次数: 53)
11:53 上传
& && &2、可以突出特色
& && &网站不管是通过何种方式来增加特色，都是围绕着用户体验来实现的，使用图片作背景也即是其中一方面，除了用色彩刺激用户的视觉感，其次就是通过独有的网站特色来吸引用户，那么网站特色背景的设置有时候是一种品牌印象效应，能够更快速地记住你的网站，并且使得用户更有兴趣浏览网站的更多内容。& && &
2.jpg (39.05 KB, 下载次数: 51)
11:53 上传
图片背景在网站建设中运用注意项( K, _; E: ^9 C9 K3 J7 I# F
& && &1、图片和页面的位置
& && &采用图片背景，如果网页与图片的显示不与完全融合的方式实现的话，那么背景图片和网页的位置要考虑相对位置的实现，随着显示屏大小的变化，相对位置保持不变，如果网页没有与背景图片协调好，不同的设备打开网站，其页面与大图背景产生混乱，如图片靠左，页面靠右，则会给用户带来不好的体验，违背了运用图片背景建站的初衷。& && && &&&
3.jpg (91.47 KB, 下载次数: 52)
11:53 上传
& && &2、网页的焦点建设9 q' i) O5 U4 p. H, d2 U
& && &虽然使用图片背景建网站更有气势和吸引力，但是要时刻注意用户的注重焦点，这样做的主要目的是让用户更多的浏览网页的内容，而不在于研究背景的大图，所以焦点始终是要放在网站的重点内容上，记住背景只是一种衬托以及对网页的点缀，对网页背景图片的美化也要适可而止。6 L, g6 ^4 d8 D1 N
4.jpg (20.11 KB, 下载次数: 53)
11:53 上传
& && & 3、图片运用和谐
& && &上面已经说到，图片背景使用最重要的一点是要协调，现在的PS技术已经完善得很强大了，无论是哪一类的图片，只要内容相关，色彩调配都不是问题，但一定不能忽视这一点给用户带来的体验，只有完成好这一步，才称得上是给网站的正能量。& && &
5.jpg (39.64 KB, 下载次数: 50)
11:53 上传
& && &网站始终是为用户服务的，图片背景网页的合理设计是推动网站建设靠近用户的一种运用技巧，能够在一定程度上促进网站的发展。
原文出处链接：/news/1093.html
搜外论坛原创作者：aizhan27$ X" `& l6 H
威望值经验值金钱
不错的帖子，谢谢分享
威望值经验值金钱
好文章支持支持
威望值经验值金钱
一个有信念者所开发出的力量，大于99个只有兴趣者。
威望值经验值金钱
加网页背景冲击视觉~
厂家供应专业批发
威望值经验值金钱
支持楼主，多多分享啊
威望值经验值金钱
归根结底就是用户体验
威望值经验值金钱
如果网页与图片的显示不与完全融合的方式实现的话
lvhuameichangjia
威望值经验值金钱
采用图片背景，如果网页与图片的显示不与完全融合的方式实现的话，那么背景图片和网页的位置要考虑相对位置的实现
威望值经验值金钱
提示: 该帖被管理员或版主屏蔽
威望值经验值金钱
要运用 恰到好处
www.oayb.net
威望值经验值金钱
我也觉得，用户打开网站的第一眼看到的是一张图片，这个第一感觉很重要
威望值经验值金钱
支持 支持 小弟膜拜
威望值经验值金钱
多多分享啊
威望值经验值金钱
必定是网站靠近成功的好方法。
威望值经验值金钱
可以突出特色
威望值经验值金钱
牛逼，楼主强啊。！~
威望值经验值金钱
确实如此啊。哈哈
,,-景航科技
威望值经验值金钱
学习了&&:)
QQ：5813152&&互换链接&&&&
.cn/shengyicanmo
.cn/shuadanshenqi
威望值经验值金钱
原来对图片的处理也有这么多讲究啊
威望值经验值金钱
大图背景网页在网站的建设过程中，也会涉及到各种兼容以及显示等问题
威望值经验值金钱
网站始终是为用户服务的，图片背景网页的合理设计是推动网站建设靠近用户的一种运用技巧，能够在一定程度上促进网站的发展
& &全民娱乐
SEO水平合格认证说明
通过咨询帮助他人解答和分享精华帖子，达到要求将获得此勋章！
工作日:09:00-18:00 账号或帖子问题请您加QQ: / 广告业务: / SEO培训报班:
Powered by - -当前位置： &
DIV CSS打造背景图片超级翻转网页导航菜单 - 网页特效代码演示 - 特效代码运行&
欢迎光临阿里西西网页脚本特效中心，点击运行按钮演示特效：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&&/title&
padding:0;
font-size:12
text-align:
background:#
margin:20px auto 0
list-style-type:
#nav li a:link,#nav li a:visited {
margin-right:1
line-height:26
padding:0 8
text-decoration:
color:#333;
background:url(/upfiles/_link.jpg);
#nav li a:hover {
color:#000;
background:url(/upfiles/_hover.jpg);
#home #nav li a#cur1,#divcss #nav li a#cur2,#csslayout #nav li a#cur3,#css20 #nav li a#cur4,#websites #nav li a#cur5,#moban #nav li a#cur6 {
background:url(/upfiles/_current.jpg);
#topline {
width:100%;
background:#06f;
#content {
margin:18px auto 0
text-align:
color:#000;
&body id="home"&
&ul id="nav"&
&li&&a href="" id="cur1"& 首页&/a&&/li&
&li&&a href="/htmldata/sort/2.html" id="cur2"&建设网站指南&/a&&/li&
&li&&a href="/htmldata/sort/3.html" id="cur3"&网页制作教程&/a&&/li&
&li&&a href="/htmldata/sort/4.html" id="cur4"&动画制作教程&/a&&/li&
&li&&a href="/htmldata/sort/6.html" id="cur5"&网络编程教程&/a&&/li&
&li&&a href="/htmldata/sort/15.html" id="cur6"&视频教程观看&/a&&/li&
&div id="topline"&&/div&
&div id="content"&
现在的位置: &strong&home&/strong& ( 首页)
[提示：可先修改代码再按运行]
刚被其它网友点击的网页特效&
特效标题预览特效点击运行特效
搜索查询面板&
本月特效排行&
本周特效排行&
本日特效排行&阿里巴巴店铺首页装修自定义模块的背景怎么自定义啊，我用颜色就行，图片就不行，求大神们帮忙啊，谢谢了_百度知道
阿里巴巴店铺首页装修自定义模块的背景怎么自定义啊，我用颜色就行，图片就不行，求大神们帮忙啊，谢谢了
com/zhidao/pic/item/d6277f0deae824fc8b，
拍照摄影专业定制淘宝 天猫 阿里 京东 1号店 拍拍 亚马逊等首页装修，还另作手机店铺，详情描述页，详情页设计，无线详情页，图片处理
可以用图片的。用平铺，就能显示了！
我用的background:url(图片地址)，后台直接把这串代码给吃掉了，你用的是什么样的代码下呢，麻烦给写下，谢谢了！
在导航自定义设置里设置body{background-color:#000;}
这不是导航呢，在营销模块里边有一个【自定义内容】，那个的背景怎么用图片做上去呢，我用颜色的话就行，用图片，它就不行，还把那个background的代码给吃掉了，要怎么做才能行呢？
可以用图片，但是要注意图片的尺寸和大小！
我怎么用不起呢，图片也是切的一小块来平铺，后台直接把那串代码给吃掉了，是怎么回事呢？我用的代码是background:url(图片链接),
问题解决了吗
遇到同样的问题，不知道你的解决了没？
其他类似问题
为您推荐：
阿里巴巴的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 阿里巴巴导航条装修 的文章

 

随机推荐