RED FOX

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

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


Вы здесь » RED FOX » Все о html и css » Скрипты


Скрипты

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

1

- - - - - - - - - - - -
СКРИПТЫ
- - - - - - - - - - - -

You need my help
Если историю нельзя замолчать – её обезвреживают.

В данном разделе Вы можете выложить скрипт, который окажется полезным для других участников. Убедительная просьба выражать свою благодарность исключительно повышением репутации участника, вопросы задаются либо в теме помощи, либо владельцу скрипта в лс. Иначе Ваш комментарий будет удален.
КОД ДОБАВЛЕНИЯ СКРИПТА В ТЕМУ

Код:
[align=center][size=16][font=Century Gothic]НАЗВАНИЕ СКРИПТА[/font][/size][/align]
*куда ставится?
**дополнительные примечания
САМ СКРИПТ В ТЕГЕ КОДА

But you could help me?
Изучая минувшее, можно предугадать будущее.


0

2

ЗАМЕНА НАВИГАЦИИ:форум,участники,поиск и тд НА КАРТИНКИ
*ставить в html-низ

Код:
<script>
<!--
indexof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
userof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
pravilof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='ССЫЛКА НА КАРТИНКУ' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>

+1

3

ЗАМЕНА НАВИГАЦИИ: форум, участники, поиск и др НА СВОИ СЛОВА
*ставить в html-низ

Код:
<script type="text/javascript">
var itemMass = new Array("Ролевая", "Пользователи", "Правила", "Поиск", "Мой профиль", "Личка", "Админ", "Регистрация", "Зайти", "Выйти");
var itemIdMass = new Array("navindex", "navuserlist", "navrules", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>

+1

4

ЗАМЕНА КАРТИНОК НАВИГАЦИИ НА ДРУГИЕ ПРИ НАВЕДЕНИИ
*ставить в html-низ

Код:
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(

  "navindex",    // Форум
"без наведения","при наведение",
  "navuserlist", // Участники
"без наведения","при наведение",
  "navsearch",    // Поиск
"без наведения","при наведение",
  "navprofile",    // Профиль
"без наведения","при наведение",
  "navpm",    // Сообщения
"без наведения","при наведение",
  "navadmin",    // Администрирование
"без наведения","при наведение",
  "navregister", // Регистрация
"без наведения","при наведение",
  "navlogin",    // Войти
"без наведения","при наведение",
  "navlogout",    // Выход
"без наведения","при наведение"  // !ПОСЛЕДНИЙ элемент без запятой 
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

+1

5

ЗАМЕНА мои сообщения, активные темы, ответы и тд НА КАРТИНКИ
*ставить в html-низ

Код:
<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='ССЫЛКА НА КАРТИНКУ'>"+s.substring(p+13)
}
</script>

+1

6

СМЕНА КАРТИНОК НИЖНЕЙ НАВИГАЦИИ НА ДРУГИЕ ПРИ НАВЕДЕНИИ
*ставить в html-низ

Код:
<script><!--Свои картинки в панель пользовательских ссылок со сменой картинки по наведению курсора -->
   ulinks=new Array(
  "Новые сообщения",    // Новые сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
  "Активные темы",	// Активные темы
"Ссылка на картинку","Ссылка на картинку при наведении",
  "Темы без ответов",	// Темы без ответов
"Ссылка на картинку","Ссылка на картинку при наведении",
  "Мои сообщения",	// Мои сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
  "Подписка",    // Подписка
"Ссылка на картинку","Ссылка на картинку при наведении",
  "Все прочитано",	// Все прочитано
"Ссылка на картинку","Ссылка на картинку при наведении"   // !ПОСЛЕДНИЙ элемент без запятой 
)
var s0,s1,s2,s3,i; for (i=0; i < ulinks.length; i++){s0=ulinks[i+1];s1="onmouseover=\"this.src='"+ulinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="ulinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#pun-ulinks li").find("a:contains('"+ulinks[i]+"')").html("<span>"+s3+"</span>");i++;i++; }
</script><!-- End//Свои картинки пользовательских ссылок  -->

