cms07——单页模版制作教程

最新推荐文章于 2022-11-24 14:42:53 发布

winner_corl

最新推荐文章于 2022-11-24 14:42:53 发布

阅读量423

点赞数

分类专栏：帝国软件教程

本文链接：https://blog.csdn.net/Sicily_winner/article/details/89186966

版权

本篇文章会讲述单页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

最低0.47元/天解锁文章

winner_corl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
cms07——单页模版制作教程

本篇文章会讲述单页html创建，我们都知道404或者关于我们肯定是单页html，而单页html是要选择页面内容式，而类似首页的则为封面式，下面是封面式例子：如果选择了页面内容式，则下方黄色部分全部不起作用！！！！但是它还是支持帝国的语法的，网页的具体内容直接写在页面内容框中，具体html实现如下，记得刷新哦！我只是修改了引用地址！！<!DOCTYPE html>...
复制链接

扫一扫