Зравствуйте
Работать с CSS я начала только недавно, и у меня есть несколько вопросов
1. Возможно ли заменить ссылки "лс", "сообщение", "профиль", "редактировать", "цитировать"... (и т.п.) на графические ссылки-картинки?
2. Возможно ли то же самое проделать с ссылками "новая тема", "новый опрос"? Какие для этого нужны коды?
Замена ссылок картинками
Страница: 1
Сообщений 1 страница 5 из 5
ПеревестиПоделиться1Чт, 9 Сен 2010 18:18:21
ПеревестиПоделиться2Чт, 9 Сен 2010 18:23:16
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Linalaw
Здравствуйте.
Linalaw написал(а):
1. Возможно ли заменить ссылки "лс", "сообщение", "профиль", "редактировать", "цитировать"... (и т.п.) на графические ссылки-картинки?
В ХТМЛ-низ добавьте:
Код:
<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>Linalaw написал(а):
2. Возможно ли то же самое проделать с ссылками "новая тема", "новый опрос"? Какие для этого нужны коды?
Туда же:
Код:
<script type="text/javascript">
var arr = document.links;
for (j in arr) {
if (arr[j].innerHTML == "Новая тема")
arr[j].innerHTML = "<img src='Адрес изображения' />"
else if (arr[j].innerHTML == "Новый опрос")
arr[j].innerHTML = "<img src='Адрес изображения' />"
}
</script>ПеревестиПоделиться3Чт, 9 Сен 2010 18:24:20
Большое спасибо)
ПеревестиПоделиться4Чт, 9 Сен 2010 18:26:57
А есть похожие коды к ссылкам "Редактировать, Цитировать", "Удалить" (для редактирования сообщения) ...?
ПеревестиПоделиться5Чт, 9 Сен 2010 18:48:44
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Linalaw написал(а):
А есть похожие коды к ссылкам "Редактировать, Цитировать", "Удалить" (для редактирования сообщения) ...?
Код:
<script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='uploads/0000/26/f7/42371-3.gif' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='uploads/0000/26/f7/42371-4.gif' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='uploads/0000/26/f7/42372-3.gif'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='uploads/0000/26/f7/42372-2.gif' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='uploads/0000/26/f7/42372-1.gif' />"}
}}}
</script>Адреса подставите свои.
Страница: 1
Похожие темы
| Скрипт замены ссылок на кнопки | Корзина | Сб, 22 Июн 2013 |
| Замена ссылок на картинки | Корзина | Пт, 21 Ноя 2008 |
| Неправильно отрабатывает скрипт - замена ссылок на картинки | Корзина | Ср, 3 Дек 2008 |
| Замена ссылок в меню на картинки | Корзина | Чт, 29 Июл 2010 |
| Проблема со скриптом замены ссылок на картинки | Корзина | Сб, 3 Окт 2009 |