Единый форум поддержки

Объявление



<=


...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент1
...Тут контент2
...Тут контент2
...Тут контент2
...Тут контент2
...Тут контент3
...Тут контент3
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент4
...Тут контент5
...Тут контент5
...Тут контент5
...Тут контент5


=>


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

Привет, Deff. Ваш последний визит: Сегодня 02:49:48. В фонде форума: 1128.43 кредитов. Помочь форуму.


Вы здесь » Единый форум поддержки » Новые возможности форумов » Скрипты от пользователей


Скрипты от пользователей

Сообщений 581 страница 588 из 588

581

Deff
Ой и вправду, тормознула.
Спасибо огромное

0

582

Тема "Заказ новых скриптов" кончилась: 1000 сообщений. А мне скрипт нужен. Куда писать?

0

583

Чиффа
Пишите в Вопросы по оформлению форума - для начала

Отредактировано Deff (Вт, 13 Мар 2012 00:49:54)

0

584

Связь с Администрацией через ICQ. (С) Duka

Из этого поста не работает. Есть ли рабочая версия?

0

585

Riya
Пока рабочая версия лишь Скрипт жалоб в личку => Скрипты от пользователей пост 390

0

586

Горизонтальный Слайдер-Аккордеон

http://uploads.ru/i/N/X/g/NXgzF.png

Ставим Туда, где нужен

