网页制作相关问题,下图红圈中的“头条”是怎么制作出来的,请教

html-css012

网页制作相关问题,下图红圈中的“头条”是怎么制作出来的,请教,第1张

可以用css给当前DIV加个背景

background-image:url("../images/ico.png")

../images/ico.png这个是你的图片的绝对路径

表单制作有两种实现形式:

技术型。就是HTML5语言+css等制作而成的炫酷页面,统称为H5就是落地页了。这种事企业自己制作的。

使用现有模板。因为在一个非技术公司自己制作落地页不实在,利用其它free工具是节约成本的有效办法吧。秀赞、maka等的就是制作表单和H5落地页的,本身所具有的表单模板丰富而且精美,可使用场景丰富,选择多样,而且还有抽奖、水果机等功能,提高粉丝参与率。市面上所具有的大部分表单也大概就是兼容微信与网页,粘贴二维码之类的进行数据收集,在后台实时数据监测。

如何修改织梦5.5头条的样式

1.对织梦5.5头条标题的样式的修改

找到根目录下的/templets/style/page.css

通过DW或者记事本打开该样式,查找:.index .bignews .onenews h2 a{

font-size:16px

}--这是首页头条标题的文字属性设置

找到如上头条标题的样式,然后我们就可以对它进行修改了。

修改后:index .bignews .onenews h2 a{

font-size:16pxcolor:#ff0000font-style:italic

}

这样头条颜色就变成红色了,然后字体样式变成斜体,当然了,如果你要修改成其他颜色也是可以的。如图:

如何修改织梦5.5头条的样式

2,对织梦5.5首页头条框架背景的修改

找到根目录下的/templets/style/page.css

在 \templets\style\page.css 里找到:

.index .bignews .onenews{

padding:8px 12px

border-bottom:1px solid #EBEBEB

修改为:

.index .bignews .onenews{

padding:8px 12px

background:url(../images/bignews_bg.gif) top center no-repeat

border-bottom:1px solid #EBEBEB

3、对织梦5.5首页头条的标题长度修改

打开 index.htm

找到如下代码:

<!--头条-->

<div class="onenews">

{dede:arclist flag='h' limit='0,1'}

<h2><a href="[field:arcurl/]">[field:title/]</a></h2>

<p>[field:description/]...<a href="[field:arcurl/]">[查看全文]</a></p>

{/dede:arclist}

</div>

<!-- /onenews -->

找到这行:{dede:arclist flag='h' limit='0,1'}

在里面加如: titlelen='你想要的数字' 如我想要显示20个汉字,即加如: titlelen='40'

即为:{dede:arclist titlelen='40' flag='h' limit='0,1'}

每2个字符等于1个汉字!