杭州神话信息技术有限公司

标题: 天天团购2.0修改城市为34省+市区导航效果 [打印本页]

---

作者: 一直在模仿    时间: 2011-8-4 11:20:46     标题: 天天团购2.0修改城市为34省+市区导航效果




本代码来自一直在模仿官方原创。转载请注名出处：
贴子地址：
http://bbs.yzzmf.com/forum.php?mod=viewthread&tid=42&page=1&extra=#pid119



图片预览




[attach]2757[/attach]

[attach]2756[/attach]

[attach]2755[/attach]

[attach]2754[/attach]

[attach]2753[/attach]



0、测试兼容IE，火狐，谷歌，遨游，除了在IE下面，更换成最后一个界面后，切换城市显示弹出来时有点靠左移位后，其它的基本上没问题！



1、打开网站目录：templates/default/header.html
将本目录下的header.txt里的内容全部复制到header里面，替换下面的代码：

<div id="change_city" > <span id="top_title">切换城市</span>
<div id="show_provinces" >
<div class="city_close" id="close">[关闭]</div>
<div style="margin-bottom:0.75em; font-weight:bolder;" class="city_chose"><span>请选择您所在的城市:</span></div>
<ul class="scity">
<!--{loop logic('misc')->CityList() $i $value}-->
<li><span class="sub_title"><a href="?city={$value['shorthand']}">{$value['cityname']}</a></span></li>
<!--{/loop}-->
</ul>


2、CSS样式文件

将面的代码，加到templates/default/styles/main.css这个文件里的最后面!

#chengshi{ width:940px; margin:0 0 0 -4px;background-color:#ffffff;}
#chengshi_list{width:100%;float:left; margin:1px 0 0 0;padding:0;background-color:#ffffff; height:auto;}
#chengshi_list ul{ margin:0}
#chengshi_list ul li{ margin:0 4px; float:left;height:22px;line-height:22px; list-style-type: none; list-style:none; color:#993}
#chengshi_list ul li a{margin:0; color:#069}
.chengshi_clear{ clear:both;}



3、打开templates/default/styles/main.css
    1.搜索#change_city，将后面的position:relative;删除，（包括我里面的;分号也要去掉）
    2.搜索#Sright，将后面的代码z-index:20;删除    （包括我里面的;分号也要去掉）




4、后台添加城市步骤:登陆天天团购后台，团购管理--城市管理--添加城市
    城市名称：比喻：北京，上海，武汉，天津
    城市拼音名：    beijing，shanghai,wuhan,tianjin
以此方法添加城市和目录名：
如："?city=beijing"    这里的beijing就是目录名
如："?city=shanghai"    这里的shanghai就是目录名
如果不知道拼音名，可以看图片有省份和城市列表，或者打开header.txt里，搜索城市，后面有拼音目录
<li><a href="?city=beijing">北京</a></li>
<li><a href="?city=shanghai">上海</a></li>
<li><a href="?city=tianjing">天津</a></li>
<li><a href="?city=chongqing">重庆</a></li>



后台共要添加三四百个多个城市，很累，所以我还没弄，以后加了再导数据库出来吧！虽然没有加添城市，但前台找不到目录的话会自动跳到默认城市，比喻北京我在后台没建城市，在前台我的header.txt里有目录，而你点击时，这时他会跳到你设置的默认城市.


4、网站更新缓存！结束



5、城市的目录名我是按城市拼音来加的，如果你后台不是这样的名字，或没有加，他只会跳到默认城市，这不是BUG


6、更换界面最后一个界面，弹出的切换城市，IE6下有点小问题，跑位了，火狐下没问题。我懒得找了！公司网站上好了，在本地测试时找了半个小没找到问题，懒得找了！以后有时间再看吧！





8、改了两天多，包括把界面也改了(这里只改城市导航)，网站好了，本地也试了下。没问题！
如有问题联系qq群1:39537377，群2：15164978，找群主,在线会回答的！
本人承接仿站、建站、软件开发等任务！联系QQ：3512956

本代码来自【一直在模仿】http://www.yzzmf.com原创，这团购改的比CMS麻烦多了，花了两天多时间弄的，转载请说明出处！

http://www.yzzmf.com专业仿站，学习，模板下载网站！欢迎大家多多支持

演示地址：http://tuan.chezhilv.cn/

---

欢迎光临 杭州神话信息技术有限公司 (http://www.cenwor.com/)

Powered by Discuz! X2