+1

7

ЗАМЕНА ССЫЛКИ "УВЕДОМЛЕНИЯ" НА КАРТИНКУ
*ставить в окошко своего стиля
**подходит исключительно для rusff

Код:
#pun-ulinks li.item7 > a {
    background: url("ССЫЛКА НА КАРТИНКУ") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 14px; /*высота картинки * 2*/
    top: 3px; /*отступ сверху*/
    width: 71px; /*ширина картинки*/
}

+1

8

СВОЯ КАРТИНКА В КАЖДУЮ КАТЕГОРИЮ
*ставить в 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":"165px", //Высота картинки
  "width":"908px", //Ширина картинки
 "margin-left": "-16px", //Расположение картинки от левого края
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

+2

9

PR ВХОД НА ФОРУМ
*ставить в html-низ

Код:
<style>.Myimge {position:absolute;margin-top:-14px;}</style>
    <script type="text/javascript">
    PiarNik="НИК PR-ВХОДА";
    PiarPas="ПАРОЛЬ PR-ВХОДА";

    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>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"ССЫЛКА НА КАРТИНКУ\" onmouseover=\"this.src='ССЫЛКА НА КАРТИНКУ ПРИ НАВЕДЕНИИ' \" onmouseout=\"ССЫЛКА НА КАРТИНКУ'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

+1

10

ЗАМЕНА НАДПИСЕЙ ОНЛАЙН/ОФФЛАЙН НА КАРТИНКИ
*ставить в html-низ

Код:
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='ССЫЛКА НА КАРТИНКУ ОНЛАЙН' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='ССЫЛКА НА КАРТИНКУ ОФФЛАЙН' />"}
}
</script>

+1

11

УБРАТЬ НАЗВАНИЯ ДОПОЛНИТЕЛЬНЫХ ПОЛЕЙ В ПРОФИЛЕ
*ставить в html-низ

Код:
<!-- HTML низ -удаляет названия дополнительных полей -->
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

+1

12

ЧТОБЫ ФОРУМ РАСПОЗНАВАЛ HTML В ПОСТАХ
*ставить в html-низ
**когда будете отправлять в пост код хтмл, добавляете <!***--HTML-->, убирая звездочки, и ставите все вместе в тег кода
 

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

+1

13

КОНТЕЙНЕР ДЛЯ ТЕКСТА
*ставить туда, где хотите, чтобы он был расположен

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 270px; height:  100px; background-color: #f3f3f3; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

Текст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текст

</div><p>
</center>
Код:
<link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 270px; height:  100px; background-color: #f3f3f3; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

Ваш текст, текст, текст, текст, текст

</div><p>
</center>

+1

14

КОНТЕЙНЕР ДЛЯ БАННЕРОВ
*ставить туда, где хотите, чтобы он был расположен

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 200px; height:  100px; background-color: #f3f3f3; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

<img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;">

</div><p>
</center>
Код:
<link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 200px; height:  100px; background-color: #f3f3f3; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

ЗДЕСЬ ВАШИ БАННЕРЫ<img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;"><img src="http://placehold.it/88x31" style="padding:2px;">

</div><p>
</center>

+2

15

ПРЕДПРОСМОТР
*1. в хтмл-верх, 2. в хтмл-низ
**суть скрипта в том, что при наведении на тему появляется что-то типа скрина с ее содержимым.
1.

Код:
<style type="text/css">
#prosmotr { position: absolute;  z-index:1000;  filter: alpha(opacity=90); opacity: 0.9; 
  background-color: #ddd;
  border: 2px solid #ccc;
  width:580px;
 background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 8px; border-radius: 8px; khtml-border-radius:8px; -webkit-border-radius:8px;
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  table-layout: auto !important;}
#tema td {border-style: dotted none none dotted;padding:1px !important;}
</style>

