Скрипты

Страница: 1

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

Поделиться12013-02-20 11:47:10

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

разнообразные скрипты для форума
Навигация
---------------------------
пиар вход
оповещение о лс
счетчик символов
быстрое выделение
изменение картинок при наведении
профилактика
стрелки вверхвниз
разные картинки категорий v1
разные картинки категорий v2
выпадающее окно по клику rps
запятая после ника автора
аватар последнего автора перед ссылкой на тему
--------------------------

Поделиться22013-02-20 17:59:17

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Пиар-вход, html-низ.

Код:

<script type="text/javascript">
PiarNik="ник аккаунта";
PiarPas="пароль";

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()\"> Пиар-вход</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>
</script>

Поделиться32013-02-20 18:00:16

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Выделение кода, html-низ \ html форма ответа

Код:

<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

Поделиться42013-02-20 18:04:58

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Оповещение о новом лс, html-низ
1 -

Код:

<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

2 -

Код:

<script type="text/javascript">
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) &&  loc.indexOf('messages.php')==-1)
{  
  count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))
  if (count==1) text="  У вас есть 1 новое сообщение"
  else if (count>1 && count<5) text=" У вас есть " +count+" новых сообщения"
  else text="У вас есть " +count+" новых сообщений"
  msg =  "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%; text-align: center;\">"
  msg += text
  msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">( Посмотреть личные сообщения )</a>"
  msg +="<br><br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\"><center>( Закрыть окно )</center></a>\r\n"  
  msg += "</div>"
  document.getElementById("pun-status").innerHTML += msg
}
</script>

Поделиться52013-02-20 18:08:30

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Счетчик символов в форме ответа, html-низ + второй код в html форму ответа

Код:

<script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.js"></script>

Код:

<span id="charsLeft"></span>&nbsp;знаков осталось.
<script type="text/javascript">
$(document).ready(function(){       
$('textarea').limit('1000','#charsLeft');
});
</script>

Поделиться62013-02-20 18:31:14

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Изменение картинок при наведении

Код:

<a href="ссылка"><img src='простая картинка без наведения'
onmouseover="this.src='картинка при наведении'"
onmouseout="this.src='простая картинка без наведения'" border=0>

Поделиться72013-02-20 18:31:36

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

Профилактика на форуме, html верх

Код:

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

Поделиться82013-03-24 17:33:31

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Стрелочки вверх-вниз, html-верх

Код:

<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="адрес картинки вверх" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="адрес картинки вниз" alt="Вниз страницы" ></a> 
</div>

что можно поменять:

<img src="адрес картинки вверх" alt="Вверх страницы" ></a>

<img src="адрес картинки вниз" alt="Вниз страницы" ></a>

картинку и всплывающее название

<div style="position:fixed; right

есть написать left вместо выделенного, то они окажутся (внезапно!) слева.

Поделиться92013-03-24 17:49:07

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Аватар по умолчанию, html-низ
если вас раздражают пустые профили

Код:

<script type="text/javascript">
var avalink = "https://forumupload.ru/uploads/0000/12/13/61-1.png";
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>

что можно поменять:

var avalink = "https://forumupload.ru/uploads/0000/12/13/61-1.png";

другой аватарчик поставить.

p.s. чтобы скрипт работал, необходимо не скрывать поле "статус".

Поделиться102013-03-24 17:50:33

Автор: белый
мистериум
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 185
Уважение: [+35/-0]
Провел на форуме:
23 часа 10 минут
Последний визит:
2013-05-07 19:25:37

разные картинки в категории

Код:

