第一部分:模板目录的介绍 template、js目录,识别模板
模板文件都是在template文件夹下的!!!
第二部分:模板介绍!
主要模板有:
head.html-----------模板页头
foot.html-------------模板页脚
index.html-----------网站首页模板
channel.html--------影片列表页模板
content.html--------内容页影片介绍页模板
play.html-------------播放页模板
search.html----------搜索结果页模板
openplay.html------当后台选择弹窗播放的时候启用该模板!默认不启用!
map.html------------全部影片/地图页模板!
gbook.html--------留言板模板
这些模板决定了影片的观看等,可以满足观看的要求了!
辅助模板:功能辅助型!
topicindex.html-----专题列表页模板
topic.html------------专题内页模板
news.html-------------新闻内页模板
newsindex.html------新闻列表页模板
js.html----------------这个为自定义生成模板,为了方便在其他网站调用数据使用!也可以在自己的网站页面动态调用更新的数据!
自定义模板
self_hot.html 组成模式self_模板名称.html 生成在网站根目录模板名称.html
第三部分:模板的安装,及其后台设置,模板的安全!
* html模板文件夹的改名 和后台一起设置
*第四部分:模板的导航、首页修改!模板分类的修改!
1.标签说明:videolist arealist、menulist标签三个标签说明
2.如何判断是一级分类还是二级分类
3.导航部分的判断与修改 head.html
4.首页内容的修改 index.html 地图页修改 map.html
这里必须熟悉videolist arealist、menulist标签
5.幻灯片修改
*第四部分:模板的导航、首页修改!模板分类的修改!
1.标签说明:videolist arealist、menulist标签三个标签说明
2.如何判断是一级分类还是二级分类
3.导航部分的判断与修改 head.html
4.首页内容的修改 index.html 地图页修改 map.html
这里必须熟悉videolist arealist、menulist标签
5.幻灯片修改
这个地方一直是大家比较糊涂的地方!一般二级分类的模板比较难修改!一级分类的能稍微简单点!模板的修改需要我们修改页头、和首页数据调用!
每个二级分类的模板一级分类的都可以使用,每个一级分类的模板二级分类虽可以使用,但是不好看!【这里认为不可用,想用需要更换导航样式!】
有人糊涂了,什么是一级分类,什么是二级分类?打开后台数据管理---分类管理,如果你的分类都是对齐的,这样的就是一级分类,否则就存在二级分类!
也可以通过下面的这个语句判断!后台--工具---sql高级助手,输
入select m_id,m_name,m_upid from m_type where m_upid>0如果没有结果就表示一级分类,如果有结果就表示你的数据库存在2级分类!
下面介绍模板导航的修改,说到这里我们需要回顾下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替换就可以了!ID怎么找?前面介绍了,回头看下吧!这样就修改完毕了么?答案是no!下面还有啊!
<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>
对了还有类似这样的连接需要修改呢? 也简单对应修改就可以了 把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>
这样链接就去掉了,可是还没完毕呢!下面还得改!
原来调用菜单可是
- <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="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标签!不了解的回头看下吧!点我或者点击后面的链接哦!! http://bbs.bokecc.com/viewthread.php?tid=90447&extra=page%3D1
其实也简单,一般模板都有演示图片就算没有我们也有模板!查找首页模板index.html
type=
他导航中23代表的是电影,所以你把这个23换成你的分类为电影的ID就可以了!同理,还需要替换其他的type=具体ID哦! 如果我是一级分类的想用二级分类的模板咋办呢?他的23表示电影,假定我们1-6的分类表示电影,我们就可以使用type=1,2,3,4,5,6 这样效果就一样了!!!简单吧!!也许你觉得不简单,也许你现在还迷糊呢!没关系,多试验几次,多换几个模板尝试一下!你就懂了!不过高级的修改还是需要懂标签的哦!看下我写的标签说明吧,置顶帖有的!!!!
第五部分:广告位的判断和修改!