2.

Код:
<!--Предосмотр темы-->
<script type="text/javascript"> 
$('div#pun-viewforum div.tclcon a').hover(function(){
poisk=$(this).attr('href'); zapros=poisk.slice(poisk.indexOf("viewtopic.php?id=")+17);
$(this).append('<div id="prosmotr"><table id="tema" cellspacing="0" width=100%></table></div>');
$.get('export.php?type=rss&tid='+zapros,'',processTEMA);
function processTEMA(data){
$(data).find('item:lt(10)').each(function(){ 
TAuthor=$(this).find('author').text().slice(14,-1); TLink=$(this).find('link').text();
TPosted=$(this).find('pubDate').text().slice(4,-5); TContent=$(this).find('description').text();
$('#tema').append('<tr><td width=15% style="color:#458B74;"><b>'+ TAuthor +'</b></td><td width=60%><a href="'+TLink+'">Ссылка на пост </a>'+TContent+'</td><td style="color:RoyalBlue">'+TPosted+'</td></tr>'); 
}); } },
function(){ 
$('div#pun-viewforum div.tclcon a').find('div:last').remove();
 });
</script>

0

16

СМЕНА ШАПКИ НА ДРУГУЮ ПРИ ОБНОВЛЕНИИ
*ставить в хтмл-верх

Код:
<script language="JavaScript">
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................
var img=image[Math.floor(Math.random()*image.length)]
document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>

+1

17

БЫСТРЫЙ ПЕРЕХОД ПО СТРАНИЦАМ BY Alex_63
http://disbb.ru/_bd/1/178.jpg
*в html-низ
**добавляет форму для перехода на заданную страницу топика или раздела.

Код:
<!-- Быстрый переход по страницам темы и форума © Alex_63 --> 
<script type="text/javascript"> 
var t_fID = $('html').find('link[rel="alternate"]').attr('href').split('id=')[1];if($('#pun-viewtopic').length){var UrlSpl='viewtopic'} if($('#pun-viewforum').length){var UrlSpl='viewforum'}if($('#pun-viewtopic, #pun-viewforum').length){$('div.pagelink:contains("»"), div.pagelink:contains("«")').each(function(){$('<form action="http://'+location.hostname+'/'+UrlSpl+'.php" method="get"><ul class="qJump-ul"><li class="quickJump"><label><input type="hidden" name="id" value="'+t_fID+'" />К странице: <input type="text" name="p" size="4" /></label> <input type="submit" class="button" value="Перейти" /></li></ul></form>').appendTo(this);$('<span class="openQJump"><img src="http://test084tst.0pk.ru/files/0015/92/70/93282.png" /></span>').prependTo(this);});$('.openQJump').click(function(){$(this).parent().find('.quickJump').fadeToggle(160);});}</script>

*в окошко стиля

Код:
<style> 
.quickJump { 
  display: none; 
  position: absolute; 
  background: #f7f7f7; 
  color: #333; 
  font-size: 11px; 
  margin-top: 3px; 
  padding: 5px !important; 
  border: solid 1px #ccc; 
  border-radius: 5px; 
} 
.openQJump { cursor: pointer; margin-right: 1px; } 
.openQJump > img { margin-bottom: -2px; margin-right: 2px; opacity: 1.0; } 
.openQJump > img:hover { opacity: 0.8; } 
</style>

0

18

Иконка на аватар пользователю онлайн (Deff)
*В HTML низ (или в HTML - форма ответа)
**margin:12px 35px -12px -35px; - смещение иконки влево (надвижка на Аватар)