#pun-category1.category h2 {
background: url(http://i.pixs.ru/storage/3/6/9/kategoriya_8798923_5106369.png) no-repeat top center;
height: 66px; font-size: 0 !important;
}
#pun-category2.category h2 {
background: url(http://i5.pixs.ru/storage/3/8/0/kategoriya_5331909_5106380.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}
#pun-category3.category h2 {
background: url(http://i.pixs.ru/storage/4/4/9/kategoriya_9782129_5106449.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}
#pun-category4.category h2 {
background: url(http://i.pixs.ru/storage/4/2/2/kategoriya_5000531_5106422.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}

#pun-category5.category h2 {
background: url(http://i.pixs.ru/storage/4/2/3/kategoriya_1831258_5106423.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}
#pun-category6.category h2 {
background: url(http://i.pixs.ru/storage/4/2/5/kategoriya_2840251_5106425.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}
#pun-category7.category h2 {
background: url(http://i5.pixs.ru/storage/4/2/7/kategoriya_4487326_5106427.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}
#pun-category8.category h2 {
background: url(http://i5.pixs.ru/storage/4/2/8/kategoriya_9078552_5106428.png) no-repeat top center;
height: 66px;
font-size: 0 !important;
}


#pun-stats h2 {
  background: url(http://i5.pixs.ru/storage/1/9/9/kategoriya_8345419_5106199.png) no-repeat top center; 
  height: 80px !important; 
  font-size: 0px !important; 
  background-color: transparent;}

Поделиться112013-03-24 17:59:25

Автор: рэй
жестяные рыбы
Зарегистрирован: 2013-02-19
Приглашений: 0
Сообщений: 1111
Уважение: [+39/-0]
Пол: Женский
Провел на форуме:
4 дня 0 часов
Последний визит:
2014-03-05 20:19:56

разные картинки категорий v2 \ html верх

Код:

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"название категории", "ссылка",
"название категории", "ссылка",
"название категории", "ссылка",
"название категории", "ссылка",
"название категории", "ссылка",
"название категории", "ссылка")
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"60px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"сenter",
  "background-repeat":"no-repeat"   
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

название категории - название категории, картинку которой ставите; пишите именно так, как она забита у вас в администрировании в катах
height - ясное дело, высота; меняете по своему значению

Поделиться122013-03-24 18:06:31

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Выпадающее меню по клику от rps
взято с qssupport.ru

1. Установка
в HTML-верх:

Код:

<style> 
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

в HTML-низ:

Код:

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

ставите туда, где хотите увидеть само меню (объявление или шапка, например)

Код:

<center><table style="width: 90%">
        <tr>
        
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>                
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

        </tr>
</table></center>

2. Заполнение меню
Чтобы заполнить меню своим содержимым, надо обратиться к третьей части кода.

а). По-умолчанию в коде содержится 6 блоков. По своему усмотрению Вы можете изменить это число, добавив новые или удалив какие-либо. Чтобы осуществить это, достаточно размножить (в случае увеличения числа блоков) или удалить (для уменьшения их числа) такой фрагмент:

Код:

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

Внимание! Не меняйте НИКАКИЕ числовые значения в этой части кода! В противном случае меню перестанет работать!

б). Чтобы заменить информацию в основных блоках, найдите в коде слова "Первый блок". Замените их на нужное Вам. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

в). Чтобы заменить информацию в выпадающих блоках, найдите в коде слова "Тут будет что-то" и замените на нужную Вам информацию. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

3. Оформление меню.
Оформление выпадающего меню необходимо менять в первой части кода.
Ниже приведены доступные для пользователей изменения в дизайне:

div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}

Отвечает за дизайн основных блоков.
width: 130px; - ширина основных блоков, в пикселах.
height: 40px; - высота основных блоков, в пикселах.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ основных блоков.
background: #FFFFCC; - цвет фона основных блоков.
text-align: center; - выравнивание текста в основных блоках (по-умолчанию: центр).
font-family: Comic Sans Ms; - шрифт в основных блоках меню.
font-size: 15px; - размер текста в основных блоках меню.
padding: 5px; - отступ от краёв основных блокв (поля).

.spll div .splCont {height: auto; width: 300px; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}

Отвечает за дизайн выпадающих блоков.
height: auto; - высота выпадающих блоков. По-умолчанию осуществляется автоподгон по ширине. При необходимости можно заменить auto на любое числовое значение с указанием единиц измерения.
width: 300px; - ширина выпадающих блоков.
background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); - фоновое изображение выпадающих блоков. При необходимости можно установить непрозрачный цвет, путём замены на background: #FFFFCC; с указанием нужного цвета.
padding: 5px; - отступ от краёв выпадающих блокв (поля).
z-index: 1000; не рекомендовано к изменению. Данный параметр отвечает за наложение выпадающих блоков на форум. При уменьшении этого значения меню будет открывыться под таблицу форума. Если какой-либо элемент форума закрывает собой выпадающии меню, это значение необходимо увеличить.
margin-top: 5px; - отступ, между основными и выпадающими блоками. При значении 0 - без отступа.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ выпадающих блоков.
font-size: 12px; - размер текста в выпадающих блоках меню.
font-family: Microsoft Sans Serif; - шрифт в выпадающих блоках меню.
text-align: center; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).

