Форум поддержки IPB.SU [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум поддержки IPB.SU > Внешний вид форума > Гиперссылки переливаются всеми цветами радуги

Автор: Добрый Янв 5 2008, 12:11

АЦ -> Скины и Шаблоны -> HTML шаблоны -> "Используемый шаблон" (Настройка HTML) -> Редактирование шапки форума -> жмем ОК

Вставляем скрипт в самый верх верхнего поля (Шаблон: Board Header (logo, links, etc))

QUOTE

<script
language="Javascript">
var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;}
function doRainbow(){
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}
function stopRainbow(){
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}
function doRainbowAnchor(){
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;//osw
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}}
function stopRainbowAnchor(){
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}}
function ChangeColor(){
obj.style.color = makeColor();}
function makeColor(){
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;}
else {
elmR = 0; elmG = 0; elmB = 0;}}
elmR = Math.floor(elmR);//fantasyflash.ru
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate; if (elmH >= 360) elmH = 0;
return clrRGB;}</script>

Автор: Lompyshok Янв 7 2008, 18:37

все поставил, в опере не видна....как-нить лечитца?

Автор: Добрый Янв 8 2008, 00:01

Lompyshok, на сколько я знаю нет...

Есть много скриптов нацеленные тока на IE... увы...

Автор: Rozess Май 3 2008, 23:31

Поставил, но на мозиле тоже не пашет...

Автор: Romenos Май 3 2008, 23:35

Спс большое за скрипт очень красивый!
Но конечно жаль что поклоники мазилы и оперы не увидят его )))

Автор: Steve Fox Май 4 2008, 07:10

QUOTE (Romenos @ Май 3 2008, 23:34)

Но конечно жаль что поклоники мазилы и оперы не увидят его )))

Я вижу если что.

Сорри за оффтоп.

Автор: Revan Май 12 2008, 17:06

Отличный скрипт. Установил. Но что бы его увидеть прийдется включать ИЕ.

Автор: crol Июл 9 2008, 18:14

Вставлять вместо того. И будет во всех браузерах.

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

function setCatchers()
{
aLinks = document.getElementsByTagName('A');
for( var i=0;i<aLinks.length; i++)
{
aLinks[i].onmouseover = this.startBlinking;
aLinks[i].onmouseout = this.stopBlinking;
}
}

function startBlinking (evt)
{
if(!evt) evt = window.event;
obj = findElement(evt,'A');
if (obj)
{
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()", 100);
}
}

function stopBlinking(evt)
{
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}

function objElement(event)
{
var objEl = (event.target)?event.target:event.srcElement;
return objEl;
}

function findElement(event, tagName)
{
var element = objElement(event);
while (element.parentNode && (!element.tagName ||
(element.tagName.toUpperCase() != tagName.toUpperCase())))
element = element.parentNode;
return element;
}

function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;}
else {
elmR = 0; elmG = 0; elmB = 0;}}
elmR = Math.floor(elmR);//fantasyflash.ru
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate; if (elmH >= 360) elmH = 0;
return clrRGB;
}
</script>
</head>
<body onload="setCatchers()">

</body>
</html>

Автор: Red Bull Июл 9 2008, 18:43

У мну чё то не переливеться((

Автор: Rom4ik Июл 9 2008, 20:15

незнаю как для форума он покатит но для сайта покатит!

Автор: KOT Июл 11 2008, 23:55

В общем вот. Идёт на форуме во всех браузерах.

QUOTE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

function setCatchers()
{
aLinks = document.getElementsByTagName('A');
for( var i=0;i<aLinks.length; i++)
{
aLinks[i].onmouseover = this.startBlinking;
aLinks[i].onmouseout = this.stopBlinking;
}
}

function startBlinking (evt)
{
if(!evt) evt = window.event;
obj = findElement(evt,'A');
if (obj)
{
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()", 100);
}
}

function stopBlinking(evt)
{
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}

function objElement(event)
{
var objEl = (event.target)?event.target:event.srcElement;
return objEl;
}

function findElement(event, tagName)
{
var element = objElement(event);
while (element.parentNode && (!element.tagName ||
(element.tagName.toUpperCase() != tagName.toUpperCase())))
element = element.parentNode;
return element;
}

function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;}
else {
elmR = 0; elmG = 0; elmB = 0;}}
elmR = Math.floor(elmR);//fantasyflash.ru
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate; if (elmH >= 360) elmH = 0;
return clrRGB;
}
</script>
</head>
<body onload="setCatchers()">
<a href="#">href 1</a><br />
<a href="#">href 2</a><br />
<a href="#">href 3</a><br />
<a href="#">href 4</a><br />
</body>
</html>

Автор: Rom4ik Июл 12 2008, 00:07

ты хоть проверял?

Автор: Лина Июл 12 2008, 00:07

я проверяла. Работает.

Автор: Rom4ik Июл 12 2008, 00:27

отлично спасибо)) а во всех браузерах?

Автор: Alex Okonnor Июл 12 2008, 00:40

QUOTE (Rom4ik @ Сегодня, 00:28)

отлично спасибо)) а во всех браузерах?

попозже проверю

Автор: Лина Июл 12 2008, 00:47

