利用栏目的ID来指定背景图,例如把背景图命名为 bg1.jpg bg2.jpg
然后模板代码中背景图片改为:bg{dede:field name=’typeid’/}.jpg
或者按序号{dede:global.itemindex/}标签来命名也可以。
织梦模板怎么修改主页的背景颜色
方法
1、首先制作网站背景图片,这个建议找一些大尺寸的图片。(本图仅限测试使用)
2、通过FTp工具链接到网站的空间,找到dedecms网站的模版文件templets。找到模版目录下的模版样式文件。如果使用的是默认模版,文件在templets/default/style/dedecms.css文件
如果使用的是其他模版,那就看下网页源代码中最上面那部分有行:<link
href=”xxxxxxx”
rel=”stylesheet”
media=”screen”
type=”text/css”
/>其中的xxxxxx就是目标css位置。
3、使用nopepad文件编辑工具打开模版下的dedecms.css样式文件。
将
html{ background:#FFF;}body{ font:12px
Verdana,Arial,Tahoma;}
更改为如下代码:
html
{
background-image:
url(“../images/bj.jpg”);
text-align:
center;
}
body
{
background:
#FFF;
font:
12px
Verdana,Arial,Tahoma;
margin:
auto;
text-align:
left;
width:
970px;
}
4、然后保存,通过FTP工具重新上传至网站模版目录,然后打开网站首页就可以看到网站已经有了背景图片了。
从这两个图就可以看到背景图片已经添加成功了。
织梦模板怎么设置背景颜色
方法
1、首先制作网站背景图片,这个建议找一些大尺寸的图片。(本图仅限测试使用)
2、通过FTp工具链接到网站的空间,找到dedecms网站的模版文件templets。找到模版目录下的模版样式文件。如果使用的是默认模版,文件在templets/default/style/dedecms.css文件
如果使用的是其他模版,那就看下网页源代码中最上面那部分有行:<link href=”xxxxxxx” rel=”stylesheet” media=”screen” type=”text/css” />其中的xxxxxx就是目标css位置。
3、使用nopepad文件编辑工具打开模版下的dedecms.css样式文件。
将
html{ background:#FFF;}body{ font:12px Verdana,Arial,Tahoma;}
更改为如下代码:
html {
background-image: url(“../images/bj.jpg”);
text-align: center;
}
body {
background: #FFF;
font: 12px Verdana,Arial,Tahoma;
margin: 0 auto;
text-align: left;
width: 970px;
}
4、然后保存,通过FTP工具重新上传至网站模版目录,然后打开网站首页就可以看到网站已经有了背景图片了。
从这两个图就可以看到背景图片已经添加成功了。
代码解释:
background-image为背景图片
url(“../images/bj.jpg”) 为背景图片路径
text-align: center; 为居中
background: #FFF; 设置body的背景色
font: 12px Verdana,Arial,Tahoma; 字体设置
margin: 0 auto; 声明外边距属性
text-align: left; 位置为居左
width: 970px; body的宽度
网页背景图片怎么设置
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息,如下图所示:
2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background=”图片名字”即可插入图片,如下图所示:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了,如下图所示:
设计注意:
1、配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。
2、字体问题
很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。
3、布局规范
布局是非常重要的,考虑客户浏览习惯以及他们想展现的内容,并且优化。一个网页,如果布局不合理的话不但影响浏览,而且非常难看。
织梦怎么添加背景图?
首先制作网站背景图片,这个建议找一些大尺寸的图片。
通过FTp工具链接到网站的空间,找到dedecms网站的模版文件templets。找到模版目录下的模版样式文件。如果使用的是默认模版,templets/default/style/dedecms.css文件。如果使用的是其他模版,那就看下网页源代码中最上面那部分有行:<link href=”xxxxxxx” rel=”stylesheet” media=”screen” type=”text/css” />其中的xxxxxx就是目标css位置。
使用nopepad文件编辑工具打开模版下的dedecms.css样式文件。
将html{ background:#FFF;}body{ font:12px Verdana,Arial,Tahoma;}更改为如下代码:html {background-image: url(“../images/bj.jpg”);text-align: center;}body { background: #FFF; font: 12px Verdana,Arial,Tahoma;margin: 0 auto;text-align left; width: 970px;}
然后保存,通过FTP工具重新上传至网站模版目录,然后打开网站首页就可以看到网站已经有了背景图片了。从这两个图就可以看到背景图片已经添加成功了。
织梦怎么添加网站背景图片
在公共样式文件里,body里添加背景图片,然后让图片重复,就可以了。