24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Каталог CSS|JS » Меню навигации картинками (+ пиар и страница баннеров)


Меню навигации картинками (+ пиар и страница баннеров)

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

1

Хтмл-низ
Стандартное меню Форум-Участники итд

Код:
<script type="text/javascript">
li=document.getElementById("pun-navlinks").getElementsByTagName("li")
f=-1
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Форум")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/b1xNH.png'>"+s.substring(p+5)
else if((p=s.indexOf("Участники")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/iWJaG.png'>"+s.substring(p+9)
else if((p=s.indexOf("Поиск")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/oAFGZ.png'>"+s.substring(p+5)
else if((p=s.indexOf("Профиль")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/4naKs.png'>"+s.substring(p+7)
else if((p=s.indexOf("Сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/cDx3W.png'>"+s.substring(p+9)
else if((p=s.indexOf("Администрирование")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/AXPcD.png'>"+s.substring(p+17)
else if((p=s.indexOf("Регистрация")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/FDLtP.png'>"+s.substring(p+11)
else if((p=s.indexOf("Выход")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/HknV6.png'>"+s.substring(p+5)
else if((p=s.indexOf("Войти")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/E9Yro.png'>"+s.substring(p+5)
}
</script>

Пиар:

Код:
<style>.Myimge {z-index: 1;}</style>
<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\"><span id=spMyimg><a onclick=\"PiarIn()\"><img class=\"Myimge\"  src=\"http://6.firepic.org/6/images/2014-10/24/zdfpozid2q5g.png\"></a></span></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>

Как поставить картинкой ссылку на страницу баннеров-сайт или любую другую в панель навигации?
Администрирование - Дополнительные пункты меню
http://s3.uploads.ru/Px3lO.gif
1=<a href="ссылка"><img src="адрес картинки" ></a>
Задаем номер.

Вы можете добавить дополнительные ссылки в меню навигации. Формат ссылок: X = LINK где X - позиция ссылки в меню навигации (при вводе значения равным 0 - ссылка будет находиться первой в списке).

0

2

А как сделать так, чтобы при наведении на любой из пункта меню, ссылка реагировала (например, как на вашем форуме)

0

3

re
Добавляем дизайну плюшки

0


Вы здесь » COLOR MATE » Каталог CSS|JS » Меню навигации картинками (+ пиар и страница баннеров)