вот тут он стоит http://romaschka.ipb.su/index.php?http://romaschka.ipb.su/
проверяйте

Автор: Alex Okonnor Июл 12 2008, 00:52

В ИЕ работает
В Опере работает
В Мазилле (Файр Фокс) нет

Автор: Red Bull Июл 12 2008, 00:58

Ну хоть ещё и в Опере, уже лучше...))

Автор: Лина Июл 12 2008, 10:59

QUOTE (Alex Okonnor @ Июл 12 2008, 00:53)

В ИЕ работает
В Опере работает
В Мазилле (Файр Фокс) нет

странно....
Я сама не могу проверить Мазиллу, но у меня есть пользователь с Мазиллой, который говорит, что видит как переливаются гиперссылки.

Автор: KOT Июл 12 2008, 11:26

Вот в моём только что проверил. Всё идёт
http://grodno.ipb.su/
и в мозиле.

Да и тут http://romaschka.ipb.su/index.php?http://romaschka.ipb.su/ в мозиле работает...

Автор: Alex Okonnor Июл 12 2008, 13:13

Кстати да...Извиняйте, просто посмотрел пока страница ещё до конца не загрузилась видимо,вот и получилось так что ссылки не переливались... сейчас перепроверил все работает =)

Автор: Max Faxtor Янв 8 2009, 12:53

Спасибо за скрипт, очень красиво

Автор: Georgia Янв 10 2009, 13:33

КОТ спасибо за скрипт! Все прекрасно пашет!

Автор: Samanta Фев 6 2009, 20:44

Большое спасибо

Автор: Гроза Май 6 2009, 19:43

а у нас из-за него таблица удалилась!! Мы никуда зайти не можем!! Помогите!!

Автор: EDG_aka_Dima Май 6 2009, 20:00

QUOTE (Гроза @ Сегодня, 20:44)

а у нас из-за него таблица удалилась

Неправда, её не стало из-за вашей невнимательности! Там написано "Вставляем скрипт в самый верх верхнего поля" а Вы просто напросто заменили всё содержимое кодом.

Код прежнего вида, установите его в шаблон: Board Header (logo, links, etc):

CODE

<script language='JavaScript' type="text/javascript">

</script>


<div id='logostrip'>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>

<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a></td>
<td align="center">
<a href='{ibf.script_url}act=Msg&CODE=4&MID=1'><img src="{ibf.vars.img_url}/atb_contactadmin.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=Msg&CODE=01'><img src="{ibf.vars.img_url}/atb_pms.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=Stats&CODE=leaders'><img src="{ibf.vars.img_url}/atb_staff.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=Help'><img src="{ibf.vars.img_url}/atb_help.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'> <img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=Members'><img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" /></a>
<a href='{ibf.script_url}act=calendar'><img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" /></a>


</td>
</tr>
</table>
<% MEMBER BAR %>
<br />

Автор: Гроза Май 6 2009, 20:10

но ведь ПУ закрыта...

Автор: EDG_aka_Dima Май 6 2009, 20:23

Она всегда по адресу http://www.kvrain.ipb.su/admin.php

Автор: dar94 Май 11 2010, 18:42

я ниче не понял какая шапка форума

Автор: Сергей Май 12 2010, 03:25

В выпадающем меню есть этот пункт, ищите внимательней

Автор: Snow Янв 31 2013, 06:47

Протестировал все три скрипта, первый в Мозилле не работает, 2 других работают, но из-за них перестает работать "Быстрая цитата", а она намного нужнее, чем эти свистульки и перделки.

Автор: Snow Мар 13 2013, 12:34

Если кому надо, есть такой вариант оформления линков в CSS:

Код

a:link, a:visited, a:active {
display:inline-block;
color:#555;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
a:hover {
color:#333;
text-shadow:0 1px 0 #0f9fff;
display:inline-block;
background:#006fdd;
padding:2px 5px 2px 5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-radius: 4px;
-webkit-transform: scale(1.05) rotate(-1deg);
-moz-transform: scale(1.05) rotate(-1deg);
-o-transform: scale(1.05) rotate(-1deg);
-ms-transform:scale(1.05) rotate(-1deg);
transform: scale(1.05) rotate(-1deg);
}
a:nth-child(2n):hover {
background:#ffb111;
text-shadow:0 1px 0 #FFDF7D;
-webkit-transform: scale(1.05) rotate(1deg);
-moz-transform: scale(1.05) rotate(1deg);
-o-transform: scale(1.05) rotate(1deg);
-ms-transform:scale(1.05) rotate(1deg);
transform: scale(1.05) rotate(1deg);
}

У себя тестировал, все работает (правда мне такой вариант кажется легкомысленным), если надо убрать подчеркивание - то в первую скобку вставляем в начале

Код

text-decoration: none;

и будет Вам счастье.

Автор: Magadannoxton Сен 21 2013, 22:15

Четко у меня идет , спасибо малышка

Автор: Snow Сен 21 2013, 22:39

Код

<a href="#">href 1</a><br />
<a href="#">href 2</a><br />
<a href="#">href 3</a><br />
<a href="#">href 4</a><br />

Это из кода уберите, над шапкой торчит.

Powered by Invision Power Board (//www.invisionboard.com)
© Invision Power Services (//www.invisionpower.com)