а можно сделать то же самое с пользовательскими ссылками?)
Можно
Эледвен
ссылку
Техническая поддержка сервиса Quadro.Boards |
Новости сервиса |
О форуме
Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC,
на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы.
Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)
|
Полезные ссылки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Замена ссылок основного меню [css]
а можно сделать то же самое с пользовательскими ссылками?)
Можно
Эледвен
ссылку
sadhaka
Сейчас у меня кнопкт установлены в HTML-низ вот этим скриптом. Тем же, что дан здесь, нифига не получается (((
Эледвен
расскажите как, куда и что Вы ставите.
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)
Эледвен
убирайте теги <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;}
sadhaka
Поставила без этих тегов, меню пропало. Сейчас это видно
Эледвен
а высоту/ширину кто будет прописывать?
sadhaka
Спасибо, поняла, я думала, что это необязательно
7 40
Методом css - не совсем чисто. У ссылок пользовательского меню есть уникальные классы типа ".item1-6", однако цифры гуляющие, и не закреплены за точным пунктом + плюс у текста ссылки не своего контейнера типа <span></span>, следовательно скрыть сам текст можно только как раз не очень правильным хинтом font-size: 0; font-color: transparent;
Lazary
Нет, это как-то не очень красиво получается. Оставим скриптом)
Lazary
можно использовать LIR (отрицательный text-indent и overflow: hidden), а для того, чтобы все корректно отображалось - соседние селекторы или :only-child. Последнее не совсем кроссбраузерно (не поймут ИЕ8 и ниже), но тем не менее.
спасибо что все благополучно забили)
неактуально,поставила крест на этом занятии
Отредактировано Фифа (01.03.2013 22:55:39)
Фифа
Не нужно ломать мозг, нужно внимательно прочитать первый пост. Там есть ответы на все Ваши вопросы по поводу своих ссылок в меню.
Методом 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)
Отличный скрипт, спасибо большое! Установил - работает.
Единственный момент: при использовании скрипта с Кнопкой быстрого PR-входа, последний исчезает в неизвестном направлении. Это можно как-то решить?
Отредактировано Enter (22.03.2013 17:17:06)
Enter
Скрипт пиар-входа всегда должен идти самым нижним, у меня не исчезает. )
Эледвен
А он у меня в html-низе всего один, - первый и последний. ) Но не отображается, хотя пробовал переустановить.
Enter
Он отображается ток когда Вы выходите с форума
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)
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Замена ссылок основного меню [css]