Отредактировано curiosity (2013-10-12 23:47:35)

Поделиться132013-03-24 18:24:06

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Аватар последнего автора перед ссылкой на тему, html-низ

Код:

<script type="text/javascript">
if(document.URL.indexOf("viewforum.php")!=-1){
$('div.forum tr').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){ 
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
lastor +='alt="Аватар" src="'+LastPosterAva+'">';
self.prepend(lastor);
}); } }); }
</script>

что можно поменять:

var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';

ширина и высота аватарки.

var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';

расположение, но не стоит.

if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};

аватар по умолчанию при отсутствии последнего.

Поделиться142013-03-24 18:32:53

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Запятая в форму ответа после клика на ник автора поста, html-низ

Код:

<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

Поделиться152013-03-24 18:47:07

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Сворачивание категорий
html-верх

Код:

<script type="text/javascript">
//cookies
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
var aimg = {
open: '-',
close: '+'
}
function categorytoggle(el){
var cat = $(el).parents('div.category');
cat.children('div.container').toggle('slow');
el.innerHTML = el.innerHTML == aimg.open ? aimg.close : aimg.open;
var catc = getcookie(cat.attr('id'));
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat.attr('id'),catc,3600*24*30*1000);
}
</script>

html-низ

Код:

<script type="text/javascript">
$('#pun-main div.category > h2 div.catleft').after('<a href="#" onclick="categorytoggle(this); return false;" style="float: right;">'+aimg.open+'</a>');
for(var i=1;i<=$('#pun-main div.category').length;i++)
    if(getcookie('pun-category'+i)=='close'){
	$('#pun-category'+i+' > div.container').css({display: 'none'});
	$('#pun-category'+i+' > h2 > a').html(aimg.close)
}
</script>

что можно поменять:

open: '-',
close: '+'

вместо + и - можно вставить любой другой текст
или картинку:

Код:

<img src="адрес" border="0" />

Поделиться162013-03-24 19:01:41

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Иконка форума в браузере

Код:

<link rel="shortcut icon" href="адрес изображения" type="image/x-icon">

картинка только 16х16

Поделиться172013-03-24 19:11:47

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Elastic Thumbnail Menu
monsterart.ru

ДЕМО

HTML-низ

Код:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
; gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
}); 
</script>

Размер превью по умолчанию — 100*100 пикселей. Если вы хотите его изменить, вы должны указать свой размер в четвертой строке:

$('.menuitem img').animate({width: 100}, 0);

То же самое относится к оригинальному изображению. Максимальный размер — это 200 пикселей:

gridimage.stop().animate({width: 200}, 150);

HTML-верх

Код:

<style type="text/css">

img {
	border: none;
}

#menuwrapper{
	left: 20%;
	position: relative;
	height: 210px;
}

#menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.menuitem {
	position: fixed relative;
	bottom: 0px;
	display: inline-block;
}

</style>

height: 210px; — это высота линии. Если ваши изображения (в оригинальном размере) больше 200 пикселей, измените это значение.

сам плагин (объявление, шапка и пр)

