【便民热线】新乡论坛DIV+CSS滑动便民电话代码分享（详细使用方法）

刚刚做好的便民热线代码，分享给大家，希望大家喜欢！

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

演示：http://www.xxluntan.com
显示在论坛的底部

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

说明：
1、可做收费项目，增加收入
2、DIV+CSS结构
3、设置了六个分类，个人认为比较适合地方论坛，其他类型论坛想用的话可以修改类别名称，
4、鼠标滑动控制类别显示
5、每个分类6列，7行，可显42个电话，建议最多6个汉字+不带区号的电话号码，或5个汉字+手机号码，要不可能换行
6、除DX1.5以外，其他版本也适用，比如DZx1、DZ7.2等，甚至PW也能用
7、帖子里做详细的使用说明，如果还是弄不好，回帖说下，看到我会回复帮忙，就不要加QQ了，Q上已经900人了……
8、配套申请收录公告贴，地址：http://www.xxluntan.com/thread-145753-1-1.html  （复制，略作修改，发到你论坛做申请专贴）
9、人人为我，我为人人，下载后别忘了顶贴，让更多的人能看到！

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

效果截图：


※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

使用方法：（以DX1.5为例，其他版本大同小异）
使用方法可以选择DIY，也可以广告的形式实现，我是以广告的形式实现的，所以演示如何实现，会的话就绕过这一步，直接到下边下载附件吧！

第一步：
下载附件“便民电话”压缩包，解压后，得到一个“static”文件夹和一个“xxeasy.html”文件，将其上传至论坛根目录

第二步：
后台——扩展——全局 页尾通栏广告 ——点“添加”按钮，进入添加广告页面，设置如下：

广告标题：随便写，比如“便民热线”
广告投放范围：选择“论坛”  （当然你也可以同时选择其他区域，比如门户）
投放版块：选择“首页”   （个人觉得只在首页放比较合适，当然你也可以选择所有版块）
起始时间：选择今天
展现方式：“代码”
广告HTML代码：

1. <iframe src="xxeasy.html" scrolling="no" width="960px" height="206px" frameborder="0"></iframe>

复制代码

其他的项不填或不选，如下图：



提交，OK了！

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

xxeasy.html使用说明：

简单说下如何管理便民电话，因为不是插件，所以只能以修改HTML文件的方式管理便民电话，不过只要稍微有些HTML常识，应该都可以很轻松的管理，且代码中也做了简单的注释，应该是非常简单的。

1、添加、删除、修改电话

默认分六大类，每类6列，7行，42个位置，一共是270个位置。（可能你觉得没有那么多电话可放，个人觉得地方论坛的话，这样分类远比那些简单的一个行业就一个的实用的多。）

我已经将所有的位置都预留好了，你只要以填空的方式填入你的东西就可以了，看代码：

1. <ul>
   
2. <li>市长热线：12345</li>
   
3. <li>消费投诉：12315</li>
   
4. <li>物价投诉：12358</li>
   
5. <li>质量举报：12365</li>
   
6. <li>环保投诉：12369</li>
   
7. <li>天气预报：12121</li>
   
8. </ul>

复制代码

了解DIV的应该能看明白，不明白也简单，ul和li是项目列表标签，简单的说，在这里，相当于行和列，《ul》……《/ul》这是一行，《li》……《/li》这是一格，你只要把内容添加到li标签之间就可以了，把li之间的内容删除，即为留空了这一格，（上边说了，一共6列，所以有6个《li》，7行，每个DIV之间有7个《ul》，上边的代码只是截取了其中之一），弄的貌似我在讲解HTML基础……&#%￥#%%#￥#￥

原始文件中，只有第一个大类市政服务里基本是满的，其他的要不一两个，要不是留空的。

2、套色、加粗显示

CSS代码中我预留了四种醒目显示方式，分别是套红、套蓝、套红+粗、套蓝+粗

1. #xx_easy .red { color:#F00;} /* 套红 red */
   
2. #xx_easy .blue { color:#00F;} /* 套蓝 blue */
   
3. #xx_easy .redb { color:#f00; font-weight:bold;} /* 套红+粗 redb */
   
4. #xx_easy .blueb { color:#00f; font-weight:bold;} /* 套蓝+粗 blueb */

复制代码

使用的时候很简单，比如你想给某格套红，那么就用"red"这个样式，如下：

1. 
   
2. <li class=“red”>市长热线：12345</li>    '套红显示
   
3. <li class="redb">市长热线：12345</li>  '套红+粗显示

复制代码

Ok。

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

下载说明：

做这个虽然不难，不过也算是劳动成果，还是希望能有点儿小报酬，当然，也是要坚持人人为我，我为人人的精神！所以老规矩，上传两个压缩包，两个一摸一样，只是一个收费，一个免费，有钱的下收费的捧个钱场，没钱的下载免费的捧个人场~谢谢咯！

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

人人为我  我为人人  下载顶贴  顶贴下载

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

2楼抢下！！！！！！！！！

先测试，看结果

很好，，宁德圈www.ningdequan.com

哥，如果你同意，我就拿你的这个做到模板风格中啦！挺不错的,

zzldss 发表于 2010-12-26 15:54
哥，如果你同意，我就拿你的这个做到模板风格中啦！挺不错的,

同意！

好啊！顶一个！

将下载下来的直接打开怎么是这个样子？