【开拓族】免费网站模板下载,专业网站建设,织梦帝国仿站,SEO优化教程,新闻发布,5折主机

开拓族能解决哪些问题?

甘肃网站建设费用

甘肃网站建设费用详情

企业网站建设就选开拓族

开拓族 其他
服务

微信.旺旺.QQ全天在线,3小时内必回应

保证网站安全稳定运行.客户源源不断

价格

网站建设一条龙全包价

费用清晰透明,无隐形消费

专业

专注网站建设12年

专注排名优化10年

便捷

仅需选择套餐

开拓族为您完成所有繁杂建站工作

安全

淘宝担保交易,安全放心

网站https加密,安全省心

放心

100%满意再付款

服务

沟通形式单一,流程复杂,服务跟进缓慢

处理问题缓慢,网站经常无法访问

价格

别看报价低

费用模糊,隐形消费多

专业

只会套用现成网站模板

无法完成客户额外需求

便捷

需客户自己上传网站源码,上传数据库

需客户自己购买域名,绑定域名和空间

安全

微信.支付宝转账,资金有风险

不懂https加密,网站信息.账号有安全隐患

放心

网站不满意,无售后,投诉无门

甘肃网站建设服务

免费赠送 888元 大礼包

西部数码空间1G

免费

¥188

国际域名.com

免费

¥55

数据库100M

免费

¥100

网站程序源代码

免费

¥145

网站LOGO设计

免费

¥200

网站架构SEO优化

免费

¥200

更多增值服务

甘肃网站建设方案

甘肃网站建设制作流程

甘肃网站建设案例

网站建设知识

摘要:【企业】☑网站建设 ☑新闻发布 ☑问答推广 ☑SEO优化 ☑甘肃建站【站长】☑网站模板 ☑织梦模板 ☑帝国模板 ☑建站教程 ☑SEO外包QQ:48844189 专注甘肃网站建设9年

帝国CMS万能标签使用教程

相关教程

教程地址:帝国CMS灵动标签使用教程

1)制作标签模板

位置:后台>模板>标签模板>管理标签模板>增加标签模板

tips:和制作列表模板方法一样。

2)生成万能标签

位置:后台>模板>自动生成标签

帝国CMS万能标签使用教程 第1张

3)插入生成的万能标签

将生成的标签插入到想要的位置;

更新相关页面即可。


举例:

效果演示

帝国CMS万能标签使用教程 第2张

演示代码

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <style>
  7.         *{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;list-style:none;}
  8.         .msg{display:flex;margin:0 auto;width:1200px;box-shadow:0 8px 16px rgba(0,0,0,.15);flex-wrap:wrap;}
  9.         .msg .item{position:relative;margin-top:10px;padding:24px;width:100%;max-width:33.333333%;min-height:1px;background:#eee;flex:0 0 33.333333%;}
  10.         .msg .item .info{position:relative;}
  11.         .msg .item .info::after{clear:both;display:block;content:"";}
  12.         .msg .item .info h3{float:left;display:inline-block;margin-top:0;margin-bottom:0;padding:8px;border-radius:4px;background:#2be;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-weight:400;font-size:75%;line-height:1;}
  13.         .msg .item .info h3::before{position:absolute;top:-15px;left:-12px;display:inline-block;margin-bottom:8px;width:25px;height:25px;border-radius:50%;background-color:#fff;color:#2be;content:'+';text-align:center;font-weight:500;font-size:20px;line-height:1.2;}
  14.         .msg .item .info a{float:right;margin-top:4px;background-color:transparent;text-decoration:none;font-size:14px;}
  15.         .msg .item ul{display:flex;margin-top:8px;margin-bottom:0;padding-left:0;-ms-flex-direction:column;flex-direction:column;}
  16.         .msg .item ul li{padding:16px;width:100%;border:none;border-bottom:1px solid transparent;border-top-right-radius:4px;border-top-left-radius:4px;background-color:transparent;color:#495057;text-align:inherit;transition:all .5s;}
  17.         .msg .item ul li:hover{background:#ccc;}
  18.         .msg .item ul li h4{display:inline-block;overflow:hidden;margin-bottom:4px;padding-right:8px;width:80%;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:16px;line-height:1.2;}
  19.         .msg .item ul li h4 a{background-color:transparent;color:#333;}
  20.         .msg .item ul li h4 a:hover{color:#2be;}
  21.         .msg .item ul li small{float:right;width:20%;white-space:nowrap;font-weight:400;font-size:80%;}
  22.         .msg .item ul li p{overflow:hidden;margin-top:0;margin-bottom:0;height:40px;color:#777;font-size:14px;}
  23.     </style>
  24. </head>
  25. <body>
  26. <div class="msg">
  27.     <div class="item">
  28.         <div class="info">
  29.             <h3>快速建站</h3>
  30.             <a href="articlelist.html" title="快速建站">查看更多&gt;&gt;</a>
  31.         </div>
  32.         <ul>
  33.             <li>
  34.                 <h4><a href="articledetail.html" title="开拓族自助建站真的开源?" target="_blank">开拓族自助建站真的开源?</a></h4>
  35.                 <small>2019/01/12</small>
  36.                 <p>开拓族建站自2019年起推出了全新理念的自助建站,开拓族企业建站系统、开拓族商业模板……</p>
  37.             </li>
  38.             <li>
  39.                 <h4><a href="articledetail.html" title="开拓族自助建站真的开源?" target="_blank">开拓族自助建站真的开源?</a></h4>
  40.                 <small>2019/01/12</small>
  41.                 <p>开拓族建站自2019年起推出了全新理念的自助建站,开拓族企业建站系统、开拓族商业模板……</p>
  42.             </li>
  43.         </ul>
  44.     </div>
  45. </div>
  46. </body>
  47. </html>