Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Помогите исправить


Помогите исправить

Сообщений 1 страница 11 из 11

1

Здравствуйте, очень нужна помощь в исправлении меню, делаю форум первый раз и ничего не понимаю в скриптах. Вот скрин моего форума http://sd.uploads.ru/Fi042.jpg
               Вот ссылка на форум http://homelessstyle.clanbb.ru/

Теперь суть проблемы: Я поставил вот этот скрипт меню:
<style type="text/css">
    #pun-navlinks.section{
    display: block;
    position: relative;
                    z-index: 1000;
              left: 12em;
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                        }
    #pun-navlinks.section ul.container {
    margin: 0px;
    border: 0px;
    padding: 0px;
                          width: 1024 px; /*For KHTML*/
    list-style: none;
    height: 24px;
    }
    #pun-navlinks.section ul.container, #pun-navlinks.section ul.container * {z-index: 1000;}
    #pun-navlinks.section ul.container li {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    border: 0px;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 24px;
    }

    #pun-navlinks.section ul.container ul {
    margin: 0px;
    border: 0px;
    padding: 0px 0px 12px 0px;
    width: 175px;
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    left: -5px;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 42-1-f.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    }

    #pun-navlinks.section ul.container ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
    }

    #pun-navlinks.section ul.container ul li {
    width: 175px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
    }

    /* Root Menu */
    #pun-navlinks.section ul.container a {
    -x-system-font:none;
    background-attachment:scroll;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    color: #00FFFF;
    display:block;
    float:none !important;
    font-family:arial,Verdana,sans-serif;
    font-size:15px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    height:auto !important;
    line-height:20px;
    padding: 0 17px 0 17px;
    text-decoration:none;
    }

    /* Root Menu Hover Persistence */
    #pun-navlinks.section ul.container a:hover, #pun-navlinks.section ul.container li:hover a, #pun-navlinks.section ul.container li.iehover a {
    color: #00FF00;
    border-radius:17px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    box-shadow: 0px 5px 10px #999999;
    -webkit-box-shadow:0px 5px 10px #999999;
    -khtml-box-shadow:0px 5px 10px #999999;
    -moz-box-shadow:0px 5px 10px #999999;
    }

    /* 2nd Menu */
    #pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {
    float: none;
    color: #336699;
    }

    /* 2nd Menu Hover Persistence */
    #pun-navlinks.section ul.container li:hover li a:hover, #pun-navlinks.section ul.container li:hover li:hover a, #pun-navlinks.section ul.container li.iehover li a:hover, #pun-navlinks.section ul.container li.iehover li.iehover a {
    color: #000000;
    text-shadow: 0px 0px 7px white;
    }

    /* Do Not Move - Must Come Before display:block for Gecko */
    #pun-navlinks.section ul.container li:hover ul ul, #pun-navlinks.section ul.container li:hover ul ul ul, #pun-navlinks.section ul.container li.iehover ul ul, #pun-navlinks.section ul.container li.iehover ul ul ul {
      display: none;
    }

    #pun-navlinks.section ul.container li:hover ul, #pun-navlinks.section ul.container ul li:hover ul, #pun-navlinks.section ul.container ul ul li:hover ul, #pun-navlinks.section ul.container li.iehover ul, #pun-navlinks.section ul.container ul li.iehover ul, #pun-navlinks.section ul.container ul ul li.iehover ul {
      display: block;
    }
    #pun-break1, #pun-break2{display: none;}
    #pun-announcement,#pun-announcement *{z-index: 1;}
            .downarrowclass{position: absolute;top: 3px;right: 7px;}
            .rightarrowclass{position: absolute;top: 6px;right: 5px;}
    </style>

Потом поставил скрипт чтобы убрать ненужный мне пункт "Поиск" и получился разрыв между пунктами меню, указал на скрине красным цветом, вот мне чтобы небыло такого большого разрыва и незнаю как исправить. Буду очень благодарен если поможете подправить скрипт
Скрипт который ставил чтобы убрать из меню "Поиск" (ставил в HTML низ):

<style  type="text/css">
li#navsearch a span{display: none;}
</style>

0

2

St1m написал(а):

Скрипт который ставил чтобы убрать из меню "Поиск" (ставил в HTML низ):

<style  type="text/css">
li#navsearch a span {display: none;}
</style>

во-первых, это не скрипт, а css-код
во-вторых, чтоб не было пробела убираем весь пункт целиком, а не только текст ссылки, вот так:

li#navsearch {display: none;}

в-третьих, либо ставим это как есть в администрирование - свой стиль (любое удобное окно)
либо ставим в html-верх с тегами:

Код:
<style>
li#navsearch {display: none;}
</style>

Отредактировано Герда (Ср, 1 Окт 2014 15:27:58)

0

3

Герда написал(а):

во-первых, это не скрипт, а css-код
во-вторых, чтоб не было пробела убираем весь пункт целиком, а не только текст ссылки, вот так:

li#navsearch {display: none;}

Все равно разрыв не пропал, может что не так делаю(

0

4

St1m
старый код не удален, новый код не вставлен

0

5

Спасибо за помощь, проблема решилась. Еще один вопросик, как сделать чтобы меню было по центру страницы, а не смещено вправо.

0

6

St1m
исправлен отступ

0

7

Еще на 1,5-2 см вправо и будет идеально. :cool:

0

8

этот код лучше аще переписать с 0
а то у автора этого креатива руки золотые, но растут пучком из ж... %-)
займусь после 00 по мск

0

9

Спасибо заранее за помощь

0

10

готово.

у меня вопрос.
1. #pun-ulinks .container{display: none}; - ЗАЧЕМ? зачем вырубать юзер-меню? полезная же вещь.
2. я в упор не понимаю, какого цвета должны быть ссылки в меню навигации.

St1m написал(а):

#pun-navlinks.section ul.container a:hover, #pun-navlinks.section ul.container li:hover a, #pun-navlinks.section ul.container li.iehover a {
    color: #00FF00;
....

St1m написал(а):

#pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {
    float: none;
    color: #336699;
    }

St1m написал(а):

#pun-navlinks.section ul.container li:hover li a:hover, #pun-navlinks.section ul.container li:hover li:hover a, #pun-navlinks.section ul.container li.iehover li a:hover, #pun-navlinks.section ul.container li.iehover li.iehover a {
    color: #000000;
    text-shadow: 0px 0px 7px white;
    }

для одного и того же указано ТРИ разных цвета.
оставила последний код.

там все подписано - изменишь если надо.

2. http://gerda-web.ru/shop/19/desc/lineage - такой дизайн не хошь? тоже черный, тоже про линейку, тоже большая фоновая картинка, коды нормальные. халява.

0

11

Герда написал(а):

1. #pun-ulinks .container{display: none}; - ЗАЧЕМ? зачем вырубать юзер-меню? полезная же вещь.

Полезная, но портит внешний вид, не смог опустить под надпись там где приветствие и решил вырубить.

Герда написал(а):

2. я в упор не понимаю, какого цвета должны быть ссылки в меню навигации.

Цвет изменил.

Герда написал(а):

2. http://gerda-web.ru/shop/19/desc/lineage - такой дизайн не хошь? тоже черный, тоже про линейку, тоже большая фоновая картинка, коды нормальные. халява.

Дизайн не плохой, не отказался бы) И спасибо тебе огромное за помощь.

Отредактировано St1m (Чт, 2 Окт 2014 16:12:10)

0


Вы здесь » Единый форум поддержки » Корзина » Помогите исправить