霍叔
二星会员
二星会员
  • 发帖数214
  • 铜币1124两
  • 威望754点
  • 贡献50点
  • 注册日期2007-04-03
  • 最后登录2015-06-26
阅读:44013回复:288

[修改美化]新式导航菜单老霍共享(一)

楼主#
更多 发布于:2011-07-07 12:08
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
老规矩先上图

图片:未命名.jpg


 
废话不多说,马上来修改!
1 找 mode\house\application\front\viewer\sale_header.htm

<div id="navA">
                        <div class="navAL fl"> </div>
       <div class="navAR fr"> </div>
                        <div class="navA">
<!--
EOT;
if(1){
$addsale = PW_HouseUrl :: addSale();
$addhire = PW_HouseUrl :: addHire(); 
$manage = PW_HouseUrl :: manage();
print <<< EOT
-->                        
                        <a href="{$this->G('houseBaseUrl')}q=shop;uid=$GLOBALS[winduid]" class="td_mymenu" id="td_myhouse">我的店铺</a>
                        <div id="menu_myhouse" class="pw_menu" style="display:none;">
                                <ul class="menuList" style="width:98px;">
                                                <li><a  href="{$addsale}"><i class="sale"></i>发布出售</a></li>
                                                <li><a href="{$addhire}"><i class="rent"></i>发布出租</a></li>
                                                <li><a href="{$manage}"><i class="manage"></i>管理房源</a></li>
                                </ul>
                        </div>
<!--
EOT;
}
print <<< EOT
-->
                                <ul class="cc">
<!--
EOT;
if ($GLOBALS['house_newhouseifopen']) {
print <<<EOT
-->
            <li {$_viewer->current['new']}><a href="{$GLOBALS['houseBaseUrl']}q=new">新房</a></li>
<!--
EOT;
}
print <<<EOT
-->

<!--
EOT;
if ($GLOBALS['house_secondhouseifopen']) {
print <<<EOT
-->
            <li {$_viewer->current['sale']}><a href="{$GLOBALS['houseBaseUrl']}q=index">二手房</a></li>
            <li {$_viewer->current['hire']}><a href="{$GLOBALS['houseBaseUrl']}q=hire">租房</a></li>
<!--
EOT;
}
print <<<EOT
-->
<li {$_viewer->current['broker']}><a href="{$GLOBALS['houseBaseUrl']}q=broker">经纪人</a></li>
<!--
EOT;
foreach ($_Navbar['main'] as $key => $value) {
    if ($key == 'html') continue;
    $html = buildNavLinkHtml($value['data']);
print <<<EOT
-->
    <li>$html</li>
<!--
EOT;
}
print <<<EOT
-->
                                </ul>
                        </div>
     </div>
        </div>
