Внимание! Мы ведем работы по подготовке Лиса к выходу в свет. Приносим извинения за временные неудобства.



RED FOX

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

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

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

Скрипты

Страница: 1

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

1

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

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

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

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

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

САМЫЕ АКТУАЛЬНЫЕ СКРИПТЫ

1. Замена навигации на картинки
2. Замена мои сообщения, подписка, темы без ответа и тд на картинки
3. PR-вход на форум
4. Убрать названия доп.полей

НАВИГАЦИЯ

1. Замена навигации на слова
2. Замена навигации на картинки
3. Замена картинки навигации на другую при наведении
4. Замена мои сообщения, подписка, темы без ответа и тд на картинки
5. Смена картинок нижней навигации на другие при наведении
6. Замена ссылки "уведомления" на картинку

КАТЕГОРИИ

1. Своя картинка в каждую категорию

ПРОФИЛЬ

1. Замена надписей онлайн/оффлайн на картинки
2. Убрать названия доп.полей
3. Иконка на аватар пользователю онлайн (Deff)

ОСТАЛЬНОЕ

1. Чтобы форум распознавал HTML в постах
2. Контейнер для текста на форум
3. Контейнер для баннеров на форум
4. Предпросмотр тем
5. Замена шапки на другую при обновлении
6. Отдельная иконка к определенному форуму (Герда)

0

2

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЗАМЕНА НАВИГАЦИИ:форум,участники,поиск и тд НА КАРТИНКИ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЗАМЕНА НАВИГАЦИИ: форум, участники, поиск и др НА СВОИ СЛОВА
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЗАМЕНА КАРТИНОК НАВИГАЦИИ НА ДРУГИЕ ПРИ НАВЕДЕНИИ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЗАМЕНА мои сообщения, активные темы, ответы и тд НА КАРТИНКИ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

СМЕНА КАРТИНОК НИЖНЕЙ НАВИГАЦИИ НА ДРУГИЕ ПРИ НАВЕДЕНИИ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

СВОЯ КАРТИНКА В КАЖДУЮ КАТЕГОРИЮ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЗАМЕНА НАДПИСЕЙ ОНЛАЙН/ОФФЛАЙН НА КАРТИНКИ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

УБРАТЬ НАЗВАНИЯ ДОПОЛНИТЕЛЬНЫХ ПОЛЕЙ В ПРОФИЛЕ
*ставить в 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ЧТОБЫ ФОРУМ РАСПОЗНАВАЛ 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

Код:
<!--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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

Код:
<!--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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59: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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

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

Код:
<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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

БЫСТРЫЙ ПЕРЕХОД ПО СТРАНИЦАМ 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="https://forumstatic.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

  • Автор: тайна
  • Жизнь зависит от случая. ©
  • тайна
  • Зарегистрирован: 2015-09-05
  • Приглашений: 0
  • Сообщений: 265
  • Уважение: [+54/-0]
  • Позитив: [+15/-0]
  • Провел на форуме:
    17 дней 12 часов
  • Последний визит:
    2016-03-09 10:30:05

Иконка на аватар пользователю онлайн (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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

ГОРИЗОНТАЛЬНОЕ РАСПОЛОЖЕНИЕ РЕПУТАЦИИ И КОЛИЧЕСТВА СООБЩЕНИЙ В ПРОФИЛЕ
*в окно 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

  • Автор: redfox
  • мы строим империю с нуля
  • redfox
  • Зарегистрирован: 2015-07-07
  • Приглашений: 0
  • Сообщений: 1236
  • Уважение: [+152/-0]
  • Позитив: [+190/-2]
  • Провел на форуме:
    12 дней 5 часов
  • Последний визит:
    2022-11-03 15:59:15

РАЗДЕЛЕНИЕ ВАЖНЫХ И ОБЫЧНЫХ ТЕМ НА БЛОКИ
*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

  • Автор: тайна
  • Жизнь зависит от случая. ©
  • тайна
  • Зарегистрирован: 2015-09-05
  • Приглашений: 0
  • Сообщений: 265
  • Уважение: [+54/-0]
  • Позитив: [+15/-0]
  • Провел на форуме:
    17 дней 12 часов
  • Последний визит:
    2016-03-09 10:30:05

Отдельная иконка к определенному форуму (Герда)
*в 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

  • Автор: .gastuda
  • Путешественник по миру
  • .gastuda
  • Зарегистрирован: 2015-10-12
  • Приглашений: 0
  • Сообщений: 153
  • Уважение: [+14/-0]
  • Позитив: [+56/-0]
  • Провел на форуме:
    2 дня 23 часа
  • Последний визит:
    2016-04-09 19:35:18

Дополнительный набор смайлов в одном окне со стандартными (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

Страница: 1

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

Рейтинг форумов | Создать форум бесплатно