<!--Горизонтальное с раздвижкой НАЧАЛО-->
<center><div style="min-height:270px!important;width:90%;padding:2%;border:#D3D3D3 4px ridge">
<style>
.cont_ainsOO{float:left!important;width:
82%;display:none;height:270px!important;overflow:auto;
background-color:#525252;color:#F3FFFF;margin:0 -1px;opacity:1!important;
}
div.but_tonOO{border:#898383 2px solid;padding:0;white-space:break-word;letter-spacing:6px;float:left;height:270px!important;width:30px!important;cursor:pointer;background:#CDCDCD url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;}
div.Active.but_tonOO{background-color:#F1F1F1;}
</style>
<div  style="border:#D3D3D3 2px ridge;background-color:#000;">


<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">

...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />

</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">

...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />

</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">

...Тут контент3
...Тут контент3

</div>

<div class="but_tonOO"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO">

...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />

</div>

<div class="but_tonOO Active"><br /><br /><br /><br />И м я  к н о п ы</div>
<div class="cont_ainsOO"  style="display:block">

...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />

</div>

<script>
var Nobusy=true;var timeoutID001;var vSze='';
$(document).ready(function() {
$(".but_tonOO").mouseover(function(){if(Nobusy){if($(this)==vSze){clearTimeout(timeoutID001)}
      if($(this).next().css("display")!="block"){Nobusy=false;
      $(".but_tonOO").removeClass("Active");
      $(this).addClass("Active")
      $(".cont_ainsOO").hide('slow');          //Свёртываем все предыдущие;
      $(this).next(".cont_ainsOO").toggle('slow',function(){
  Nobusy=true;
});
      }} else {vSze=$(this);var timeoutID001 = setTimeout('vSze.mouseover()',230)}
    });
});
</script>
</div></div></center>

<!--Горизонтальное с раздвижкой КОНЕЦ-->



1. Нумерация идёт от низу блоков. Новые Блоки со своим контентом: - Удаляем начиная с верхнего или ставим дополнительно Перед самым верхним блоком(Открытый блок самый нижний(он же и первый) в Списке!!!
2. Если Ваши блоки выпадают из общего блока, на позицию ниже - регулирует жирную цифру красным(обычно достаточно
3. Название кнопок пишем Буквами через пробел, в противном случае писаться будет горизонтально
(*Первоначально лучше ставить как есть, не меняя, в принципе, - удобнее ставить надпись узкой вертикальной картинкой

Отредактировано Deff (Вчера 16:12:19)

+3

587

красивый чат

Код:
<script type="text/javascript" src="http://RUBLIK.chatovod.ru/widget.js?height=450" charset="UTF-8"></script>

Отредактировано MINHIRIAT (Вчера 17:57:24)

0

588

Горизонтальнsq слайдер
(на базе предыдущего

http://uploads.ru/i/s/u/Y/suYOa.png

<!--Горизонтальное слайдер НАЧАЛО-->
<center><div id=SL0 style="min-height:270px!important;width:90%;padding:2%;border:#D3D3D3 4px ridge">
<style>
.cont_ainsOO{float:left!important;width:
91%;display:none;height:270px!important;overflow:auto;
background-color:#525252;color:#F3FFFF;margin:0 -1px;opacity:1!important;
}
div.Next_,div.Prev_{border:#898383 2px solid;padding:0 0 0 2px;white-space:break-word;letter-spacing:6px;float:left;height:270px!important;width:28px!important;cursor:pointer;background:#CDCDCD url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;}
div.Next_ span, div.Prev_ span{letter-spacing:0;}
div.Active.Prev_,div.Active.Next_{background-color:#F1F1F1;}
</style>
<div  style="height:270px!important;border:#D3D3D3 2px ridge;background-color:#525252!important;">

<div class="Prev_"><br /><br /><span>&lt;=</span><br /><br /><br />P r e v</div>

<div class="cont_ainsOO Active" style="display:block;">
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />
...Тут контент1<br />

</div>

<div class="cont_ainsOO">
...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />
...Тут контент2<br />

</div>

<div class="cont_ainsOO">
...Тут контент3<br />
...Тут контент3<br />

</div>

<div class="cont_ainsOO" style="background-image:url(http://uploads.ru/i/F/E/N/FENfK.png)!important;">
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />
...Тут контент4<br />

</div>

<div class="cont_ainsOO">
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />

</div>


<div class="Next_" style="float:right;"><br /><br /><span>=&gt;</span><br /><br /><br /> N e x t</div>

<script>
var contLength=$('#SL0 .cont_ainsOO').length-1;
$('#SL0 .cont_ainsOO').each(function (i){ $(this).attr("alt",i);});
var Nobysu=true;

function CrugL(b,c,d,e,f,g) {if(Nobysu){Nobysu=false;
  var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
$(b+" span").html(c).css({"color":"#000"});
if(j==g){Nobysu=true;$(d+" span").html(e).css({"color":"#FF0000"});
      }else{j+=f;$(d+" span").css({"color":"#000"});
      $(d+" span").toggle('fast').toggle('fast');
      $(b).removeClass("Active");$(d).addClass("Active")
      a.hide('slow').removeClass("Active"); //Свёртываем все предыдущие;
      a=$('#SL0 .cont_ainsOO').eq(j).addClass("Active").toggle('slow',function(){Nobysu=true});
      }}
}
$(".Next_").click(function(){var b='.Prev_',c='&lt;=',d='.Next_',e='=X&gt;',f=+1,g=contLength; CrugL(b,c,d,e,f,g);});
$(".Prev_").click(function(){var b='.Next_',c='=&gt;',d='.Prev_',e='&lt;X=',f=-1,g=0; CrugL(b,c,d,e,f,g);});
</script>
</div></div></center>
<!--Горизонтальное слайдер Конец-->

В четвертый блок для примера вставлен свой фон



(*Можно гонять по кругу - без остановки, тогда заменяем  нижнюю часть данного кода, которая таким же цветом:

<div class="Next_" style="float:right;"><br /><br /><span>=&gt;</span><br /><br /><br /> N e x t</div>

<script>
var contLength=$('#SL0 .cont_ainsOO').length-1;
$('#SL0 .cont_ainsOO').each(function (i){ $(this).attr("alt",i);});
var Nobysu=true;

function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
  var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
  if(j==g){j=c;}else{j+=f}
      $(d+" span").toggle('fast').toggle('fast');
      $(b).removeClass("Active");$(d).addClass("Active")
      a.hide('slow').removeClass("Active"); //Свёртываем все предыдущие;
      a=$('#SL0 .cont_ainsOO').eq(j).addClass("Active").toggle('slow',function(){Nobysu=true});
}}
$(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
$(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
</script>
</div></div></center>
<!--Горизонтальное слайдер Конец-->

Отредактировано Deff (Сегодня 04:04:22)

+1

RSSAtom

Тему просматривают (Гостей: 0, Пользователей: 1) Deff

Быстрый ответ

Напишите ваше сообщение и нажмите отправить

автор Bloom автор Bloom автор Bloom автор Bloom автор Bloom автор Bloom автор Bloom автор Bloom автор Bloom

Перед публикацией сообщения, пожалуйста, ознакомьтесь с правилами форума


Вы здесь » Единый форум поддержки » Новые возможности форумов » Скрипты от пользователей


Используются технологии uCoz