Код:

<div id="menuwrapper">
<div id="menu">
<a href="http://" class="menuitem"><img src="изображение"></a>
<a href="http://" class="menuitem"><img src="изображение"></a>
<a href="http://" class="menuitem"><img src="изображение"></a>
<a href="http://" class="menuitem"><img src="изображение"></a>
</div>
	</div>

Отредактировано curiosity (2013-10-12 23:49:35)

Поделиться182013-03-24 19:18:44

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Fade Effect
monsterart.ru

ДЕМО

HTML-низ

Код:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.3);
              });
        });
    });
</script>

чтобы изображение имело подобный формат, необходимо приписать class="Hoverbuttons", то есть:

Код:

<img src="картинка" class="Hoverbuttons">

Отредактировано curiosity (2013-10-12 23:52:21)

Поделиться192013-03-24 19:32:56

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Simple Tooltips, всплывающее окно с подсказкой
monsterart.ru

ДЕМО

HTML-низ

Код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
$(this).find('.tip').show(); //Show tooltip
}, function() {
$(this).find('.tip').hide(); //Hide tooltip      
}).mousemove(function(e) {
 var mousex = e.pageX + 20; //Get X coodrinates
 var mousey = e.pageY + 20; //Get Y coordinates
 var tipWidth = $(this).find('.tip').width(); //Find width of tooltip
 var tipHeight = $(this).find('.tip').height(); //Find height of tooltip
     
 //Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth); 
var tipVisY = $(window).height() - (mousey + tipHeight);
      
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
$(this).find('.tip').css({  top: mousey, left: mousex });
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
$(this).find('.tip').css({  top: mousey, left: mousex });
} else {
$(this).find('.tip').css({  top: mousey, left: mousex });
}
});
	
});
</script>

в окно css стиля:

Код:

.tip {
	padding: 10px;
	color: #FFFFFF; 
	background-color: #1D1D1D;
	display: none;
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

padding: 10px; - расстояние текста от края окна
color: #FFFFFF; - цвет шрифта
background-color: #1D1D1D; - фоновый цвет окна

ссылка с подсказкой должна выглядеть так:

Код:

<a href="ссылка" class="tip_trigger">название ссылки<span class="tip">текст всплывающего окна</span></a>

Поделиться202013-03-24 19:41:02

Автор: curiosity
Участник
Зарегистрирован: 2013-03-09
Приглашений: 0
Сообщений: 366
Уважение: [+2/-0]
Провел на форуме:
20 часов 3 минуты
Последний визит:
2013-10-12 23:55:51

Смена картинки в таблице при перезагрузке страницы

Код:

<script type="text/javascript"> var myLogos = new Array
('адрес картинки №1',
 'адрес картинки №2', 
'адрес картинки №3');
var Idx = Math.floor(Math.random() * myLogos.length);
document.write('<img src="'+myLogos[Idx]+'">');
</script>

размножать бесчисленное количество раз можно.

Страница: 1

BANG GANG™

Меню навигации

Пользовательские ссылки

Объявление

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

Скрипты

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

Поделиться12013-02-20 11:47:10

Поделиться22013-02-20 17:59:17

Поделиться32013-02-20 18:00:16

Поделиться42013-02-20 18:04:58

Поделиться52013-02-20 18:08:30

Поделиться62013-02-20 18:31:14

Поделиться72013-02-20 18:31:36

Поделиться82013-03-24 17:33:31

Поделиться92013-03-24 17:49:07

Поделиться102013-03-24 17:50:33

Поделиться112013-03-24 17:59:25

Поделиться122013-03-24 18:06:31

Поделиться132013-03-24 18:24:06

Поделиться142013-03-24 18:32:53

Поделиться152013-03-24 18:47:07

Поделиться162013-03-24 19:01:41

Поделиться172013-03-24 19:11:47

Поделиться182013-03-24 19:18:44

Поделиться192013-03-24 19:32:56

Поделиться202013-03-24 19:41:02