115风格二级导航(页 1) - Sclub模板修改与美化 - 爱秀代码爱代码|icode|sclub代码|discuz7.2代码

icode 发表于 2018-11-5 18:37

115风格二级导航

[attach]625[/attach]

1、编辑header模板找到[code]<div id="append_parent"></div><div id="ajaxwaitid"></div>[/code]在下边加[code]
<ul id="mycj_menu" style="display: none;margin-left: 130px;margin-top: -30px;">
<div class="mycj-angle"></div>
      <div class="mycj_bottom cl">
<div class="user-bottom-con">
<a href="http://icode.258club.com/bank.php?">社区银行</a>
<a href="http://icode.258club.com/plugin.php?id=dps_sign:sign">签到中心</a>
<a href="http://icode.258club.com/plugin.php?id=get_money:money">红包中心</a>
<a href="http://icode.258club.com/plugin.php?id=dps_medalcenter">勋章中心</a>
<a href="http://icode.258club.com/plugin.php?icode=shuatie">刷帖神器</a>
<a href="http://icode.258club.com/faq.php?icode=xiuxiu">美图秀秀</a>
</div>
</div>
</ul>



<ul id="qmenu_menu" style="display:none;">
<div class="qmenu-angle"></div>

      <div class="qmenu_bottom cl">
<li><a href="magic.php" style="background-image:url(http://122.114.11.142/new115/static/image/feed/magic_b.png) !important" class="hidefocus">道具</a></li>
<li><a href="plugin.php?id=dps_medalcenter" style="background-image:url(http://122.114.11.142/new115/static/image/feed/medal_b.png) !important">勋章</a></li>
<li><a href="task.php" style="background-image:url(http://122.114.11.142/new115/static/image/feed/task_b.png) !important">任务</a></li>
<li><a href="my.php?item=favorites" style="background-image:url(http://122.114.11.142/new115/static/image/feed/collection_b.png) !important">收藏</a></li>
<li><a href="my.php?item=buddylist" style="background-image:url(http://122.114.11.142/new115/static/image/feed/feed_b.png) !important">好友</a></li>
<li><a href="my.php?item=threads" style="background-image:url(http://122.114.11.142/new115/static/image/feed/blog_b.png) !important">日志</a></li>
<li><a href="home.php?mod=space&do=album" style="background-image:url(http://122.114.11.142/new115/static/image/feed/album_b.png) !important">相册</a></li>
<li><a href="home.php?mod=space&do=share" style="background-image:url(http://122.114.11.142/new115/static/image/feed/share_b.png) !important">分享</a></li>
<li><a href="http://icode.258club.com/plugin.php?id=dps_sign:sign" style="background-image:url(http://122.114.11.142/new115/static/image/feed/doing_b.png) !important">签到</a></li>
<li><a href="http://icode.258club.com/faq.php?zyhome=lovewall" style="background-image:url(http://122.114.11.142/new115/static/image/feed/wall_b.png) !important">留言板</a></li>
<li><a href="misc.php?mod=ranklist" style="background-image:url(http://122.114.11.142/new115/static/image/feed/ranklist_b.png) !important">排行榜</a></li>
      </div>

<div class="ptm pbw hm">
<a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">登录</a><span class="pipe">|</span>
<a href="$regname" onclick="showWindow('register', this.href);return false;">立即注册</a>
</div>

</ul>
[/code]2、继续找到[code] </ul>
<script type="text/javascript">
var currentMenu = $('mn_$mnid') ? $('mn_$mnid') : $('mn_$navmns[0]');
currentMenu.parentNode.className = 'current';
</script>[/code]在</ul>上边加[code]
<li class="menu_99"><a href="javascript:;" id="mycj" onmouseover="showMenu({'ctrlid':'mycj'});" initialized="true">插件</a></li>


<li class="menu_100"><a href="javascript:;" id="qmenu" onmouseover="showMenu({'ctrlid':'qmenu'});" initialized="true"><img src="http://icode.258club.com/attachments/month_1810/1810311601ab0e1a1e8296fc65.png">快捷导航</a></li>[/code]3、打开css_append模板在最下边加[code].mycj_bottom {
width: 210px;
background: #fff;
box-shadow: 3px 1px 5px rgba(0,0,0,0.5);
border-radius: 3px;
padding: 10px;
position: relative;
z-index: 999;
top: 10px;
font-size: 12px;
color: #666 !important;
}
.mycj-angle {
margin-bottom: -50px;
margin-left: -20px;
transform: rotate(270deg);
width: 0px;
height: 0px;
overflow: hidden;
border-width: 10px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-color: transparent transparent #FFF;
position: relative;
}
.user-bottom-con {
width: 100%;
display: inline-block;
}
.user-bottom-con a {
display: inline-block;
height: 24px !important;
line-height: 24px !important;
background: #eaeaea;
background-image: none !important;
text-align: center;
border-radius: 3px;
width: 95px;
margin-right: 10px;
float: left;
margin-bottom: 5px;
color: #666 !important;
padding: 0 !important;
}
.qmenu_bottom {
width: 430px;
height: 156px;
background: #fff;
box-shadow: 3px 1px 5px rgba(0,0,0,0.5);
border-radius: 3px;
padding: 10px;
position: relative;
z-index: 999;
top: 10px;
font-size: 12px;
color: #666 !important;
}
.qmenu-angle {
margin-bottom: -50px;
margin-left: -20px;
transform: rotate(270deg);
width: 0px;
height: 0px;
overflow: hidden;
border-width: 10px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-color: transparent transparent #FFF;
position: relative;
}
#qmenu_menu {
margin-left: 130px;
margin-top: -30px;
}
#qmenu_menu a {
padding: 50px 12px 0 12px;
font-size: 12px;
background: url(http://icode.258club.com/attachments/month_1811/181101055307feebc728cec6d6.gif) no-repeat 50% 5px;
text-align: center;
display: block;
}
#qmenu_menu a:hover {
background-color: #F2F2F2;
color: #369;
text-shadow: none;
}
#qmenu_menu li {
float: left;
margin: 5px;
width: 60px;
}
#qmenu {
display: block;
height: 40px;
line-height: 40px;
color: #fff;
padding: 0 15px 0 36px;
font-weight: 400;
overflow: hidden;
font-size: 14px;
position: relative;
}
#qmenu img {
top: 12px;
left: 15px;
width: 16px;
position: absolute;
}
.ptm {
background-color: #fff;
padding: 30px;
box-shadow: 3px 1px 5px rgba(0,0,0,0.5);
border-radius: 3px;
}
.ptm a {
padding: 0!important;
background: none!important;
display: inline!important;
}[/code]

麻城生活网 发表于 2018-11-5 20:09

感谢，好及时的教程啊

页: [1]

爱秀代码's Archiver

115风格二级导航