Photoshop

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Photoshop » HTML Скрипты » Разное

Разное

Страница: 1

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

1

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37

Все Скрипты взяты с форуму  Единый форум поддержки
Мы не пишем вам скрипты тут вы можете найти что-то похожее для себя
Все Скрипты подписаны автором

0

2

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37
Вариант растягивающейся рамки на Аватар

http://s6.uploads.ru/RwFSK.jpg

В HTML верх

Код:
<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:6px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;
    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

Автор Deff


РАМКИ ПОД АВАТАРЧИКИ (РАНДОМНО)

http://s6.uploads.ru/frOxm.gifhttp://s7.uploads.ru/2xsmG.gifhttp://s7.uploads.ru/bheYO.gifhttp://s6.uploads.ru/H2oPB.gif

В НТML низ

Код:
<script><!--Ставим рамки для Аватара -->
  $(document).ready(function(){
GifArray=new Array(
"http://savepic.ru/2200031.gif", //Ссылки на GIF-рисунок рамок под Аватар
"http://savepic.ru/2169311.gif",
"http://savepic.ru/2223582.gif",
"http://savepic.ru/2225630.gif",
"http://savepic.ru/2216414.gif",
"http://savepic.ru/2208222.gif",
"http://savepic.ru/2197982.gif",
"http://savepic.ru/2202078.gif",
"http://savepic.ru/2182622.gif",
"http://savepic.ru/2183646.gif",
"http://savepic.ru/2174430.gif",
"http://savepic.ru/2178526.gif",
"http://savepic.ru/2168286.gif",
"http://savepic.ru/2206161.gif",
"http://savepic.ru/2211281.gif"    //End myarray_!!Последняя ссылка без Запятой!!!
)
   var imgURL;var i;var x;var y;
     $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    x = this.offsetWidth;
    y = this.offsetHeight;
    inb = $(this).parent().get(0).tagName;
    $(this).css("width",x+"px");
    $(this).css("height",y+"px");
    imgURL = $(this).attr("src");
    i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
    $(this).attr("src",i);
    $(this).css("background-image","url("+imgURL+")");});
});
</script><!--Конец//Рамки для Аватара-->

При Обновлении страницы - рамки сменяюца

Автор Deff

0

3

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37

Система оповещения о личных сообщениях

в html-верх:

Код:
<style type="text/css">
#messanger { position:fixed; right:10%; top:65%; z-index:100; width:260px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}
#closer{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
color: lime; 
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;
}
#closer:hover {color: #FF4500; }
</style>

в html-низ:

Код:
<!-- Система оповещения о личных сообщениях-->
<script type="text/javascript"> 
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="messanger" class="container" style="padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое личное сообщение</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong>&nbsp;X&nbsp;</strong></span></div>');}
$.get('messages.php','',processMessage);
function processMessage(data){
$(data).find('tr.icon').each(function(){  
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');
var Qautor=$(this).find('td.tc2 a').text();var QProf=$(this).find('td.tc2 a').attr('href');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\'  class="mess" href="'+QLink+'">'+QMess+'</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\'  class="mess" href="'+QProf+'">'+Qautor+'</a></li>');
$('.mess').click(function(){
$('#messanger').toggle();}); });}
$('#closer').click(function(){
$('#messanger').toggle();});
</script>

0

4

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37
Cвоя картинка в каждую категорию.

Устанавливаем в HTML верх - вместо красного свои значения

<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(адрес иконки темы без новых сообщений);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(адрес иконки темы с новыми сообщениями);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
</style>
50 и 50 -  высота и ширина соотвественно Иконки в пискселах - смотрите и подставляйте в свойствах Своей картинки

Автор Deff

0

5

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37
СКРИПТ ЗАМЕНЫ Слов В ПАНЕЛИ НАВИГАЦИИ СВОИМ CЛОВОМ или КАРТИНКОЙ

Скрипт устанавливаем в начало HTML низ
Если используем скрипт информирующий о новых сообщениях, ставим его раньше данного скрипта

замена ссылок в навигации на свои изображения

<script type="text/javascript">
$(function(){
$('li#navindex>a>span:contains("Форум")').html('<img src="ссылка на изображение" title="Форум"/> ');
$('li#navrules>a>span:contains("Правила")').html('<img src="ссылка на изображение" title="Правила"/> ');
$('li#navuserlist>a>span:contains("Участники")').html('<img src="ссылка на изображение" title="Участники"/> ');
$('li#navsearch>a>span:contains("Поиск")').html('<img src="ссылка на изображение" title="Поиск"/> ');
$('li#navprofile>a>span:contains("Профиль")').html('<img src="ссылка на изображение" title="Профиль"/> ');
$('li#navpm>a>span:contains("Сообщения")').html('<img src="ссылка на изображение" title="Сообщения"/> ');
});
</script>

вот вариант замены на своё слово
<script type="text/javascript">
$(function(){
$('li#navindex>a>span:contains("Форум")').html('На главную').css('color' , 'maroon');
$('li#navrules>a>span:contains("Правила")').html('Правила Регистрации').css('color' , 'blue');
$('li#navuserlist>a>span:contains("Участники")').html('Пользователи').css('color' , 'maroon');
$('li#navsearch>a>span:contains("Поиск")').html('Поиск по форуму').css('color' , 'blue');
$('li#navprofile>a>span:contains("Профиль")').html('Ваш профиль').css('color' , 'maroon');
$('li#navpm>a>span:contains("Сообщения")').html('Личные сообщения').css('color' , 'blue');
});
</script>

Автор Romych

0

6

  • Автор: kolista
  • Активный участник
  • kolista
  • Зарегистрирован: 2013-12-18
  • Приглашений: 0
  • Сообщений: 103
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 14 часов
  • Последний визит:
    2015-01-12 22:24:37
Картинки OnLine/OffLine в Профиле в топике

В HTML низ
<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:153px;margin-top:3px;display:block;" />';
    var ImgON="http://savepic.ru/4647873.png";  // Картинка Online;
    var ImgOff="http://savepic.org/3595913.png";  // Картинка OffLine;
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>

Автор Deff

0

Страница: 1

Вы здесь » Photoshop » HTML Скрипты » Разное