第四篇:自适应手机主题制作

501771728   ·  3个月前   ·   模板开发手册

这篇内容实际并不是鲶鱼CMS系统本身的内容,是纯的HTML代码的内容,写到这里是为了方便主题制作者使用。代码里面已经加上了鲶鱼系统的基本标签,下面这个代码,鲶鱼CMS系统和鲶鱼Blog系统是通用的。

大家知道鲶鱼CMS系统目前的主题都是自适应的,也就是说不管是电脑端还是手机端,都有很好的显示效果。

那么如果您打算自己设计制作主题的话,怎么让您制作的主题能够自适应各种终端呢?

这里给一个基本的HTML代码结构:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{$title_easy}{$title}{$subtitle_easy}</title>
<meta name="keywords" content="{$keyword}">
<meta name="description" content="{$description}">
<link rel="icon" href="{$ico_easy}">
<link rel="stylesheet" href="{$domain}public/common/css/bootstrap.min.css">
<script src="{$domain}public/common/js/jquery.min.js"></script>
<script src="{$domain}public/common/js/bootstrap.min.js"></script>
</head>
<body>
这里添加主体内容的HTML代码

{$catfish}
<script src="{$domain}public/{$template}/js/footer.js"></script>
</body>
</html>

您可以直接复制过去,开始您的主题页面制作。其中的“这里添加主体内容的HTML代码”这行文字替换成您实际的HTML代码。

-----------------------

该文章来源于鲶鱼官方网站

版权声明
这里填写版权内容

本页地址:
一言:
0 Reply   |  Until 3个月前 | 150 View
LoginCan Publish Content
每日签到
0人
连续签到0天