Рады приветствовать Вас на форуме "Ночной разговор ". У нас есть скрытые разделы, поэтому рекомендуем войти под своим аккаунтом или пройти несложный процесс регистрации.
Вирт клуб "Ночной разговор" |
|
Admin Angela
Sladkaya Максим Linka
Доска почёта |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Вирт клуб "Ночной разговор" » Работа форума » Полезные скрипты...
кнопка ссылок в соцсети
(форма ответа или объявление)
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
Информационное табло. Альфа-версия Duka
HTML-низ.
<script type="text/javascript">
var doska="Скрипт позволяет вывести дополнительное поле с объявлением. При необходимости выложу его на официальном форуме технической поддержке пользователей MyBB.ru"
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=container><b> <br><font size=2>Информационное табло:</font></b><br><br>"+doska+"</div><br>"+name+""
}
i++
}
</script>
СТРЕЛКИ ВВЕРХ-ВНИЗ HTML - верх.
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s1.uploads.ru/JvAPB.png" alt="Вверх страницы">
</a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s1.uploads.ru/40jks.png" alt="Вниз страницы">
</a>
</div>
Ещё скрипт кнопки стрелок вверх - вниз,....HTML - верх.
<!--Кнопки в верх в низ--><div style="position:fixed; right:0.5%; bottom:45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="В верх страницы"><img src="http://savepic.ru/2423764.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="В низ страницы"><img src="http://savepic.ru/2368469.png" alt="В низ страницы" border="0"></a>
</div>
<!--END/конец скрипта -->
Цветовыделение ников
<!--Цветовыделение ников -->
<script type="text/javascript">
inColor("red", new Array("Андрюха", "Admin"))
inColor("blue", new Array("AmiRa", "Impuls 101"))
inColor("green", new Array("likka"))
inColor("gray", new Array("rps"))
inColor("yellow", new Array("Шмель", "Изя", "DART"))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>
<!--END/конец скрипта -->
inColor("yellow", new Array("Шмель", "Изя", "DART")) - размножать до потери пульса)
Ставим в ХТМЛ-низ
Наш баннер)))
1.Ссылка баннера в окне.
<h3>Наш баннер</h3><br>
<p><a href=" https://teremshow.0pk.me"><img src="http://s3.uploads.ru/ClZg4.gif" title="Вирт клуб «Ночной Разговор" /></a><br><br>
2.Ссылка баннера.
<a href=" https://teremshow.0pk.me"><img src="http://s3.uploads.ru/ClZg4.gif" title="Вирт клуб «Ночной Разговор" />
Картинка по умолчанию(когда у пользователя нет аватара)HTML низ
<!-- Аватар по умолчанию-->
<script type="text/javascript">
var avalink = "http://s3.uploads.ru/QNW68.jpg";
if(document.URL.indexOf("viewtopic.php")!=-1) {
$("div.post-author").each(function(){
if($(this).find("li.pa-avatar").html() == null ) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>");
});
}
</script>
<!--END/конец скрипта -->
Отредактировано Максим (15.02.2013 20:35)
Приделываем к логотипу ссылку на главную страницу.
<script type="text/javascript">
nameforum="Название вашего форума"
var arr=document.getElementsByTagName("td")
i=0
while(arr[i] ){
if(arr[i].className=="title-logo-tdl"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/' style=\"cursor: pointer;\" title='"+nameforum+"'>"+name+"</a>"
}
i++
}
</script>
Установка баннеров.
<!--Баннеры -->
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://i049.radikal.ru/1304/38/8a75009b973b.png"></a><div style="display: none">
<center> <img src="http://uploads.ru/i/s/g/b/sgbqL.png" border="0" title="Galactik Football Family - Действующая ролевая по Галактическому футболу!" width=88 height=31></a>
<a href="http://lifecorsair.mybb.ru" target=_blank><img src="http://www.pictureshack.ru/images/22335_02ca5784fac8.png"></a><a href="http://justdancebro.mybb.ru/" target=_blank> <img src="http://s1.uploads.ru/i/Zkh4l.gif"border="0"<="Hogwarts: Devotion;" width=88 height=31></a>
<a href="http://mirbuslaeva.mybb.ru/" title="Миры Мефодия Буслаева" target="blank"><img src="http://s004.radikal.ru/i207/1010/99/3a55dd427e4d.gif"></a>
<a href="http://crossroadsworlds.mybb.ru/" target="_blank"><img src="http://s54.radikal.ru/i145/1202/1b/7316c1152e7a.gif" alt="Перекрестки фурри-миров" /></a>
<a href="http://drakenfurt.ru" title="Обитель Вампиров. Кровь с адреналином. Рейтинг игры NC-17. FRPG game" target="blank"><img src="https://forumupload.ru/uploads/0005/6e/de/75-1.gif"></a>
<a href="http://dragonsempire.mybb.ru/"><img src="http://s1.uploads.ru/i/acvVo.gif" border="0" width="88" height="31"></a>
<a href="http://eightbelowdogs.mybb.ru/" target=_blank><img src="http://s1.uploads.ru/i/w/E/l/wElKZ.gif" border="0" title="Eight Below" width="88" height="31"></a>
<a href="http://tuolordis.ru/"><img border="0" src="https://forumupload.ru/uploads/0003/e1/67/11535-1.gif" width="88" height="31"></a>
<a href="http://fantasyflash.ru" target="_blank"><img src="http://fantasyflash.ru/image/banner4.gif" title="анимашки :: аватары :: мишки teddy :: pixel art" height="31" width="88" border="0" ></a>
</center></div>
<!--END/конец скрипта -->
Коды HTML - цветов)))
http://www.stm.dp.ua/web-design/color-html.php
http://www.chatpages.ru/chat/color/color.htmlКоды цветов в CSS
Отредактировано Максим (26.02.2013 19:25)
Календарь с часами.
<h2>Текущее время</h2><br><p><iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr12.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe><br><br><SCRIPT language=JavaScript>
Переливающиеся ссылки. HTML - самый низ.
<!--Переливающиеся ссылки -->
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/31349.js"></script>
<!--END/конец скрипта -->
Чтобы не пропадали посты.НTML низ.
<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.2 -->
<script src="http://hostjs-mybb2011.narod.ru/js/functio_Cookie33.js"></script><script>
var Knopa2='<span style="position:absolute;right:-27px;top:-8px;z-index:200;cursor:pointer"><img id="Knopa2-2" src="http://savepic.org/1852486.png" title="Вставка запомненного при последней Отправке"/></span>';if(getCookie33('main-reply')){$("#main-reply").before(Knopa2);}
$(".formsubmit input[type='submit']").click(function (){
var Ll=$("#main-reply").val();Ll=Ll.substring(0,1000);setCookie33('main-reply',Ll,8*60*1000);});
$("#Knopa2-2").click(function (){var L2=getCookie33('main-reply');
var L1=$("#main-reply").val();$("#main-reply").val(L1+L2);});
</script>
<!--END/конец скрипта -->Пояснения:
После клика на кнопку 'Отправить' или 'Посмотреть' на несколько минут появится зеленая кнопка, с возможностью вставки контекста предыдущей отправки
(* ограничение по размеру запомненного текста отправки примерно 1000 символов)
Цепляемый картинку к категории.HTML- низ.
<script type="text/javascript">
var logo="<img src='http://s2.uploads.ru/SY26C.gif'>"
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].className=="category"){
name=arr[i].innerHTML
name=name.substring(48)
arr[i].innerHTML="<h2><div class=\"catleft\"><!-- --></div><span> "+logo+"  "+name+""
}
i++
}
</script>
Облако тегов в картинках.
Вставляем туда, где будет вертеться ваше облако.
<script type="text/javascript" src="http://orlenok2.do.am/swfobject.js"></script><div id="oblapics">
<a href="Ссылка_на_тему">
Ссылка на картинку </a>
<a href="Ссылка_на_тему">
Ссылка на картинку </a>
<a href="Ссылка_на_тему">
Ссылка на картинку </a>
</div><script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>
Копируем столько раз, сколько нужно.
Цвет фона под облаком.
Ширина облака.
Высота облака
Бегущая строка в посте.
Не понимаю смысла в данном скрипте. Но пусть будет - авось кому-нибудь пригодится.
Итак, после установки этого скрипта у вас на панели в форме ответаПоявится значок , при нажатии на которого вы сможете выбрать направление движения вашей бегущей строки.
Сделать бегущую строку легко - достаточно выделить нужную часть текста и совершить манипуляции, о которых я говорил выше.
В html-низ мы вставляем этот блок:
<!--бегущая строка-->
<style>
#button-marqu {background-image:url('http://img17.imageshack.us/img17/55/marquees.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function addSpoiler_marqu(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[marqu]",from))==-1) return str;
if((pos2=str.indexOf("[/marqu]"),pos+8)==-1) return str;
newpos=str.indexOf("[marqu]",pos+8)
if(newpos<pos2 && newpos!=-1) str=addSpoiler_marqu(str,pos+8,true)
if((pos2=str.indexOf("[/marqu]",pos+8))==-1) return str;
txt = str.substring(pos+7,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;
str=str.substring(0,pos)+makeSpoiler_marqu(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
if( str.indexOf("[marqu]")!=-1 && internal==false) str=addSpoiler_marqu(str,0,false)
return str}
function makeSpoiler_marqu(txt,txt2){
txt='<marquee direction="'+txt+'" onMouseOver="this.stop()" onMouseOut="this.start()">'+txt2+'</marquee>'
return txt}
if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_marqu(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(9).innerHTML="<img src='/i/blank.gif' title='Бегущая строка' id='button-marqu' onclick=\"return changeVisibility('marqu', this)\"/>"
</script>
Можно заменить на любую другую картинку - это отображение (иконка) на панели в форме ответа
В форму ответа:
<div class="container" id="marqu" style="display:none; width:90px; z-index: 10">
<div id="smilies-block">
<p><table>
<tr>
<td onclick="bbcode('[marqu]left|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img28.imageshack.us/img28/6208/lefta.png" title="left"></td>
<td onclick="bbcode('[marqu]right|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img52.imageshack.us/img52/8928/rightg.png" title="right"></td>
<td onclick="bbcode('[marqu]down|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img18.imageshack.us/img18/8914/downd.png" title="down"></td>
<td onclick="bbcode('[marqu]up|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img692.imageshack.us/img692/3904/62517201.png" title="up"></td>
</tr></table></p>
</div>
</div>Картинка стрелки влево
Стрелка вправо
Стрелка вниз
Стрелка вверх
Эти стрелки и есть направления, куда будет двигаться ваша бегущая строка. Появляются при нажатии на иконку бегущей строки. Можно заменить на свои маленькие изображения.
Мой форум здесь
HTML- подпись.
<a href=url>Имя ссылки</a>
Кто - где?
автор - Deff
В HTML верх<!-- Инфо-Панель:"КТО-ГДЕ" в HTML Верх --><style id="MePanel">#myINfO{display:none;}</style>
<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/iNFpanelWHOWHERE.css" type="text/css"/><script src="http://hostjs-mybb2011.narod.ru/js/iNFpanelWHOWHERE.js"></script><!--END/ Инфо-Панель:"КТО-ГДЕ" в HTML Верх -->В Самый низ Объявления:
<!-- Инфо-Панель:"КТО-ГДЕ" в Объявление --><div id="myINfO"><span><img id="byt_2" src="http://savepic.org/1852486.png" title="Скрыть «Кто-Где»"/></span><div id="MyInf_Active" class="ScrollBox-y" style="display:none; height: auto"></div></div><script>START_MyPANEL ()</script><!--END/Инфо-Панель:"КТО-ГДЕ" в Объявление -->У Гостей - нет данной панели, У юзеров видно везде, - кроме: страниц Профиля и "Кто в онлайне":
Есть кнопка отключения функции;
Колонка новостей. Duka.HTML-низ.
Отредактировано Максим (Сегодня 20:40)
Скрипт разделит таблицу форума на 2 части. Т.е. вместо списка разделов у вас будет боковая колонка с вашей информацией или новостями, а другая сторона сам форум.
<script type="text/javascript">
var news = new Array ()
news.push(new Array("Заголовок", "Новость"))
news.push(new Array("Заголовок2", "Новость2"))
var mynews = "";
for (q=0; q<news.length; q++){
mynews += "<div class='container' style='padding:8px'><h2><center>"+news[q][0]+"</center></h2>"+news[q][1]+"</div><br /><br />";
}
var block=mynews;
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<table><tr><td width=20% valign=top>"+block+"</td><td width=80%>"+name+"</td></tr></table>"
}
i++
}
</script>Переработал скрипт. Добавление блоков стало проще, чем раньше.
Просто продублируйте красную строчку необходимое Вам число раз
Главное - нет прямым переносам строк и ковычкам в самом тексте блока
Новая цветовая палитра от Deff
<style> /* Новая Палитра © Deff */
#color-area{
background:#A09D9D url(http://savepic.net/675564.gif) 0 0 no-repeat;
background-position:0 0;
padding-bottom:8px!important;
padding-left: 33px !important;
padding-right: 17px !important;
}
#color-area table{
width: 286px;
}
#color-area table[cellspacing] td img{
height:14px!important;
width:14px!important;
}
#color-area table[cellspacing]{
height:17px!important;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
text-align:left;
vertical-align:top;
padding:0!important;
margin:0!important;
border-collapse:collapse!important;
}
span.hidds{
display:block;
width:18px;
height:18px;
background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
margin: 4px 24px -4px -24px;
}
#len-tbl-01{
margin: 1px 21px 12px 0!important;
width:100%;
}
#len-tbl-01 td {
padding:0!important;
width:11px!important;height:12px;
background-image:url(http://savepic.net/711220.gif);
background-position:50% 50%;
background-repeat: no-repeat;
background-image: none;
border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
background-image:url(http://savepic.net/686931.gif)!important;
background-position:50% 50%;
background-repeat:no-repeat;
}
table.Myp{
width:280px!important;
}
table.Myp td,table.Myp tr{
height:18px!important;
vertical-align:text-bottom;
margin:0!important;
border: none 0 transparent!important;
border-collapse:collapse!important;
}
td.rightMy,td.murom {
text-align:left!important;
width:66px!important;
}
#name_1,#name_0{
margin:0;
posizion:absolute; z-index:2000;
font-size:11px!important;
background-color:#fff!important;
border: #000 1px solid;
width:58px!important;
}
#name_1{
border: red 1px solid!important;
font-size:11px;
color:#761A21;
}
#name_0 {
font-size:11px;
color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}
</style>
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
||(document.URL.indexOf("post.php")!=-1)){
ColorArray=new Array(
"EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
"444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
"AA0000","980000","880000", //2строка-->
"FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
"99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
"65FC00","33FEFE","33FECB", //3строка-->
"FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
"98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
"66CB00","33CBFE","32CACA", //4строка-->
"FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
"9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
"659800","3399FE","3298CA", //5строка-->
"FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
"9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
"666500","3366FE","3265CA", //6строка-->
"FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
"9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
"663200","3333FE","3232CA", //7строка-->
"FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
"9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
"660000","3200FC","3200CB", //8строка-->
"00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
"005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
"0000AA","000098","000088" )//End
var Metka_link="http://savepic.net/696986.gif";
var Nul_Img_link="http://savepic.net/711220.gif";
var stat_marker_link="http://savepic.net/668540.png";
var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)
var i=0,j=0,tbl="";var tblz="";
var Ntd=23,Nstr=8;
var TDstrStart='<td style="background-color:#';
var TDstrEnd='">'+nul_img;
for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
$("#color-area").prepend(tbl);
$("#color-area").removeAttr("onclick")
$("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')
$("#len-tbl-01 td").mouseover(function(){
$("#name_1").css({"color":"#000"});
$("#name_1").val($(this).attr("alt"));
});
$("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
$("#len-tbl-01 .metka").remove();$(this).append(metka);
$(this).css({"background-image":"url("+stat_marker_link+")"});
var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
bbcode(ss,"[/color]");});
$("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
$("#color-area").hide(); });
}
</script><!--END/конец скрипта -->
Цвет спойлера. HTML-верх.
<!--Цвет спойлера -->
<style>
#pun-main .quote-box {background: url(http://www.hqoboi.com/img/other/cloth-28.jpg);}
</style>
<!--END/конец скрипта -->
КарусельГалерея картинок.Ставим куда хотим.
Скрипт Карусель/Галерея картинок. При наведении курсора на картинку картинка увеличивается до своего настоящего размера (если истинные размеры картинки меньше, то уменьшится), при нажатии на картинку перекидывает на сайт. Возможно пригодится для баннеров и для галереи картинок.
Полный код:
Код:<!--Скрипт Карусель/Галерея картинок-->
<style type="text/css">
.block-img{
position: relative;
display:inline;
}
.expando{
position: relative;
vertical-align: middle;
border: 0;
text-align: center;
margin-right:-5px;
}
#prev{float:left;height:31px;margin-top:7px;}
#next{float:right;height:31px;margin-top:7px;}
#d0,#d1,#d2,#d3,#d4{
position: absolute;
bottom:40px;
}
#d5,#d6,#d7,#d8{
position: absolute;
bottom:40px;
margin-right:-44px;
right:50%;
}
</style>
<!--Увеличиваем картинки в галерее-->
<script type="text/javascript">
if (document.images){
(function(){
var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20;
var expConIm = function(im){
im = im || window.event;
if (!expConIm.r.test (im.className))
im = im.target || im.srcElement || null;
if (!im || !expConIm.r.test (im.className))
return;
var e = expConIm,
widthHeight = function(dim){
return dim[0] * cos + dim[1] + 'px';
},
resize = function(){
cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2;
im.style.width = widthHeight (e.ims[i].w);
im.style.height = widthHeight (e.ims[i].h);
if (e.ims[i].d && times > e.ims[i].jump){
++e.ims[i].jump;
e.ims[i].timer = setTimeout(resize, speed);
} else if (!e.ims[i].d && e.ims[i].jump > 0){
--e.ims[i].jump;
e.ims[i].timer = setTimeout(resize, speed);
}
}, d = document.images, i = d.length - 1;
for (i; i > -1; --i)
if(d[i] == im) break;
i = i + im.src;
if (!e.ims[i]){
e.ims[i] = {im : new Image(), jump : 0};
e.ims[i].im.onload = function(){
e.ims[i].w = [e.ims[i].im.width - im.width, im.width];
e.ims[i].h = [e.ims[i].im.height - im.height, im.height];
e (im);
};
e.ims[i].im.src = im.src;
return;
}
if (e.ims[i].timer) clearTimeout(e.ims[i].timer);
e.ims[i].d = !e.ims[i].d;
resize ();
};
expConIm.ims = {};
})();
}
</script>
<!--Блок куда ставятся и увеличиваются картинки-->
<center>
<span id="prev" onmouseover="inc()" onmouseout="inc1()"><img src="http://www.sdws.ru/pictures/prev.png" style="cursor:pointer" width="10" height="13" ></span>
<div class="block-img">
<span id="d0"></span>
<span id="id0" class="expando" onmouseover = "d0.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d0.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d1"></span>
<span id="id1" class="expando" onmouseover = "d1.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d1.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d2"></span>
<span id="id2" class="expando" onmouseover = "d2.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d2.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d3"></span>
<span id="id3" class="expando" onmouseover = "d3.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d3.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d4"></span>
<span id="id4" class="expando" onmouseover = "d4.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d4.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d5"></span>
<span id="id5" class="expando" onmouseover = "d5.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d5.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d6"></span>
<span id="id6" class="expando" onmouseover = "d6.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d6.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d7"></span>
<span id="id7" class="expando" onmouseover = "d7.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d7.innerHTML = ''"></span>
</div>
<div class="block-img">
<span id="d8"></span>
<span id="id8" class="expando" onmouseover = "d8.innerHTML = '<img src='+event.target.src+'>'" onmouseout="d8.innerHTML = ''"></span>
</div>
<span id="next" onmouseover="dec()" onmouseout="dec1()"><img src="http://www.sdws.ru/pictures/next.png" style="cursor:pointer" width="10" height="13"></span>
</center>
<!--Прокрутка картинок в карусели
//Сюда же ставим ссылки на картинки и ссылки на сайты--><script type="text/javascript">
var arr= [
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',]
circularList={name:arr[0]};
circularList.next=circularList;
circularList.prev=circularList;for(var i=1;i<arr.length;i++){
circularList ={name:arr[i],prev:circularList,next:circularList.next};
circularList.next.prev=circularList ;
circularList.prev.next=circularList ;
}
// количество видимых элементов в карусели
var citycount = 9;
var it = 0;
function print(){
var point=circularList;
for(var i =0;i<citycount ;i++){
document.getElementById("id"+i).innerHTML = point.name + " ";
point=point.next;
}
}
function dec(){
circularList=circularList.prev;
timeoutdec=setTimeout(dec , 500)
print();
}
function dec1(){
clearTimeout(timeoutdec)
}
function inc(){
circularList=circularList.next;
timeoutinc=setTimeout(inc , 500)
print();
}
function inc1(){
clearTimeout(timeoutinc)
}
print();
</script>Редактируем в коде:
Ссылки на картинки, а также ссылки на сайты ставим в коде сюда (это часть кода) :
//Сюда же ставим ссылки на картинки и ссылки на сайты-->
<script type="text/javascript">
var arr= [
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку" class="expando" border="0" width= "88" height= "31"></a>',]Скорость прокрутки галереи вправо:
timeoutdec=setTimeout(dec , 500)
Скорость прокрутки галереи влево:
timeoutinc=setTimeout(inc , 500)
Ссылка на картинку стрелочки влево:
<span id="prev" onmouseover="inc()" onmouseout="inc1()"><img src="http://www.sdws.ru/pictures/prev.png" style="cursor:pointer" width="10" height="13" ></span>
Ссылка на картинку стрелочки вправо:
<span id="next" onmouseover="dec()" onmouseout="dec1()"><img src="http://www.sdws.ru/pictures/next.png" style="cursor:pointer" width="10" height="13"></span><!--END/конец скрипта -->
Отредактировано Максим (04.04.2013 09:10)
Убрать слово объявление. Ставим в свой стиль, в любое место
#pun-announcement h2 span {display: none;
}
Как поменять цвет текста в таблице объявление, и как завести картинку ?
В объявлении используется хтмл, а значит цвет текста в таблице можно поменять при помощи тега <font>
например:
<font color = red>Здесь будет ваш текст </font>
в этом случае текст, помещенный в этот тег будет красного цвета. также, вместо названия цветов (green, blue и т.д.) можно использовать шестизначный код, перед которым необходимо ставить #
например:
<font color = #ffcc00>Здесь будет ваш текст</font>
В этом случае цвет будет желтым.
палитру цветов можно найти здесь:
Ссылка : http://yandex.ru/yandsearch?text=палитра цветов&lr=8
Ссылка : http://www.artlebedev.ru/tools/colors/Что касается картинки.
<img src=url>
где url - адрес вашей картинки
Все цвета : очень уж их много, надо позже выделить основные:
amber - янтарный
anise - анис
apricot - абрикосовый
aqua - морская волна
aquamarine - аквамарин
ash - пепельно-серый
azure - лазурный
beige - бежевый
berry - ягодный
black - черный
blue - синий
blue violet - фиолетово-синий
bottle green - бутылочный зеленый
bronze - бронзовый
brown - коричневый
buff - светло-коричневый
burgundy - бордовый
burgundy - красный (бургундское вино)
burly wood -желтоватый
burnt - жженый
buttercup yellow - светло-желтый
cadet blue - серо-синий
cambridge blue - светло-голубой
camel - верблюжий
cerise - светло-вишневый
charcoal -древесный уголь
chartreuse - бледно-зелёный
chartreuse - зеленовато-желтый
chlorine - светло-зеленый
chocolate - шоколадный
claret - бордо
clay - глиняный
clay-colored - светло-бурый
cocoa - цвет какао
copper - медный
coral - коралловый
cornflower - васильковый
cornsilk - шелковый оттенок
cream - кремовый
cream - сливочный
cyan - зеленовато-голубой
dark blue - темно-синий
dark cyan - темный циан
dark gray - темно-серый
dark green - темно-зеленый
dark magenta - фуксин темный
dark red - темно-красный
dark yellow - темно-желтый
deep blue - глубокий синий
deep-brown - темно-коричневый
deep-green - темно-зеленый
denim blue - джинсовый
dim gray - тускло-серый
dull - тусклый
dusty - пыльный
ecru - цвет небелёного сурового полотна
emerald - изумрудный
fallow - светло-желтый
firebrick - кирпичный
forest - лесной
forest green - зеленый лесной
forest green - хаки
fuchsia - фуксия
garnet - темно-красный
ghostwhite - призрачно-белый
ginger brown - рыжевато-коричневый
gold - золотой
golden - золотой
goldenrod - золотистый
gray - серый
green - зеленый
green yellow - зелено-желтый
grey; gray - серый
honeydew - медовый
hot pink - теплый розовый
hunter green - зелёный
indigo - индиго
ivory - слоновая кость
jade - желтовато-зелёный
khaki - хаки
lavender - бледно-лиловый
lavender - лаванда
avender blush - голубой с красным отливом
lawn green - зеленая лужайка
lemon - лимонный
lemon chiffon - лимонный
light blue светло-синий
light coral - коралловый светлый
light cyan - светлый циан
light goldenrod - светло-золотистый
light goldenrod yellow - светло-желтый золотистый
light gray - светло-серый
light pink - светло-розовый
light salmon - светлый сомон
light seagreen - цвет морской волны, светлый
light sky blue - небесно-голубой светлый
light slate blue - светлый грифельно-синий
light slate gray - грифельно-серый
light steel blue - голубой со стальным оттенком
light yellow - светло-желтый
light-green - салатовый
lilac - сиреневый
lime - цвет лайма
lime green - лимонно-зеленый
liver-coloured - темно-каштановый
livery - темно-каштановый
magenta - пурпурный
magenta - фуксин
maroon - темно-бордовый
mastic - бледно-желтый, цвет мастики
mauve - розовато-лиловый
mazarine - темно-синий
medium gray - серый нейтральный
medium green - средне-зеленый
midnight blue - полуночно-синий
mint - мятный
misty rose - тускло-розовый
mole - серый
mouse grey - мышиный
murrey - темно-красный
navajo white - белый-навахо
navy - темно-синий цвет (цвет формы морских офицеров)
navy blue - тёмно-синий
navy, dark blue - темно-синий
nutmeg - цвет мускатного ореха
off-white - грязно-белый
olive - оливковый
olive green - оливковый зеленый
orange - оранжевый
orange red - оранжево-красный
orangey - светло-оранжевый
oyster white - серовато-белый
pale goldenrod - бледно-золотистый
pale green - бледно-зеленый
pale pink - бледно-розовый
pale turquoise - бледно-бирюзовый
pale violet red - красно-фиолетовый бледный
pale yellow - бледно-желтый
peach - персиковый
peachpuff - персиковый
pearl - жемчужный
petunia - темно-лиловый
pewter - оловянный
photo magenta - светло-пурпурный
pink - розовый
pistachio - фисташковый, зеленоватый цвет
plum - сливовый
plum - темно-фиолетовый
powder blue - синий с пороховым оттенком
primrose - лимонный
pumpkin - цвет тыквы
purple - пурпурный
purple - фиолетовый
raspberry - малиновый
red - красный
rose - цвет розы
rosy - розовый
rosy brown - розово-коричневый
royal blue - королевский синий (чистый, яркий оттенок синего)
rust - ржавый
saddle brown - кожано-коричневый
salmon - лососевый
sand - песочный
seafoam - цвет морской пены
seagreen - цвет морской волны
seashell - морская раковина
siennaохраsilver - серебряный
silvery - серебряный
sky blue - небесно-голубой
slate - синевато-серый
slate blue - грифельно-синий
slate gray - синевато-серый
smoke blue - бледный серо-голубой
snow - белоснежный
spice orange - оранжевый
spring green - весенне-зеленый
steel blue - синий со стальным оттенком
steel gray - стальной серый
tan - желтовато-коричневый
tan - рыжевато-коричневый
tanned - бронзовый
taupe - серо-коричневый
taupe - темно-серый
tawny - темно-желтый
terra cotta - терракотовый
turquoise - бирюзовый
vinous - бордовый
violet - фиолетовый, темно-лиловый
violet red - красно-фиолетовый
wheat - пшеничный
white - белый
yellow - желтый
yellow green - желто-зеленый
bright - яркий
cool - холодный
dark - тёмный
hot - теплый
light - светлый
melange - меланжевый (смешанный)
natural - натуральный
pale - бледный
palest - очень бледный
pastel - пастельный
shiny - сияющий, яркий
sky - небесный
very - очень
warm - тёплый
Уважаемый Админ) помогите с Линеечкой)
Надо поискать в инете подходящую линейку и поставить))
Будем искать.
Хорошая линейка! 
Всем Привет))) 
Всем Привет)))
Юль..зайди в Тусовку лучше))
Вы здесь » Вирт клуб "Ночной разговор" » Работа форума » Полезные скрипты...
![[The L Word]](https://forumstatic.ru/files/000e/e6/3d/51122.gif){kind=small}
