用页头二级导航栏广告做二级导航

分析一个如何用页头二级导航栏广告做二级导航,希望对你有用

操作方法

  • 01

    进入你的网站后台  点击运营  然后点击站点广告页头二级导航栏广告 再选取代码模式 具体如图:

  • 02

    然后将下面的代码放入到  广告HTMl 代码    框中,具体代码如下: <style> .comiis_nav{BACKGROUND:#f7f9fb repeat-x;border:1px solid #e2eaf1;border-top:0px solid #e2eaf1;HEIGHT:57px;overflow:hidden;padding-left:15px;} .comiis_nav dt{WIDTH:207px;HEIGHT:50px;FLOAT:left;overflow:hidden;padding-left:48px;padding-top:6px;} .comiis_nav dt LI{LINE-HEIGHT:22px;WIDTH:65px;FLOAT:left;HEIGHT:22px;overflow:hidden;}.comiis_nav dt LI a{color:#555;}.comiis_nav dt LI a:hover{color:#369;} .nav_ico01{BACKGROUND:url(http://www.cjwlb.cn//template/ls/nav_ico01.jpg) no-repeat;} .nav_ico02{BACKGROUND:url(http://www.cjwlb.cn//template/ls/nav_ico02.jpg) no-repeat;} .nav_ico03{BACKGROUND:url(http://www.cjwlb.cn//template/ls/nav_ico03.jpg) no-repeat;} .nav_ico04{BACKGROUND:url(http://www.cjwlb.cn//template/ls/nav_ico04.jpg) no-repeat;} .STYLE1 {color: #FF0000} </style> <div class="comiis_nav"> <dt class="nav_ico01"> <li><A href="http://www.cjwlb.cn/forum-qlgg-1.html"  target=_blank>企业广告</A></li> <li><A href="http://www.cjwlb.cn/forum-ylgg-1.html" target=_blank>医疗广告</A></li> <li><A href="http://www.cjwlb.cn/forum-rwgg-1.html" target=_blank>软文广告</A></li> <li><A href="http://www.cjwlb.cn/forum-wlgg-1.html" target=_blank>网络广告</A></li> <li><A href="http://www.cjwlb.cn/forum-wzgg-1.html" target=_blank>网赚广告</A></li> <li><A href="http://www.cjwlb.cn/forum-tbkgg-1.html" target=_blank>淘宝客广告</A></li> </dt> <dt class="nav_ico03"> <li><A href="http://www.cjwlb.cn/forum-smdq-1.html" target=_blank>数码电器</A></li> <li><A href="http://www.cjwlb.cn/forum-zxmr-1.html" target=_blank>整形美容</A></li> <li><A href="http://www.cjwlb.cn/forum-SEOjl-1.html" target=_blank>SEO交流</A></li> <li><A href="http://www.cjwlb.cn/forum-qczj-1.html" target=_blank>汽车之家</A></li> <li><a href="http://www.cjwlb.cn/forum-jkys-1.html" target="_blank">健康养生</a></li> <li><A href="http://www.cjwlb.cn/forum-51-1.html" target=_blank>友链交换</A></li> </dt> <dt class="nav_ico04" style="width:130px;"> <li><A href="http://www.cjwlb.cn/forum-SEOjdq-1.html" target=_blank>SEO接单区</A></li> <li><A href="http://www.cjwlb.cn/forum-55-1.html" target=_blank>论坛茶馆</A></li> <li><A href="http://www.cjwlb.cn/forum-52-1.html" target=_blank>链接买卖</A></li> <li><A href="#">论坛微博</A></li> </dt> <dt class="nav_ico02" style="width:75px;"> <li><A href="http://www.cjwlb.cn/forum-56-1.html" target=_blank>意见交流</A></li> <li><A href="http://www.cjwlb.cn/forum-57-1.html" target=_blank>最新公告</A></li> </dt> <SCRIPT type=text/javascript> (function(){ var today=new Date(); var weekArr=[ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; document.write( today.getFullYear(),"年", today.getMonth()+1,"月", today.getDate(),"日 ", weekArr[today.getDay()]); })(); </SCRIPT> </DIV>

  • 03

    最后产生的效果图如下:

(0)

相关推荐

  • word导航栏怎么显示出来?word导航栏使用方法

    用户可以在Word 2010新添加的“导航窗格”中查看文档结构图和页面缩略图,从而帮助用户快速定位文档位置.那么word导航栏怎么显示出来?下面小编就为大家介绍word导航栏使用方法,一起来看看吧! ...

  • 设计语言 – 侧边导航栏/分页

    今天给大家讲解下侧边导航栏.分页.步骤条的绘制方法. 上几篇文章中有些内容与这章相符,重复的内容也就不多讲了.不理解的朋友们建议先阅读前几篇文章. <设计语言-按钮> <设计语言-按 ...

  • 导航栏家族大揭秘

    前言 导航设计在产品或者页面中担任重要的角色,能在不同的场景下帮助用户快速找到自己想要的东西.我们如何区分在什么样的场景中使用那种导航设计是我们作为设计师必须要了解的,接下来我们会讲到我们经常用的 T ...

  • 荣耀8桌面整理/壁纸/小工具/风格/导航栏/文件夹

    荣耀8添加或删除空白页面,更换壁纸,添加窗口小工具,设置桌面切换效果,桌面设置,自定义通知栏及图标,更改桌面风格,设置导航栏,创建文件夹#资料课代表 | 讲窍门# 如果有一个干净整洁的桌面,不但看起来 ...

  • excel表格如何制作导航栏效果 制作导航栏切换效果的方法

    excel是我们常用的办公软件,在用excel表格时有时会需要一些导航栏的效果,那么excel表格如何制作导航栏效果?下面小编带来制作导航栏切换效果的方法,希望对大家有所帮助. 制作导航栏切换效果的方 ...

  • 荣耀8隐藏导航栏,调整布局,使用悬浮按钮

    荣耀8隐藏导航栏,调整导航栏布局,使用悬浮按钮#资料课代表 | 讲窍门# 今天小编就教您设置一个心中的完美页面,快学起来吧!让黑色导航栏不在页面底部出现,有两种方法,可以将它隐藏或悬浮. 操作方法 0 ...

  • 三星手机设置导航栏的隐藏和显示

    三星手机是曲面屏手机,为了让界面看起来更美观,我们可以考虑设置隐藏导航栏,三星手机可以选择针对每一个程序显示和隐藏导航栏,我们看看怎么设置吧 操作方法 01 第一步,首先打开手机的设置界面,在设置界面 ...

  • 荣耀8手机如何隐藏虚拟导航栏,开启悬浮按钮

    荣耀8导航栏"隐身",开启悬浮按钮,优雅拯救手机强迫症#资料课代表 | 讲窍门# 让荣耀8导航栏"隐身" 还你一个干净的桌面 拯救你的手机桌面强迫症 操作方法 ...

  • 荣耀畅玩7x怎样设置隐藏导航栏以及悬浮导航?

    在目前出的系统中,作为一个全面屏手机,下方的导航按钮着实让人看着难受,那么,小编就讲一下怎样设置隐藏导航栏以及开启悬浮导航 操作方法 01 打开手机设置,在最下方找到"系统" 02 ...