Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

怎么制作一个导航条 像以前ss的softsea风格右上面的一样

[复制链接]
GT大懒 发表于 2008-2-25 00:10:53 | 显示全部楼层 |阅读模式
怎么制作一个导航条 像以前ss的softsea风格右上面的一样
如图
topmenu.jpg
我要加在主页上 需要修改那些文件 怎么修改  请达人赐教!
 楼主| GT大懒 发表于 2008-2-25 18:45:16 | 显示全部楼层
没人回答么???
回复

使用道具 举报

wpflove111 发表于 2008-2-25 20:15:19 | 显示全部楼层
很简单的  修改CSS就可以
打开style.css文件
查找#topmenu部分
就可以修改了
  1. #topmenu { float: right; padding: 20px 10px 0 0; }
  2.         #topmenu ul { margin: 0; padding: 0; list-style: none; }
  3.                 #topmenu li { float: left; padding-right: 10px; }
  4.                         #topmenu a { float: left; width: 48px; height: 56px; text-align: center; text-decoration: none; color: #FFF; padding-top: 39px; he\ight: 17px; overflow: hidden; background: url(../images/topmenu.jpg) no-repeat; }
  5.                        
  6.                                 #topmenu a.news { background-position: 0 0; }
  7.                                         #topmenu a.news:hover, #newsmenu a.news { background-position: 0 -56px; }
  8.                                        
  9.                                        
  10.                                 #topmenu a.blog { background-position: -65px 0; }
  11.                                         #topmenu a.blog:hover, #blogmenu a.blog { background-position: -65px -56px; }
  12.                                 #topmenu a.image { background-position: -129px 0; }
  13.                                         #topmenu a.image:hover, #imagemenu a.image { background-position: -129px -56px; }
  14.                                 #topmenu a.goods { background-position: -194px 0; }
  15.                                         #topmenu a.goods:hover, #goodsmenu a.goods { background-position: -194px -56px; }
  16.                                 #topmenu a.video { background-position: -258px 0; }
  17.                                         #topmenu a.video:hover, #videomenu a.video { background-position: -258px -56px; }
  18.                                 #topmenu a.file { background-position: -323px 0; }
  19.                                         #topmenu a.file:hover, #filemenu a.file { background-position: -323px -56px; }
  20.                                 #topmenu a.link { background-position: -387px 0; }
  21.                                         #topmenu a.link:hover, #linkmenu a.link { background-position: -387px -56px; }
  22.                                 #topmenu a.group { background-position: -452px 0; }
  23.                                         #topmenu a.group:hover, #groupmenu a.group { background-position: -452px -56px; }
  24.                                 #topmenu a.bbs { background-position: -516px 0; }
  25.                                         #topmenu a.bbs:hover, #bbsmenu a.bbs { background-position: -516px -56px; }
复制代码

评分

1

查看全部评分

回复

使用道具 举报

aqxsj 发表于 2008-2-26 20:38:16 | 显示全部楼层
来试试!!!!!!!!!!
回复

使用道具 举报

阿斯魔狄 发表于 2008-2-28 21:11:06 | 显示全部楼层
上否能详细说一下.查找#topmenu部分 然后把这段代码怎么放?
回复

使用道具 举报

阿斯魔狄 发表于 2008-3-11 17:40:33 | 显示全部楼层
我顶....
回复

使用道具 举报

fhg007 发表于 2008-3-20 13:51:34 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

xlss 发表于 2008-3-21 13:44:46 | 显示全部楼层
我倒是想了解这个图是如何制作出来的,是PS制作的吧
回复

使用道具 举报

xj0992 发表于 2008-4-6 18:24:53 | 显示全部楼层
怎么加?导航图片呢?
回复

使用道具 举报

334763336 发表于 2008-9-8 15:29:21 | 显示全部楼层
原帖由 GT大懒 于 2008-2-25 00:10 发表
怎么制作一个导航条 像以前ss的softsea风格右上面的一样
如图
231038
我要加在主页上 需要修改那些文件 怎么修改  请达人赐教!


怎么让这个导航条居右显示啊,,急求这样的代码啊,请高人指点啊
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-26 00:40 , Processed in 0.120006 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表