2018全新源码上线了----全部免费源码上源码上线了     

您现在的位置: 主页 > 织梦问学 >

网页制作修改素材统计

来源:未知 发布时间:2018-08-26热度: ℃
边款代码:border: #e9e9e9 1px solid; overflow:hidden 特殊属性样式文件,居中, 清除浮动,对齐 min-height:50px 最小高度50px max-height:50px 最大高度50px width: 100%; 宽度 text-indent: 2em; 段落前面空两个...

边款代码: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;

如何去掉点击输入框蓝色线框
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      写织梦yabo88下载亚博体育「信誉网站」的时候经常用到获取当前栏目名称和路径, 用于当前页面导航,所以总结了一些标签写法

     border-width: 1.3px;  虚线样式

背景图上下左右移动样式代码style="
    background: url(images/new.png) no-repeat 100% 4px;
"
图片居中代码开始

图片居中代码结束



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

 
标签如下:
当前:
 
{dede:type}
{/dede:type}



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



 


 list-style: none;;链接字体前面有黑点去除样式标签,

  • 标签去除黑点样式

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

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


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

    列表页缩略图浮层样式:[field:title/] 样式: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;(结束)



    文字居中/字体居中:
    [field:title/]

    宽度代码: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定位代码

    接口地址
     
     
     
    区(用处不大)感觉没效果(城市定位代码,城市更具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' }
      {dede:channel type='son' noself='yes' }
      {/dede:channel}
      {/dede:channelartlist}
       
      —————————————————————————————————
       
       
      网站背景CSS代码
      background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
       
      —————————————————————————————————
       
      浮在图片上的文字链接代码
       
      —————————————————————————————————
       
      手机端仿制栏目链接,列表页文章链接,文章链接,调用标签
      手机栏目页调用标签:/m/list.php?tid=[field:id/]
      手机文章页链接调用标签:/m/view.php?aid=[field:id/]
      —————————————————————————————————
      K无效链接/空链接 href=“#"与href="javascript:void(0)”       空格
       
        重要的,兼容,可以有效去掉正文图片的图片宽高度;去掉如
      【    width: 895px;   height: 537px;】
       
      width: 100% !important;
       
      height: auto !important;
       
      —————————————————————————————————
      文字居中

      麒麟阁风水设计(北京)

      —————————————————————————————————
       
      当前文章页调用当前栏目导航案例:
      {dede:channel    field='ID'     row='10'               }
    • [field:typename/]
    • {/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)”/}指的是当前栏目的名称
       
       
      —————————————————————————————————
       
       
       
      文章发布管理功能字段添加
       
       
      —————————————————————————————————
       
      都是调用栏目名称, 但用到的地方不一样
       
      {dede:field name='typename'/}  是单独用的, 不跟其他标签嵌套
      [field:typename/] 这种带方括号的是必须要嵌套在其他标签里面用的 
      比如:
    • {dede:type typeid='26'}
         [field:typename/]
      {/dede:type}
      比如:
       
      栏目链接:{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'}
      [field:typename/]{/dede:type}
      {dede:type typeid='28'}
      [field:typename/]{/dede:type}
       
      {dede:channel type='son' noself='yes'   row='4'  typeid ='28'}
      [field:typename/]{/dede:channel}
       
       
       
       
      —————————————————————————————————
      字段在列表yabo88下载亚博体育「信誉网站」添加例子,{dede:arclist channelid='您这个自定义模型的id'  typeid='您要调用的栏目id' addfields='apptype'}首先您要先确认您的自定义字段勾选了使字段可以在列表的底层yabo88下载亚博体育「信誉网站」中获得。
         {dede:arclist channelid='1'   typeid='1'  row='10'     addfields='apptype,jiaqian' titlelen='10'  imgwidth='290'  imgheight='170' }
         
       
           
           
      [field:jiaqian/]元  0[field:id/]
           
      [field:title/]
         
      {/dede:arclist}
      —————————————————————————————————
      单页内容的yabo88下载亚博体育「信誉网站」调用标签是 {dede:field.content/}
      —————————————————————————————————
      表单验证码添加
      1、先进入DedeCMS后台生成自定义表单。
      2、在自定义表单yabo88下载亚博体育「信誉网站」中添加验证码代码,如下:  
      看不清?点击更换看不清?
         
      3、在当前页添加JS代码,如下:   
         
      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"}
                  病因
                 
                  [field:title/]
             
          {/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文章发布管理功能字段添加
       
       
       
      —————————————————————————————————
       
       
      如果要把地图添加到现有的网页中,可以使用iframe标签,如:
       
      —————————————————————————————————
       
       
       
       
       
       
      单页内容的yabo88下载亚博体育「信誉网站」调用标签是 {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}
        [field:typename/]
      {/dede:type}
       
       
       
      —————————————————————————————————
       
       
       
      14    dedecms调用顶级栏目及其子栏目
       
       
      {dede:channelartlist row='2' typeid='1,2' }
       

      {dede:field name='typename'/}

       
         
        {dede:channel type='son' noself='yes' }
         
      • [field:typename/]
      •  
        {/dede:channel}
         
         
        {/dede:channelartlist}
        —————————————————————————————————
        简略标题
        {dede:field.shorttitle/}
        —————————————————————————————————
         
        15   dedecms调用顶级栏目
         
        {dede:channel type='top' currentstyle="
      • ~typename~
      • "}
          
      • [field:typename/]
      • {/dede:channel}
        ?
         
        dedecms调用同级栏目
         
        {dede:channel currentstyle="
      • ~typename~
      • "}
          
      • [field:typename/]
      • {/dede:channel}
        ?
         
        dedecms调用指定栏目的子栏目
         
        {dede:channel type='son' typeid='3'}
           
      • [field:typename/]
      • {/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/yabo88下载亚博体育「信誉网站」目录
         
        {dede:global.cfg_templeturl/} 织梦yabo88下载亚博体育「信誉网站」目录所在路径  对应 /templets/
         
         
        —————————————————————————————————
         
         
         
         
        文章简介 :[field:description/]... 列表页文章标签调用
         
         
         
        调用指定栏目(单页)内容
         
         {dede:channelartlist type="7"}
         
        {dede:field.content/}
         
        {/dede:channelartlist}....
         
        —————————————————————————————————
         
         
         
        dedecms中修改当前位置{dede:field.position},就是只要 首页>一级栏目>二级栏目 这样,而不需要带链接的。
         
        —————————————————————————————————
         
         
         
        二级栏目仿制标签
        {dede:channelartlist row='2' typeid='1,2' }

        {dede:field name='typename'/}

          {dede:channel type='son' noself='yes' }
        • [field:typename/]
        • {/dede:channel}
          {/dede:channelartlist}
           
           
          —————————————————————————————————
          .
          将你要仿站的网站的搜索页网页另存为,关键词搜素仿制,修改一下保存到dedecmsyabo88下载亚博体育「信誉网站」中search.htm。
          .
          找到相应的搜索标签进行如下修改。
          .
          .
          2
          .
                           
          .
          .
          .
          注:关键是修改代码中的黑色字体的部分。这样就能调用yabo88下载亚博体育「信誉网站」中的search.html
          .
          .
          3
          .
          关于搜索页中的头部标签按照default中搜索页的头部进行仿制即可。
          .
          下面是头部代码:
          .
          搜索页_{dede:global.cfg_webname/}
          .
          .
          —————————————————————————————————
          4
          .
          搜索页的列表标签,时间,分页标签较之前的有所不同:
          .
          列表标签:
          .
          {dede:list perpage='20'}{/dede:list}
          .
          属性:
          .
          perpage='20'调用的条数
          .
          .
          时间:[field:stime/]
          .
          分页调用:{dede:pagelist listsize='4'/} 
          .
          —————————————————————————————————
           
           
          图集调用标签
           
          {dede:productimagelist}
            {/dede:productimagelist}
           
           
          列表翻页居中样式
                         
            {dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
           
          列表翻页样式
           
          .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列表调用内容多张图片,不用图片集/图集yabo88下载亚博体育「信誉网站」: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      写织梦yabo88下载亚博体育「信誉网站」的时候经常用到获取当前栏目名称和路径, 用于当前页面导航,所以总结了一些标签写法
           
          标签如下:
          当前:
           
          {dede:type}
          [field:typename/]
          {/dede:type}
           









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

           

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

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




          表单表格禁止输入代码


            <>for="">电话:
            <>type="numbervalue="13658956266readonly>
           





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

          /*一行表示**/
               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;





          悬浮右侧代码

             
           
             
           
              margin: 0px;
              padding: 0px;
              text-align: center;
              width: 30px;
              height: 100px;
              background: #F00;
              font-size: 16px;
              font-weight: bold;
              color: #fafafa;
              border-radius: 5px;
          ">     color: #ffffff;
          ">点击关注
             
           
           
           
           
          悬浮右侧代码结束


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



          <>id="kefu2">
            <>class="cs_qcode">
            <>alt="" src="picture/1010.pngstyle="width: 73%; " />
            <>style="text-align: center;">
            <>style="font-size:18px;"> 扫描二维码添加好友
                   






          下面是底部浮窗代码
           
           
                 
          •     color: #ffffff;
          • ">长按添加微信 
          •     color: #ffffff;
          • ">电话咨询  
               
          •     color: #ffffff;
          • ">短信留言
             
             



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



            display:block;  图片无缝对接



            MP4播放视频代码




            地图代码,,地图下载   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/

            网页随机跳转代码开始









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


               

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

                   
               

            本文地址:http://www.squanzi.com/a/zhimengwenxue/20180826/107.html

            责任编辑:admin

            上一篇:点击返回有弹出的代码

            下一篇:自动弹出代码,带关闭的代码

            相关阅读