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

 找回密码
 立即注册
搜索

[疑难] Softsea模板下,首页导航栏改成靠右显示

[复制链接]
常春藤 发表于 2008-1-29 14:58:03 | 显示全部楼层 |阅读模式
如题,
Softsea模板下,怎样把首页导航栏改成靠右显示?
默认是靠左,也就是靠logo排列的

谢谢解答。
chcht.jpg
回复

使用道具 举报

紫琼 发表于 2008-1-29 16:14:17 | 显示全部楼层
style.css 中搜索
#topmenu li {float:left; margin:0 6px; height:24px;line-height:24px; white-space:nowrap;}
修改其中的 float:left; 为 float:right;  即可。
回复

使用道具 举报

 楼主| 常春藤 发表于 2008-1-29 17:43:54 | 显示全部楼层
谢谢你的解答。
可是我在styl.css里没有找到这段代码。

我用的是beta2版本,而且相对官方版本修改过以下代码:

/*页首*/
#header { height: 86px; background: #24ABCF url(../images/header.gif) repeat-x; }
        #topmenu { float: right; padding: 20px 10px 0 0; }
        #topmenu ul { margin: 0; padding: 0; list-style: none; }
                #topmenu li { float: left; padding-right: 10px; }
                        #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; }
                                #topmenu a.news { background-position: 0 0; }
                                        #topmenu a.news:hover, #newsmenu a.news { background-position: 0 -56px; }
                                #topmenu a.blog { background-position: -65px 0; }
                                        #topmenu a.blog:hover, #blogmenu a.blog { background-position: -65px -56px; }
                                #topmenu a.image { background-position: -129px 0; }
                                        #topmenu a.image:hover, #imagemenu a.image { background-position: -129px -56px; }
                                #topmenu a.goods { background-position: -194px 0; }
                                        #topmenu a.goods:hover, #goodsmenu a.goods { background-position: -194px -56px; }
                                #topmenu a.video { background-position: -258px 0; }
                                        #topmenu a.video:hover, #videomenu a.video { background-position: -258px -56px; }
                                #topmenu a.file { background-position: -323px 0; }
                                        #topmenu a.file:hover, #filemenu a.file { background-position: -323px -56px; }
                                #topmenu a.link { background-position: -387px 0; }
                                        #topmenu a.link:hover, #linkmenu a.link { background-position: -387px -56px; }
                                #topmenu a.group { background-position: -452px 0; }
                                        #topmenu a.group:hover, #groupmenu a.group { background-position: -452px -56px; }
                                #topmenu a.bbs { background-position: -516px 0; }
                                        #topmenu a.bbs:hover, #bbsmenu a.bbs { background-position: -516px -56px; }                       
       
        /*站点标题*/
        #pagetitle h2 { margin: 0; }
                #pagetitle h2 a { float: left; width: 211px; height: 85px; background: url(images/logo.jpg); text-indent: -9999px; overflow: hidden; }
回复

使用道具 举报

紫琼 发表于 2008-1-29 17:45:47 | 显示全部楼层
修改这个标签试试
#topmenu li { float: left; padding-right: 10px; }
将其中的  float: left; 修改为  float: right;
回复

使用道具 举报

 楼主| 常春藤 发表于 2008-1-29 17:53:46 | 显示全部楼层
还是不行啊。变形了呃。
chcht.jpg
回复

使用道具 举报

86to6.com 发表于 2008-3-9 11:00:48 | 显示全部楼层
我的也是这个问题 谁来帮忙解决下~
还有楼主解决没呢
方法发出哦~
回复

使用道具 举报

86to6.com 发表于 2008-3-9 15:12:13 | 显示全部楼层
顶上去啊~~~~~
我改后就和楼主一个样子了
不行啊~
回复

使用道具 举报

 楼主| 常春藤 发表于 2008-3-9 15:22:29 | 显示全部楼层
不理想。
我不用这个模板了。
回复

使用道具 举报

86to6.com 发表于 2008-3-9 15:22:48 | 显示全部楼层
这个问题都好长时间了~ 依然没解决~~
我按照官方的站 改 float:left 依然没有解决  
顶到解决为止 !!
回复

使用道具 举报

86to6.com 发表于 2008-3-9 15:23:54 | 显示全部楼层
但是 www.lachinaren.com
这个就是右导航的 还有很多站也是  
但是没人告诉方法
这个问题 有很多人问
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-9-15 16:26 , Processed in 0.137535 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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