</div>
<div id="pw-house">
<!--
EOT;
?>-->
替换成
<div id="SideMenu">
<ul>
    <dl class="dl1">
            <dt><a href="?m=house;q=sale" target="_blank"><img src="/mode/house/images/dl1.gif" border="0" ></a></dt>
        <dd>
                        <a href="?m=house;q=sale" target="_blank">二手房</a> | 
            <a href="?m=house;q=sale;act=;options=opt.housetype.8" target="_blank">门市</a> · 
                        <a href="?m=house;q=sale;act=;options=opt.housetype.3" target="_blank">公寓</a> · 
                <a href="?m=house;q=sale;act=;options=opt.housetype.7" target="_blank">写字楼</a> 
        </dd> 
    </dl>

    <dl class="dl2">
            <dt><img src="/mode/house/images/dl2.gif" border="0" ></dt>
        <dd>
                <a href="?m=house;q=broker" target="_blank">经纪人</a> |
            <a href="?m=house;q=broker;a=agencys" target="_blank">中介门店</a> |
                <a href="?m=house;q=checkin" target="_blank">开通经纪人</a>
        </dd> 
    </dl>
    <dl class="dl3">
            <dt><img src="/mode/house/images/dl3.gif" border="0" ></dt>
        <dd>
                <a href="thread.php?fid=11" target="_blank">装修装饰</a> |
            <a href="thread.php?fid=12" target="_blank">家居设计</a> |
                <a href="thread.php?fid=14" target="_blank">家居卖场</a>
        </dd> 
    </dl>

    <dl class="dl4">
            <dt><img src="/mode/house/images/dl4.gif" border="0" ></dt>
        <dd>
                <a href="thread.php?fid=22" target="_blank">灌水</a> | 
                        <a href="thread.php?fid=23" target="_blank">亲子乐园</a> |
            <a href="thread.php?fid=24" target="_blank">车迷天下</a> 
        </dd> 
    </dl>
    <dl class="dl5">
            <dt><a href="?m=house;q=hire" target="_blank"><img src="/mode/house/images/dl5.gif" border="0" ></a></dt>

        <dd>
                        <a href="?m=house;q=hire" target="_blank">出租房</a> | 
                <a href="?m=house;q=hire;act=;options=opt.hiretype.2" target="_blank">合租</a> ·
                        <a href="thread.php?fid=8" target="_blank">求租</a> · 
                        <a href="thread.php?fid=9" target="_blank">求购</a>
        </dd> 
    </dl>
    <dl class="dl6">
            <dt><img src="/mode/house/images/dl6.gif" border="0" ></dt>

        <dd>
                <a href="?m=bbs;cateid=18" target="_blank">业主社区</a> |
            <a href="thread.php?fid=17" target="_blank">中介联盟</a> |
                <a href="thread.php?fid=7" target="_blank">二手房讯</a> 
        </dd> 
    </dl>
    <dl class="dl7">

            <dt><img src="/mode/house/images/dl7.gif" border="0" ></dt>
        <dd>
                <a href="?m=house;q=manage;a=addhire" target="_blank">发布出租</a> |
            <a href="?m=house;q=manage;a=addsale" target="_blank">发布出售</a> |
                <a href="?m=house;q=manage" target="_blank">管理房源</a> 
        </dd> 
    </dl>
    <dl class="dl8">

            <dt><img src="/mode/house/images/dl8.gif" border="0" ></dt>
        <dd>
                <a href="u.php" target="_blank">个人中心</a> |
            <a href="userpay.php" target="_blank">积分管理</a> |
            <a href="userpay.php?action=buy" target="_blank">充值</a>  
        </dd> 
    </dl>
</ul>
</div>
        </div>
</div>
<div id="pw-house">
<!--
EOT;
?>-->

2、增加css,文件 mode/house/images/head.css 中

/*a link 基本连接颜色*/
a{text-decoration:none;}
a,a span,a em,a strong{color:#555}
a:hover,a:hover span,a:hover em,a:hover strong{text-decoration:underline; cursor:pointer;}
html{ overflow-y:scroll;}

下面增加
/*新菜单*/
#SideMenu{
        width:960px;
        height:70px;
        overflow:hidden;
        margin:auto;
        background:url(http://www.8house.cc/mode/house/images/menu_s.gif) center top no-repeat;
}
#SideMenu ul{
        width:960px;
        height:50px;
        overflow:hidden;
        padding-top:10px;
}
#SideMenu ul dl{
        padding:0;
        margin:0;
        float:left;
        height:25px;
        overflow:hidden;
}
#SideMenu ul dl.dl1,#SideMenu ul dl.dl5{
        width:240px;
}
#SideMenu ul dl.dl2,#SideMenu ul dl.dl6{
        width:250px;
}
#SideMenu ul dl.dl3,#SideMenu ul dl.dl7{
        width:250px;
}
#SideMenu ul dl.dl4,#SideMenu ul dl.dl8{
        width:220px;
}
#SideMenu ul dl dt,#SideMenu ul dl dd{
        float:left;
}
#SideMenu ul dl dt{
        padding:3px 8px 0 12px;
}
#SideMenu ul dl dd{
        width:180px;
        height:25px;
        overflow:hidden;
        line-height:25px;
        color:#FFF;
}
#SideMenu ul dl.dl2 dd,#SideMenu ul dl.dl6 dd{
        width:180px;
}
#SideMenu ul dl.dl3 dd,#SideMenu ul dl.dl7 dd{
        width:190px;
}
#SideMenu ul dl.dl4 dd,#SideMenu ul dl.dl8 dd{
        width:160px;
}
#SideMenu ul dl dd a{
        color:#FFF;
}


3,上传附件背景图片到 mode/house/images/ 目录
本部分内容设定了隐藏,需要回复后才能看到


完毕

要说明的是:在上面的导航中,装修装饰、家居设计、家居卖场、灌水、亲子乐园、车迷天下、求租、求购、业主社区、中介联盟、二手房讯均为论坛版块链接,请自行修改成你自己站的。