Код:
<script> 
$(document).ready(function(){GifArray=new Array("http://savepic.org/1641759.png") 
  var imgURL;var i;var x;var y; 
  var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>"; 
  $("div.post-author ul li img[alt]").each(function () { 
  if($(this).parents("ul:first").find(".pa-online").html()!=null){ 
  $(this).wrap("<div class=avva></div>"); x = this.offsetWidth; 
  inb = $(this).parent().get(0).tagName; 
  i=GifArray[Math.round(Math.random()*(GifArray.length-1))]; 
  $(this).after(ss0+i+ss1);};});}); 
</script><!--Конец//Смайлы в Аватар-->

0

19

ГОРИЗОНТАЛЬНОЕ РАСПОЛОЖЕНИЕ РЕПУТАЦИИ И КОЛИЧЕСТВА СООБЩЕНИЙ В ПРОФИЛЕ
*в окно style_cs.css

Код:
/* репутация и сообщеньки */
.pa-posts {
text-align: center; 
display: inline-block;
padding: 0px 0px;
width: 70px; /ширина ячейки/
}

.pa-respect {
text-align: center;
display: inline-block;
padding: 0px 0px;
width: 70px; /ширина ячейки/
}

0

20

РАЗДЕЛЕНИЕ ВАЖНЫХ И ОБЫЧНЫХ ТЕМ НА БЛОКИ
*HTML - низ

Код:
<script type="text/javascript">
<!--
if (document.URL.indexOf("viewforum")!=-1){
var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
for (io=1; io<=(trs.length-1); io++){
if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
for(j=0;j<4;j++){
nl=normal.insertCell(0)
nl.className="tc2"
nl.innerHTML="&nbsp;"
nl.style.borderLeft="0px"}
nl.innerHTML="<b>Темы форума</b>"
nl.style.textAlign="left"
}}}
-->
</script>

0

21

Отдельная иконка к определенному форуму (Герда)
*в Html-верх или в style_cs.css
**при добавлении в style_cs.css следует убрать фрагмент "<style type="text/css">" из начала и "</style>" из конца кода

<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 45px; width: 45px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}

tr#forum_f1 div.icon {background-image: url(http://адрес); }
tr#forum_f1 div.inew {background-image: url(http://адрес); }

tr#forum_f2 div.icon {background-image: url(http://адрес); }
tr#forum_f2 div.inew {background-image: url(http://адрес); }

</style>


синее - высота иконки
красное - ширина иконки
зеленое - номер форума.
Чтобы узнать номер форума, взгляните на адресную строку браузера, увидите: *******/viewforum.php?id=2 - это и есть номер вашего форума.
вместо "адрес", пишите ссылку на картинку-иконку.
div.inew - для иконки "новые сообщения"
div.icon - для "нет новых сообщений"

+2

22

Дополнительный набор смайлов в одном окне со стандартными (Romych, Deff)-модификация от Deff
*в HTML-низ
**Нет загрузки без клика на иконку смайлов
*** Упрощена вставка новых смайлов

<!--дополнительные смайлы © Romych-->
<style type="text/css">
/* вкладки доп смайлов */
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2,div.t3 {display: none;width: 450px;}
</style>
<!--дополнительные смайлы © Romych--><script language="javascript">
$(document).ready(function() {
if($('#smilies-block').length==0) return false;
$('#smilies-block').addClass('t1');
function abc(){/*==123==;
<div id="wrapper">
<ul class="tabs tabs1"><li class="t1 tab-current"><a>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</a></li></ul>
<div class="t2"><p></p></div><div class="t3"><p><br></p></div>
</div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
$(abc).prependTo('#smilies-area');
function abc1(){

//Второй Блок Смайлов;
/*==123==;
http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif

==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var tgEnd = '" onclick="smile('+bb+')" />';
function abc2(){

//Третий Блок Смайлов;
/*==123==;
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif
==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
$('#button-smile').one('click',function(){
abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
$(abc1).prependTo('#smilies-area div.t2');
$(abc2).prependTo('#smilies-area div.t3');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
return false;
}); });
</script>


красное - ссылки на вши смайлы

+1


Вы здесь » RED FOX » Все о html и css » Скрипты


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC