Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Замена ссылок основного меню [css]


Замена ссылок основного меню [css]

Сообщений 21 страница 40 из 47

21

7 40 написал(а):

а можно сделать то же самое с пользовательскими ссылками?)

Можно :)

Эледвен
ссылку

0

22

sadhaka
http://overside.rolbb.ru/

0

23

sadhaka
Сейчас у меня кнопкт установлены в HTML-низ вот этим скриптом. Тем же, что дан здесь, нифига не получается (((

0

24

Эледвен
расскажите как, куда и что Вы ставите.

0

25

sadhaka
Вот такой скрипт ставлю в "Свой стиль", в /* CS1.8 */
  <style type="text/css">
    #pun-navlinks a {
    display: inline-block;
    margin-left: 5px;
    }
    #navindex a {background: url(http://savepic.ru/4185205.png) no-repeat top center;}
    #pun-navlinks a span {display: none;}
    </style>

после чего выглядит вот так:
/* CS1.8 */
  <style type="text/css">
    #pun-navlinks a {
    display: inline-block;
    margin-left: 5px;
    }
    #navindex a {background: url(http://savepic.ru/4185205.png) no-repeat top center;}
    #pun-navlinks a span {display: none;}
    </style>

После этого меню пропадает совсем. То же самое, если ставлю его в HTML-верх

Отредактировано Эледвен (01.03.2013 17:05:01)

0

26

Эледвен
убирайте теги <style>, они нужны, если Вы ставите стили в хтмл-верх, в своем стиле - не нужны

/* CS1.8 */
    #pun-navlinks a {
    display: inline-block;
    margin-left: 5px;
    }
    #navindex a {background: url(http://savepic.ru/4185205.png) no-repeat top center;}
    #pun-navlinks a span {display: none;}

0

27

sadhaka
Поставила без этих тегов, меню пропало. Сейчас это видно

0

28

Эледвен
а высоту/ширину кто будет прописывать?

0

29

sadhaka
Спасибо, поняла, я думала, что это необязательно

0

30

7 40

Методом css - не совсем чисто. У ссылок пользовательского меню есть уникальные классы типа ".item1-6", однако цифры гуляющие, и не закреплены за точным пунктом + плюс у текста ссылки не своего контейнера типа <span></span>, следовательно скрыть сам текст можно только как раз не очень правильным хинтом font-size: 0; font-color: transparent;

0

31

Lazary
Нет, это как-то не очень красиво получается. Оставим скриптом)

0

32

Lazary
можно использовать LIR (отрицательный text-indent и overflow: hidden), а для того, чтобы все корректно отображалось - соседние селекторы или :only-child. Последнее не совсем кроссбраузерно (не поймут ИЕ8 и ниже), но тем не менее.

0

33

спасибо что все благополучно забили)
неактуально,поставила крест на этом занятии

Отредактировано Фифа (01.03.2013 22:55:39)

0

34

Фифа
Не нужно ломать мозг, нужно внимательно прочитать первый пост. Там есть ответы на все Ваши вопросы по поводу своих ссылок в меню.

0

35

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

Методом css - не совсем чисто. У ссылок пользовательского меню есть уникальные классы типа ".item1-6",

удобнее в пользовательских ставить фон на тег <а > по концовкaм ссылки

a[href$="show_new"]Новые сообщения
a[href$="show_24h:] Активные темы
a[href$="show_unanswered"] Темы без ответов 
a[href*="show_user&user_id"] Мои сообщения
a[href$="show_subscriptions"] Подписка
a[href$="markread"] Все прочитано

Отредактировано Deff (02.03.2013 03:15:43)

0

36

Отличный скрипт, спасибо большое! Установил  -  работает.
Единственный момент: при использовании скрипта с Кнопкой быстрого PR-входа, последний исчезает в неизвестном направлении. Это можно как-то решить?

Отредактировано Enter (22.03.2013 17:17:06)

0

37

Enter
Скрипт пиар-входа всегда должен идти самым нижним, у меня не исчезает. )

0

38

Эледвен
А он у меня в html-низе всего один,  -  первый и последний. ) Но не отображается, хотя пробовал переустановить.

0

39

Enter
Он отображается ток когда Вы выходите с форума

0

40

Вопрос разрешился

Enter, Deff, все еще интересней.

Скрипт Пиар-входа (стоит в самом низу html-низа)

<script type="text/javascript">
  PiarNik="PR";
  PiarPas="1111";

  var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img title src=\"http://uploads.ru/i/N/V/v/NVvmD.png\"/></span></a></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

ЦСС смены ссылок меню навигации на картинки

#pun-navlinks a {
        display: inline-block;
        height: 24px;
        width: auto;
        }

        #navindex a {background: url() no-repeat top center; width: 76px;}
        #navuserlist a {background: url() no-repeat top center; width: 100px;}
        #navsearch a {background: url() no-repeat top center; width: 64px;}
        #navprofile a {background: url() no-repeat top center; width: 83px;}
        #navpm a {background: url() no-repeat top center; width: 99px;}
        #navadmin a {background: url() no-repeat top center; width:84px;}
        #navlogout a {background: url() no-repeat top center; width: 59px;}
        #navlogin a {background: url() no-repeat top center; width: 60px;}
        #navregister a {background: url() no-repeat top center; width: 114px;}

#pun-navlinks a span {display: none;}

Если ставить оба в том виде, в котором указаны (добавив только ссылки на картинки), то скрипт будто проваливается. Нет ни картинки, ни ссылки (да-да, видно, только если выйти с форума - не видно).
Если добавить в Стили

#navpiar a {background: url() no-repeat top center; width: 114px;}


упоминаемый в скрипте (navpiar), появится картинка, но ссылки как не было, так и нет.

Если удалить запрет отображения текстовых ссылок

#pun-navlinks a span {display: none;}


оставив в Стилях картинку под Пиар-вход, появляется и кнопка-картинка, и ее работоспособность (из заработавшего вдруг скрипта), и, как и положено - текстовые ссылки самого меню под картинками.

У меня такое впечатление, что перевезти и волка, и козу, и капусту нельзя вообще никак.

Отредактировано Remus John Lupin (04.04.2013 14:41:03)

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Замена ссылок основного меню [css]


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC