马克斯模版使用说明
模板template、js目录[ ]
有的模板附带了功能插件,要求把插件放到js目录下面,这个js目录就是存放功能性js的地方。
马克斯的模板目录一般为template ,打开文件夹以后看到的每个小文件夹都是模板的名称,会显示在后台的模板选择里面。假定这个模板的名称为good,在模板文件夹的下面还会有文件夹,一般会有个images文件夹。还会有其他的文件夹,但是一般都会有个html文件夹,这个文件夹下面都会存放该模板使用的模板文件。为了模板不被下载,我们可以改成其他名字。
如果我们拿到一个模板,只需要对应上传到文件夹就可以了,这里我举几个例子。一般比较正规的模板都会把文件放到相应的文件夹的。
我们的模板解压以后有两个文件夹 js,template两个文件夹,只需要直接对应上传覆盖即可,如果只有一个template文件夹也上传覆盖。
如果解压后的文件中没有template,那么就需要我们自己找出哪个才是模板文件夹。
判断方法,打开文件夹,一直打开直到某个文件夹下面存在images文件夹,并且还有html或者其他名字的文件夹和images文件夹放在同一个目录,那么这个文件夹就是模板的名称,把这个文件夹上传到FTP template文件夹下即可。
模板介绍[ ]
在Max的模版中我们划分一些为主要模板,和一些次要模板。还有一些自定义模板。下面我将逐一介绍。
主要模板有
- head.html-----------模板页头
- foot.html-------------模板页脚
- index.html-----------网站首页模板
- channel.html--------影片列表页模板
- content.html--------内容页影片介绍页模板
- play.html-------------播放页模板
- search.html----------搜索结果页模板
- openplay.html------当后台选择弹窗播放的时候启用该模板。默认不启用。
这些模板决定了影片的观看等,可以满足观看的要求了。
次要模板:功能辅助型。
- map.html------------全部影片/地图页模板。
- topicindex.html-----专题列表页模板
- topic.html------------专题内页模板
- js.html----------------这个为自定义生成模板,为了方便在其他网站调用数据使用。也可以在自己的网站页面动态调用更新的数据。
自定义模板
- 在上面没有介绍到的模板都是自定义模板。自定义模板除了可以自定义channel页面的模板以外,其他模板都必须单独生成该模板。需要重写 admin/admin_makehtml.asp文件后面有介绍。
模板的安装[ ]
模板的安装其实很简单的。上传模板文件以后在后台选择你上传的模板的名称,然后模板的路径处填写你的模板文件夹(储存html模板文件的文件夹)的名称。这样就可以了。为了防止模板不被他人盗用,我们一般都会把默认的html文件夹改成其他名字。
模板简单的修改[ ]
这个地方一直是大家比较糊涂的地方。一般二级分类的模板比较难修改。一级分类的能稍微简单点。模板的修改需要我们修改页头、和首页数据调用。 每个二级分类的模板一级分类的都可以使用,每个一级分类的模板二级分类虽可以使用,但是不好看。(这里认为不可用,想用需要更换导航样式) 有人糊涂了,什么是一级分类,什么是二级分类?打开后台数据管理---分类管理,如果你的分类都是对齐的,这样的就是一级分类,否则就存在二级分类。 也可以通过下面的这个语句判断。后台--工具---SQL高级助手,输入
select m_id,m_name,m_upid from m_type where m_upid>0
如果没有结果就表示一级分类,如果有结果就表示你的数据库存在二级分类。
下面介绍模板导航的修改,说到这里我们需要知道menulist标签的使用,这个是模板分类调用的标签,这里我列出来。
菜单列表标签 参数: type:菜单类型:具体id表示调用指定分类的子分类菜单,top表示调出一级菜单,all全部调出分类菜单(ul li) 例: {maxcms:menulist type=top} [menulist:i]:菜单项排序位 [menulist:typename]:菜单项名称 [menulist:typeid]:菜单项id [menulist:link]:菜单项链接 {/maxcms:menulist}
一级分类的模板调用的时候都是type=top调出所有顶级分类,是通用的导航就不需要修改了!这里我们介绍下二级分类怎么修改导航菜单。
打开后台--数据管理---分类管理,第一列显示的是分类ID,使用type=具体ID代表该分类来调用数据,第二列表示分类名称,第三列是数据分类归属判断。
这里我们以《海盗狗》作为例子。
导航文件代码:
<div class="menux"> <ul class="menu"> <li><a href="{maxcms:indexlink}">首 页</a></li> <li><a href="/channel/?23.html" onmousemove=check();document.getElementById("1").style.display='block'>电影看台</a></li> <li><a href="/channel/?24.html" onmousemove=check();document.getElementById("2").style.display='block'>电视动漫</a></li> <li><a href="/channel/?25.html" onmousemove=check();document.getElementById("3").style.display='block'>综合娱乐</a></li> <li><a href="/channel/?26.html" onmousemove=check();document.getElementById("4").style.display='block'>特色展台</a></li> <li><a href="/allmovie.html" onmousemove=check();document.getElementById("5").style.display='block'>全部影片</a></li> </ul> </div> <div class="menuxiala"> <span id="1" class="xiala1" style="padding-left:80px;display:block;"> {maxcms:menulist type=23}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} </span> <span id="2" class="xiala1" style="padding-left:110px;display:none;"> {maxcms:menulist type=24}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} </span> <span id="3" class="xiala1" style="padding-left:220px;display:none;"> {maxcms:menulist type=25}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} </span> <span id="4" class="xiala1" style="padding-left:330px;display:none;"> {maxcms:menulist type=26}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} </span> <span id="5" class="xiala1" style="display:none;"> </span> </div></div>
这里需要插入个小知识,默认情况下,动态模式的菜单连接形式为 /channel/?1.html 静态模式 /list/list1.html
小窍门:动态模式的连接是可以在静态模式下使用的!所以我们可以用动态的菜单来做连接。
通过分析,我们需要修改的地方就出现了
<li><a href="/channel/?23.html" onmousemove=check(); document.getElementById("1").style.display='block'>电影看台</a></li>
这样的代码就是每个连接的代码如果是动态模式的,我们按照这个,需要修改成动态的就改成/list/list23.html。
这个23就是分类的连接,所以我们只需要把电影这个顶级分类的ID替换就可以了
接下来
{maxcms:menulist type=23}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist}
对了还有类似这样的连接需要修改呢? 也简单对应修改就可以了 把type=23改成你的分类ID。
把所有的都修改好了,那么导航就可以使用了。很简单的,试验下就知道了。
那么一级分类的怎么使用二级分类的导航呢?这个也简单。
<li><a href="/channel/?23.html" onmousemove=check(); document.getElementById("1").style.display='block'>电影看台</a></li>
因为我们是一级分类,所以根本就没这个链接,所以我们可以不要连接,直接修改为。
<li><a href="#" onmousemove=check(); document.getElementById("1").style.display='block'>电影看台</a></li>
这样链接就去掉了,可是还没完毕呢。下面还得改。
原来调用菜单可是
{maxcms:menulist type=23}<a href="[menulist:link]">[menulist:typename]
</a>{/maxcms:menulist}
那么我们就需要改成
<span id="1" class="xiala1" style="padding-left:80px;display:block;"> {maxcms:menulist type=1}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} {maxcms:menulist type=2}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 {maxcms:menulist type=6}<a href="[menulist:link]">[menulist:typename]</a>{/maxcms:menulist} </span>
我这里举例分类ID1-6分别代表,动作,喜剧。。剧情放到电影分类下。你的要根据你自己的情况修改。一直把所有的分类都调用完毕,这样就可以了。其他的对应修改。这样导航就修改完毕了。很简单的。
下面继续:首页的修改。
这个就比较麻烦了,我们必须非常熟悉videolist标签。
其实也简单,一般模板都有演示图片就算没有我们也有模板!查找首页模板index.html。
他导航中23代表的是电影,所以你把这个23换成你的分类为电影的ID就可以了。同理,还需要替换其他的type=具体ID哦。 如果我是一级分类的想用二级分类的模板咋办呢?他的23表示电影,假定我们1-6的分类表示电影,我们就可以使用type=1,2,3,4,5,6 这样效果就一样了。简单吧。也许你觉得不简单,也许你现在还迷糊呢。没关系,多试验几次,多换几个模板尝试一下。你就懂了。不过高级的修改还是需要懂标签的哦。