Зефир |
Привет, Гость! Войдите или зарегистрируйтесь.
Если вы не нашли что-то нужное для себя, обратитесь в данную тему Ищу скрипт
Навигация:
Замена "форум, участники, поиск и тд." картинками
"форум, участники, поиск и тд." со сменой при наведении курсора
Замена "Активные темы", "Новые сообщения" на картинки
"Новые сообщения", "Активные темы" - со сменой при наведении
Настройка уведомлений
Своя картинка в каждую категорию
Элементы выходят за пределы форума
Замена "форум, участники, поиск и тд." картинками
ставить в html-низ!
<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>
<!--
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>
<!--
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>
<!--
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>Замена "Награды"
<script>
$(function(){
<!--
userof="<img src='ССЫЛКА' >"
str = document.getElementById("navawards").innerHTML
if( (pos=str.indexOf("Награды")) != -1 )
document.getElementById("navawards").innerHTML=str.substring(0,pos)+userof+str.substring(pos+7,str.length-1)
-->
});
</script>"форум, участники, поиск и тд." со сменой при наведении курсора
ставить в html-низ!
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
navlinks=new Array(
"navindex", // Форум
"без наведения","при наведение",
"navuserlist", // Участники
"без наведения","при наведение",
"navsearch", // Поиск
"без наведения","при наведение",
"navprofile", // Профиль
"без наведения","при наведение",
"navpm", // Сообщения
"без наведения","при наведение",
"navadmin", // Администрирование
"без наведения","при наведение",
"navregister", // Регистрация
"без наведения","при наведение",
"navlogin", // Войти
"без наведения","при наведение",
"navlogout", // Выход
"без наведения","при наведение" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>Замена "Активные темы", "Новые сообщения" на картинки
ставить в html-низ!
<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/19383/3571890.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/5030/3571885.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/2164/3571881.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/2180/3571889.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/4470/3571891.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://www.10pix.ru/img1/5047/3571887.png'>"+s.substring(p+13)
}
</script>"Новые сообщения", "Активные темы" - со сменой при наведении
ставить в html-низ!
<script><!--Свои картинки в панель пользовательских ссылок со сменой картинки по наведению курсора -->
ulinks=new Array(
"Новые сообщения", // Новые сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
"Активные темы", // Активные темы
"Ссылка на картинку","Ссылка на картинку при наведении",
"Темы без ответов", // Темы без ответов
"Ссылка на картинку","Ссылка на картинку при наведении",
"Мои сообщения", // Мои сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
"Подписка", // Подписка
"Ссылка на картинку","Ссылка на картинку при наведении",
"Все прочитано", // Все прочитано
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < ulinks.length; i++){s0=ulinks[i+1];s1="onmouseover=\"this.src='"+ulinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="ulinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#pun-ulinks li").find("a:contains('"+ulinks[i]+"')").html("<span>"+s3+"</span>");i++;i++; }
</script><!-- End//Свои картинки пользовательских ссылок -->Настройка уведомлений
Заменить слово "Уведомления" на изображение
ставить в свой стиль
#pun-ulinks li.item7 > a {
background: url("http://s5.uploads.ru/9Stao.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
font-size: 0;
height: 14px; /*высота картинки * 2*/
top: 3px; /*отступ сверху*/
width: 71px; /*ширина картинки*/
}Убрать совсем ссылку на уведомления
<style type="text/css">
#pun-ulinks li.item7 {
display: none;
}
</style>Своя картинка в каждую категорию
Данный скрипт позволяет установить свою картинку в каждую категорию персонально, т.е. устранена проблема, что гости на форумах, где скрыты несколько категорий, видят картинки других разделов.
в начало нтмл-низ
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"50px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Красным - названия категорий, статистика тоже там, - если нужна
Белым - адрес устанавливаемой картинки
50 - значение высоты картинки - установите своё значение
во втором окне стиля ищете:
#pun-stats h2, .punbb .main h2
и ставите вот это:
#pun-stats h2, .punbb .main h2 {font-size: 0em;}
Элементы выходят за пределы форума
в конец или в начало стилья
скрипт от фондю
#pun-navlinks .container { text-align: center; position: absolute; background-color: transpanent; background-image: url(АДРЕС);
z-index: 1000;
top: 470px;
width: 937px;
height: 65px;
right: -59px}top: 470px; - расстояние от верха
width: 937px; - ширина этой ленты
height: 65px; - высота ленты
right: -59px - ну тут смещение вправо. можно влево смещать, без разницы
