cms07——单页模版制作教程
2024-04-26 02:32:28
本篇文章会讲述单页html创建，我们都知道404或者关于我们肯定是单页html，而单页html是要选择页面内容式，而类似首页的则为封面式，下面是封面式例子：
如果选择了页面内容式，则下方黄色部分全部不起作用！！！！
但是它还是支持帝国的语法的，网页的具体内容直接写在页面内容框中，具体html实现如下，记得刷新哦！我只是修改了引用地址！！
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content=""><meta name="author" content=""><!-- Favicons================================================== --><link rel="icon" href="[!--news.url--]skin/web/images/favicon.png" type="image/x-icon"> <!-- LOAD CSS FILES --> <link href="[!--news.url--]skin/web/style.css" rel="stylesheet" type="text/css"> <!-- color scheme --><link rel="stylesheet" href="[!--news.url--]skin/web/switcher/demo.css" type="text/css"><link rel="stylesheet" href="[!--news.url--]skin/web/switcher/colors/blue.css" type="text/css" id="colors"></head><body><!-- Preload images start //--><div class="images-preloader" id="images-preloader"><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div><!-- Preload images end //--><div id="wrapper"><!-- header begin --><header class="site-header-1 site-header"><!-- Main bar start --><div id="sticked-menu" class="main-bar"><div class="container"> <div class="row"> <div class="col-md-12"><!-- logo begin --><div id="logo" class="pull-left"> <a href="index.html"><img src="[!--news.url--]skin/web/images/logo.png" alt="" class="logo"></a></div><!-- logo close --><!-- btn-mobile menu begin --><a id="show-mobile-menu" class="btn-mobile-menu hidden-lg hidden-md"><i class="fa fa-bars"></i></a><!-- btn-mobile menu close --> <!-- mobile menu begin --><nav id="mobile-menu" class="site-mobile-menu hidden-lg hidden-md"><ul></ul></nav> <!-- mobile menu close --> <!-- desktop menu begin --><nav id="desktop-menu" class="site-desktop-menu hidden-xs hidden-sm"><ul class="clearfix"><li class="active"><a href="index.html">Home</a><ul><li><a href="index.html">Homepage 1</a></li><li><a href="index2.html">Homepage 2</a></li><li><a href="index3.html">Homepage 3</a></li></ul></li><li><a href="#">Features</a><ul><li><a href="comingsoon.html">Coming Soon</a></li><li><a href="404.html">404 Error</a></li><li><a href="#">Sub Headers</a><ul><li><a href="sub-header.html">Sub Header 1</a></li><li><a href="sub-header1.html">Sub Header 2</a></li><li><a href="sub-header2.html">Sub Header 3</a></li><li><a href="sub-header3.html">Sub Header 4</a></li></ul></li> <li><a href="#">3rd Level Menu</a><ul><li><a href="#">Sub link 1</a></li><li><a href="#">Sub link 2</a></li></ul></li> </ul></li><li><a href="#">Pages</a><ul><li><a href="about.html">About Us</a></li><li><a href="service.html">Services</a></li><li><a href="pricing.html">Pricing Tables</a></li><li><a href="typography.html">Typography</a></li><li><a href="element.html">Elements</a></li><li><a href="faqs.html">FAQs</a></li> </ul></li><li><a href="projects.html">Portfolios</a><ul><li><a href="projects-3-cols.html">Portfolio 3 Columns</a></li><li><a href="projects-4-cols.html">Portfolio 4 Columns</a></li><li><a href="projects-5-cols.html">Portfolio 5 Columns</a></li><li><a href="project-detail.html">Single Project</a></li></ul></li><li><a href="#">Shop</a><ul><li><a href="shop-catalog.html">Online Store Catalog</a></li><li><a href="shop-cart.html">Online Store Shopping Cart</a></li><li><a href="shop-checkout.html">Online Store Checkout</a></li><li><a href="shop-single.html">Single Store Product</a></li></ul></li><li><a href="blog.html">Blog</a><ul><li><a href="blog-list.html">Blog List</a></li><li><a href="blog-grid.html">Blog Grid</a></li><li><a href="blog-single.html">Blog Article</a></li></ul></li><li><a href="#">Contact Us</a><ul><li><a href="contact1.html">Contact Us 01</a></li><li><a href="contact2.html">Contact Us 02</a></li><li><a href="contact3.html">Contact Us 03</a></li></ul></li></ul></nav><!-- desktop menu close --><!-- Header Group Button Right begin --><div class="header-buttons pull-right hidden-xs hidden-sm"><div class="header-contact"><ul class="clearfix"><li class="phone"><i class="fa fa-phone"></i> <span>0112-826-2789</span></li><li class="border-line">|</li></ul></div><!-- Button Modal popup searchbox --><div class="search-button"><!-- Trigger the modal with a button --><a href="" data-toggle="modal" data-target="#myModal"><i class="fa fa-search"></i></a> </div><!-- Top Cart --><div class="cart-button"><a href="#" class="dropdown-toggle cart-contents" data-toggle="dropdown" ><i class="fa fa-shopping-bag"></i> <span class="mini-cart-counter">3</span></a><div class="dropdown-menu top_cart_list_product"><ul class="cart_list product_list_widget clearfix"><li class="mini_cart_item"><div class="img-thumb"><img alt="" class="attachment-shop_thumbnail" src="[!--news.url--]skin/web/images/shop/thumb/product-thumb-1.jpg"></div><div class="product-detail"><a class="remove" href=""><i class="fa fa-times"></i></a><a href="#">Bed Dream</a> <span class="quantity">1 × <span class="amount">$600</span></span></div> </li><li class="mini_cart_item"><div class="img-thumb"><img alt="" class="attachment-shop_thumbnail" src="[!--news.url--]skin/web/images/shop/thumb/product-thumb-2.jpg"></div><div class="product-detail"><a class="remove" href=""><i class="fa fa-times"></i></a><a href="#">Bed Gravida</a> <span class="quantity">2 × <span class="amount">$550</span></span></div> </li><li class="mini_cart_item"><div class="img-thumb"><img alt="" class="attachment-shop_thumbnail" src="[!--news.url--]skin/web/images/shop/thumb/product-thumb-3.jpg"></div><div class="product-detail"><a class="remove" href=""><i class="fa fa-times"></i></a><a href="#">Bed Wood</a> <span class="quantity">1 × <span class="amount">$450</span></span></div> </li></ul><p class="total"><strong>Subtotal:</strong> <span class="amount">$2,150</span></p><p class="buttons"><a class="button wc-forward btn btn-primary" href="">View Cart</a><a class="button checkout wc-forward btn btn-secondary pull-right" href="">Checkout</a></p></div></div><!-- Button Menu OffCanvas right --><div class="navright-button"><a href="" id="btn-offcanvas-menu"><i class="fa fa-bars"></i></a> </div> </div><!-- Header Group Button Right close --></div></div></div></div></header><!-- header close --><div class="gray-line-2"></div><!-- Modal Search begin --><div id="myModal" class="modal fade" role="dialog"><button type="button" class="close" data-dismiss="modal">×</button><div class="modal-dialog myModal-search"><!-- Modal content--><div class="modal-content"> <div class="modal-body"><form role="search" method="get" class="search-form" action=""><input type="search" class="search-field" placeholder="Search here..." value="" title="" /><button type="submit" class="search-submit"><i class="fa fa-search"></i></button></form></div></div></div></div><!-- Modal Search close --><!-- Menu OffCanvas right begin --><div class="navright-button hidden-sm"><div class="compact-menu-canvas" id="offcanvas-menu"><h3>menu</h3><a id="btn-close-canvasmenu"><i class="fa fa-close"></i></a><nav><ul class="clearfix"><li><a href="index.html">Home</a></li><li><a href="features.html">Features</a></li><li><a href="pages.html">Pages</a></li><li><a href="portfolio.html">Portfolios</a></li><li><a href="shop.html">Shop</a></li><li><a href="blog.html">Blog</a></li><li><a href="contact.html">Contact Us</a></li></ul> </nav></div></div> <!-- Menu OffCanvas right close --><!-- content begin --><div id="content" class="no-padding"> <!-- section begin --><section id="section-404" class="no-padding"> <div class="container"><div class="row"><div class="col-md-6 col-md-offset-1 col-sm-7"><div class="content-404 intro-text margin-top-170"><h2>404</h2><p>Oop! We are sorry, the page not found!</p><div class="divider-single"></div><a href="#" class="btn btn-primary">Back to Prevew Page</a></div> </div><div class="col-md-5 col-sm-5"><img alt="" src="[!--news.url--]skin/web/images/404.png" class="img-responsive margin-top-30"></div></div></div> </section><!-- section close --> </div><!-- content close --><!-- footer begin --><footer class="footer-1 bg-color-1"><!-- main footer begin --><div class="main-footer"><div class="container"><div class="row"><div class="col-md-3"><div class="compact-widget"> <div class="widget-inner"><img class="logo-footer" src="[!--news.url--]skin/web/images/logo-footer.png" alt="compact company"><p>Compact is a clean PSD theme suitable for corporate, You can customize it very easy to fit your needs, semper suscipit metus accumsan at. Vestibulum et lacus urna. Nam luctus ac tortor eu</p><div class="social-icons clearfix"><a href="#" class="facebook" ><i class="fa fa-facebook"></i></a><a href="#" class="twitter" ><i class="fa fa-twitter"></i></a><a href="#" class="google" ><i class="fa fa-google-plus"></i></a><a href="#" class="youtube" ><i class="fa fa-youtube-play"></i></a><a href="#" class="linkedin" ><i class="fa fa-linkedin"></i></a></div></div> </div></div><div class="col-md-3"><div class="compact-widget"><h3 class="widget-title">Features</h3> <div class="widget-inner"><ul><li><a href="#">About Us</a></li><li><a href="#">Our Story</a></li><li><a href="#">Term & Conditions</a></li><li><a href="#">Privacy Policy</a></li><li><a href="#">Sites Map</a></li></ul></div> </div></div><div class="col-md-3"><div class="compact-widget"><h3 class="widget-title">Contact Us</h3><div class="widget-inner"><p>Address: 379 5th Ave New York, NYC <br> 10018, United States</p><p>Phone: +(112) 345 6879</p><p>Fax: +(112) 345 8796</p><p>Email: contact@compact.com</p></div></div></div><div class="col-md-3"><div class="compact-widget"><h3 class="widget-title">Newsletter</h3><div class="widget-inner"><div class="newsletter newsletter-widget"><p>Stay informed about our news and events</p><form action="" method="post"><p><input class="newsletter-email" type="email" name="email" placeholder="Your email"><i class="fa fa-envelope-o"></i></p><p><input class="newsletter-submit" type="submit" value="Subscribe"></p></form></div> </div></div></div></div></div></div> <!-- main footer close --><!-- sub footer begin --><div class="sub-footer"><div class="container"><div class="row"><div class="col-md-12 text-center">Copyright © 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></div></div></div></div><!-- sub footer close --></footer><!-- footer close --> </div><a id="to-the-top" ><i class="fa fa-angle-up"></i></a><!-- LOAD JS FILES --><script src="[!--news.url--]skin/web/js/jquery.min.js"></script><script src="[!--news.url--]skin/web/js/bootstrap.min.js"></script><script src="[!--news.url--]skin/web/js/imagesloaded.pkgd.min.js"></script><script src="[!--news.url--]skin/web/js/easing.js"></script><script src="[!--news.url--]skin/web/js/owl.carousel.js"></script><script src="[!--news.url--]skin/web/js/jquery.fitvids.js"></script> <script src="[!--news.url--]skin/web/js/wow.min.js"></script><script src="[!--news.url--]skin/web/js/jquery.magnific-popup.min.js"></script> <!-- Waypoints--><script src="[!--news.url--]skin/web/js/jquery.waypoints.min.js"></script><script src="[!--news.url--]skin/web/js/sticky.min.js"></script><script src="[!--news.url--]skin/web/js/compact.js"></script> <script src="[!--news.url--]skin/web/switcher/demo.js"></script><div id="switcher"><span class="custom-close"></span><span class="custom-show"></span><a class="btn btn-primary width" href="">Buy Now</a> <div class="clearfix"></div> <span class="sw-title">Layout Style</span><select name="switcher" id="tm-layout-switch"><option value="wide" selected="selected">Wide</option><option value="boxed">Boxed</option></select><div class="clearfix spacing-10"></div><span class="sw-title">Boxed Background</span><ul id="tm-boxed-bg"><li class="bg1" data-value="01"></li><li class="bg2" data-value="02"></li><li class="bg3" data-value="03"></li><li class="bg4" data-value="04"></li><li class="bg5" data-value="05"></li><li class="bg6" data-value="06"></li><li class="bg7" data-value="07"></li><li class="bg8" data-value="08"></li><li class="jpg9" data-value="09"></li><li class="jpg10" data-value="10"></li><li class="jpg11" data-value="11"></li><li class="jpg12" data-value="12"></li><li class="jpg13" data-value="13"></li><li class="jpg14" data-value="14"></li></ul><div class="clearfix spacing-10"></div><span class="sw-title">Main Colors:</span><ul id="tm-color"><li class="color1"></li><li class="color2"></li><li class="color3"></li><li class="color4"></li><li class="color5"></li><li class="color6"></li><li class="color7"></li><li class="color8"></li><li class="color9"></li><li class="color10"></li></ul></div></body>
</html>
cms07——单页模版制作教程相关推荐
- 上树建站教程：新手单页网站制作教程上集
功能强大. 链接.文件下载等功能,一份源程序可以制造出无数个网站,只需一些超级简单的 页面程序可以随意的编辑.修改,包括:图片.文案.背景.图片滚动 单页型网站:就是一个独立页面的网站,是一个纯HT ...
- kingcms php,KingCMS php版网站标签模版制作教程(二)
php版的标签 king:模块名称.模型名称 这样构成,以自定义模块的文章模型为例: {king:portal.article number='*' type='*' listid='*' listi ...
- 欧美经典红色博客单页模版Swiss
今天向大家分享一个经典的欧美经典红色博客单页博客模版,该模版采用简洁时尚的扁平风格设计,分辨率为2840*7131 PSD素材. 下载地址 转载于:https://www.cnblogs.com/dg ...
- 简单3D翻页相册制作教程
3D效果看起来总是要比平面的图形看起来视觉效果要好的多,今天来教大家制作简单的3D翻页效果的视频. 视频预览链接:https://v.youku.com/v_show/id_XMzgxOTY5NzQz ...
- discuzX1.5制作单页教程
首先,单页包括该单页的php文件和该单页的模板(.htm)文件,比如:host.php.host.htm 本帖隐藏的内容 单页的php文件内容如下: 1. <?php 2. 3. ...
- Discuznbsp;x2.5单页制作的教程
原文链接:http://www.zhanhelp.com/thread-5697-1-1.html Discuz单页的制作其实还是很简单的,之前也有很多版本的单页制作的教程,今天这里主要讲Discuz ...
- Discuz x2.5 单页制作的教程
2019独角兽企业重金招聘Python工程师标准>>> 首先,单页包括该单页的php文件和该单页的模板(.htm)文件,比如:host.php.host.htm 单页的php文件内容 ...
- discuz php单页,Discuz! X2 自定义单页面最简单方法
此方法简单到只有一句话:新建一个专题就行了,还可以自定义二级域名和URL,可以设置是否包括页头.页脚,Title/Keywords/description等信息自然不在话下. 新建完后就可以DIY,想 ...
- 织梦dedecsm系统企业简介类单栏目模版如何修改和调用
2013-1-12 14:46 | 发布者: moke | 栏目:dedecms教程 我们的模版里应该都有article_article.htm这个模版,这个模版是文章内容页模板,也就是 ...
最新文章
- 内存编程 c语言 c,C语言编程入门之内存管理
- VTK：可视化之CollisionDetection
- 王琦：5G新视频应用的机会窗口将在2-3年内
- Linux Free命令与cache和buffer的主要区别
- LeetCode 444. 序列重建（拓扑排序）
- 电脑怎么卸载软件干净_不要说你的电脑卸载很干净！分享两款卸载神器！
- 计算机太卡了怎么解决,电脑太慢太卡怎么办,电脑太慢太卡解决方法
- 【JAVA SE】第九章 接口
- java与php链条遇到的坑,记一次Java加密加签算法到php的坑
- 在Debian下安装LAMP
- linux显卡测试radeon,15款热门显卡对比：Radeon RX 6800系列在Linux 1440p环境下表现出色...
- php 最小二乘法,XPS复杂谱图的非线性最小二乘法拟合（NLLSF）操作指南
- SCAU高级语言程序设计--实验6 循环结构（二）（1）
- 安装使用TortoiseSVN + google code
- mysql索引填充因子_处理索引碎片，填充因子(FILLFACTOR)
- QT总结10-绘制箭头
- RuntimeError: xxx.pth is a zip archive (did you mean to use torch.jit.load()?)
- Python入门习题大全——词汇表2
- C# 舒特二次开发采集考勤记录并同步设备时间
- 第十二天内容《基础交换十二》