Здравствуйте, поиском всё облазила - так и не нашла.
Как сделать в меню навигации (где форум, участники и т.п.), чтобы вместо слов были свои кликабельные картинки? Попытка вставить на фон ссылки изображение даёт плохой результат: картинка появляется, но игнорируется задание ширины и высоты, поэтому видна только узенькая полоска с текстом.
Как решить проблему? Заранее спасибо.
Меню навигации - картинки
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться1Чт, 14 Янв 2010 02:14:29
- Заслуженный
- Зарегистрирован: Вс, 10 Янв 2010
- Сообщений: 43
- Уважение: +5
- Позитив: +2
- Пол: Женский
- Последний визит:
Вт, 10 Дек 2013 16:48:15
Поделиться2Чт, 14 Янв 2010 02:40:42
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Wedma
Код:
<script>
<!--
indexof="<img src='ссылка на картинку' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='ссылка на картинку' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
pravilof="<img src='ссылка на картинку' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='ссылка на картинку' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='ссылка на картинку' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='ссылка на картинку' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='ссылка на картинку' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='ссылка на картинку' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>Поделиться3Вс, 17 Янв 2010 02:02:33
- Заслуженный
- Зарегистрирован: Вс, 10 Янв 2010
- Сообщений: 43
- Уважение: +5
- Позитив: +2
- Пол: Женский
- Последний визит:
Вт, 10 Дек 2013 16:48:15
Я наверн совсем туплю. Спасибо за скрипт, но он почему то не работает. Что я не так задаю?
Код:
<script>
<!--
indexof="<img src='http://s006.radikal.ru/i215/1001/47/28d46a9d3f53.jpg' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>Поделиться4Вс, 17 Янв 2010 02:06:46
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Wedma
http://etp.mybb.ru/
Поставил в ХТМЛ-низ. Смотрите сами.
Поделиться5Вс, 17 Янв 2010 02:42:42
- Заслуженный
- Зарегистрирован: Вс, 10 Янв 2010
- Сообщений: 43
- Уважение: +5
- Позитив: +2
- Пол: Женский
- Последний визит:
Вт, 10 Дек 2013 16:48:15
Всё-спасибо))) Ставила в верх просто) Этот вопрос решённый.
Поделиться6Чт, 21 Янв 2010 16:05:07
- Заслуженный
- Зарегистрирован: Вс, 10 Янв 2010
- Сообщений: 43
- Уважение: +5
- Позитив: +2
- Пол: Женский
- Последний визит:
Вт, 10 Дек 2013 16:48:15
Обнаружена проблема.
Когда приходит новое сообщение, то рядом с картинкой ЛС появляется "(1)" и все картинки сдвигаются.
Вопрос: как убрать появление этой единички и заменять в случае нового сообщения картинку?
Кстати, скрипты ""Табличка" новые личные сообщения" не работают почему то-_-
Поделиться7Чт, 21 Янв 2010 19:07:07
- Заслуженный
- Зарегистрирован: Вс, 10 Янв 2010
- Сообщений: 43
- Уважение: +5
- Позитив: +2
- Пол: Женский
- Последний визит:
Вт, 10 Дек 2013 16:48:15
Извините за тройной пост - надеюсь не забаните.
Написала таки скрипт - мой первый скрипт 
Тот кусок где "Сообщения" заменяете на
Код:
<script>
<!--
pismaof="<img src='ссылка на картинку без новых сообщений' alt='Сообщения' />"
pismaof2="<img src='ссылка на картинку с новыми сообщениями' alt='Сообщения' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
pos2 = str.indexOf(")")
if( str.indexOf("(") != -1)
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof2+str.substring(pos2+1,str.length-1)
else
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>Вот такое вот решение проблемы^^
В итоге при новых сообщениях будет другая картинка и не будет появляться кол-во сообщений цифрой рядом.
Модераторы-объедините пост если нужно^^ Я так рада.
Страница: 1
Похожие темы
| Как заменить ссылки в меню навигации картинками? | Корзина | Вт, 12 Авг 2008 |
| Оформления меню навигации главных кнопок форума | Корзина | Сб, 18 Дек 2010 |
| Пропали картинки меню навигации и в объявлении: | Корзина | Пт, 1 Окт 2010 |
| Меню навигации и главная страница | Корзина | Пт, 14 Янв 2011 |
| Картинки в меню навигации | Корзина | Чт, 5 Июл 2007 |