这次同样放出个懒人包,不过稍微加一下门槛,1威望,不过分吧?
[sell=1,rvrc]
本部分内容设定了隐藏,需要回复后才能看到
[/sell]

 
 另外,有朋友需要上面演示图中的bg图片,也共享出来吧,覆盖到mode/house/themes/wind即可
 
本部分内容设定了隐藏,需要回复后才能看到

 
goodfz
三星会员
三星会员
  • 发帖数872
  • 铜币1478两
  • 威望243点
  • 贡献0点
  • 注册日期2011-03-07
  • 最后登录2013-09-05
沙发#
发布于:2011-07-07 12:10
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
沙发啊,兴奋
拿细耳
二星会员
二星会员
  • 发帖数219
  • 铜币21两
  • 威望1点
  • 贡献0点
  • 注册日期2007-08-31
  • 最后登录2013-03-08
  • 社区居民
板凳#
发布于:2011-07-07 12:24
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
板凳吧
达爱无语
三星会员
三星会员
  • 发帖数462
  • 铜币12两
  • 威望47点
  • 贡献0点
  • 注册日期2010-09-27
  • 最后登录2013-05-30
3楼#
发布于:2011-07-07 12:48
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
  顶起  给力哈
123a456bcd
新手上路
新手上路
  • 发帖数38
  • 铜币8两
  • 威望19点
  • 贡献0点
  • 注册日期2011-06-08
  • 最后登录2013-07-27
4楼#
发布于:2011-07-07 13:26
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
这个更好看。。。
吉林房产之家
二星会员
二星会员
  • 发帖数347
  • 铜币10两
  • 威望31点
  • 贡献0点
  • 注册日期2011-03-08
  • 最后登录2012-10-03
5楼#
发布于:2011-07-07 13:30
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
谢谢版主了
sheji100
一星会员
一星会员
  • 发帖数203
  • 铜币5两
  • 威望-8点
  • 贡献0点
  • 注册日期2011-01-29
  • 最后登录2012-05-29
6楼#
发布于:2011-07-07 13:42
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
很好的东西!
sheji100
一星会员
一星会员
  • 发帖数203
  • 铜币5两
  • 威望-8点
  • 贡献0点
  • 注册日期2011-01-29
  • 最后登录2012-05-29
7楼#
发布于:2011-07-07 13:43
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
我回复了。怎么看不到东西呢?
lsrshiw
二星会员
二星会员
  • 发帖数169
  • 铜币428两
  • 威望49点
  • 贡献0点
  • 注册日期2007-10-31
  • 最后登录2012-11-03
8楼#
发布于:2011-07-07 13:52
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
霍霍霍
123a456bcd
新手上路
新手上路
  • 发帖数38
  • 铜币8两
  • 威望19点
  • 贡献0点
  • 注册日期2011-06-08
  • 最后登录2013-07-27
9楼#
发布于:2011-07-07 14:07
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
BG 拿走
wwwfeng
三星会员
三星会员
  • 发帖数607
  • 铜币261两
  • 威望7点
  • 贡献0点
  • 注册日期2005-09-30
  • 最后登录2017-06-26
10楼#
发布于:2011-07-07 15:25
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
好东西 啊啊啊啊
梅县人
四星会员
四星会员
  • 发帖数792
  • 铜币92两
  • 威望2045点
  • 贡献601点
  • 注册日期2008-03-26
  • 最后登录2013-04-26
11楼#
发布于:2011-07-07 16:36
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
过来看看,效果还是不错的
cncstars
二星会员
二星会员
  • 发帖数432
  • 铜币56两
  • 威望23点
  • 贡献0点
  • 注册日期2011-02-26
  • 最后登录2013-11-22
12楼#
发布于:2011-07-07 16:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
老霍啊 我是大连啊 你能不能做个新房的首页啊
jimxin
禁止发言
禁止发言
  • 发帖数612
  • 铜币603两
  • 威望-264点
  • 贡献0点
  • 注册日期2007-08-11
  • 最后登录2012-10-15
13楼#
发布于:2011-07-07 18:10
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
用户被禁言,该主题自动屏蔽!
海螺网
四星会员
四星会员
  • 发帖数1903
  • 铜币100两
  • 威望3082点
  • 贡献0点
  • 注册日期2011-05-13
  • 最后登录2014-03-30
  • 最爱沙发
  • 社区居民
14楼#
发布于:2011-07-08 08:12
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
这个看着比较专业  但是我感觉没有官方的漂亮呢   有谁改了 我看看呗··
上一页
游客

返回顶部