hp: dark au // 2nd generation - 2007 // 18+
победа тёмного лорда во второй магической войне погрузила великобританию в мрак и хаос. магглы, объединившись с остатками ордена, смогли уничтожить тома. однако успех был временным, и вскоре тёмный лорд вернулся, установив тоталитарный режим. волшебное общество оказалось разделено на касты по чистоте крови, границы закрыты, а репрессии и дискриминация стали нормой. надежда на перемены теперь связана с сопротивлением, которое по масштабу превзошло сам орден феникса.
post of the week: silas crump
episode of the week: я піду за тобою
navigation
f.a.q хронология градация (касты) пожиратели смерти сопротивление колдомедицина и мунго

HP Luminary

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

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

Вы здесь » HP Luminary » Новый форум » Полезные скрипты

Полезные скрипты

Страница: 1
Ответить

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

1

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

Всплывающий текст в Шапке форума(при наведении)

В HTML верх:

Код:
<style type="text/css">
#tblWrap {
  position:relative;
}
#tblHover {
  position:absolute;opacity:0;
  top:30px; /*подвижка сверху*/
  left:0px; /*подвижка слева*/
  margin:0px; /*отступы*/
  padding:0px; /*внутренние отступы*/
  width:100%; /*ширина*/
  height:240px; /*высота*/
  color:#CCC5B3; /*цвет шрифта*/
  background:#48362C; /*фон*/
  transition:opacity .6s ease-in-out; /*плавность появления*/
}
#tblHover:hover {
  opacity:1;
}
</style>
<div id="tblWrap"><div id="tblHover">
Текст со Всплытием при Наведении
</div></div>

0

2

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

Обрамление форумов картинкой (вместе с описанием)
http://forum.mybb.ru/viewtopic.php?id=2 … =4#p895764
В HTML верх (или конец первого окна стиля, без тегов <style></style>)

Код:
<style>
/*Обрамление форумов картинкой(вместе с описанием)*/
.category h3{
  position:relative;z-index12;
  background:url(http://s6.uploads.ru/xdpNT.png) 0 top no-repeat; /*Верхняя часть картинки*/
  width:364px; /*Ширина картинки*/
  height:74px; /*Высота картинки*/
  padding-top:34px; /*Центровка ссылки на форум по вертикали в верхней картинке*/
}
.opisF {
  background:url(http://s7.uploads.ru/pcG9f.png) 0 bottom no-repeat,url(http://s2.uploads.ru/eYZuX.png) 0 0 repeat-y;
  max-width:364px; /*Ширина картинки*/
  padding: 0 22px; /*Отступ описания от боковых краёв картинки */
  margin-top:-34px;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
}
</style>

0

3

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

Простой Вариант обрамления форумов

Код:
.category .intd {
  background-color:#fff; /*Фон*/
  box-shadow:inset 0 0 2em rgba(83,129,181,.7);  /*Объёмная тень внутри*/
  border-radius:23px; /*Скругления*/
  border-width:8px 0 9px 0; /*Ширина бордеров сверху- снизу*/
  border:solid #FFEA00; /*Цвет бордеров*/
  padding:12px; /* Отступ от краёв */
}

http://sd.uploads.ru/iHURL.png

0

4

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

Полоска-Разделитель между форумами
http://s5.uploads.ru/fap6s.png
В HTML верх (или конец Второго Окна стилей без тегов <style>)

Код:
<style type="text/css">
/*Разделители между форумами*/
.category th{
  padding-bottom:1.2em
}
.category tr{
  display:table;width:100%;
  clear:both;position:relative;
}
.category tbody>tr:before{
  content:"";display:block;
  width:100%;height:6px; /*Высота*/
  position:absolute;margin-top:-5px;
  background:#111; /*Фоновый цвет */
  background:linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-webkit-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-moz-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-o-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-khtml-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
  background:-ms-linear-gradient(to right,transparent 0%,#111 4%,transparent 80%,transparent 100%);
}
</style>

0

5

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

Меняем оформление полей с автозаполнением и в фокусе
(для браузеров Webkit - Хром, новая Опера, Яндекс и т.п.)

Код:
/*оформление поля с автозаполнением*/
:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #EAFFF5 !important; /*Цвет фона*/
  -webkit-text-fill-color: #1B631B !important; /*цвет текста*/
  color: #1B631B !important; /*цвет текста*/
}

/*оформление поля в фокусе*/
:focus {
  outline-color: #4DC382; /*цвет обводки*/
}

0

6

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

поля профиля в один ряд

Код:
li.pa-posts, li.pa-respect, li.pa-fld1 {
  display: inline-block;
text-align:center;
  width:63px;
}

хтмл-низ

Код:
<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts','Сообщений:','Сообщений:</br>');
   changeS('.pa-respect','Уважение</a>:','Уважение</a>:<br>');
   changeS('.pa-respect','Уважение: <span>','Уважение:<br><span>');
</script>

0

7

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

хтмл-верх

Код:
<!-- Переход на пост по клику на ссылку --><script type="text/javascript">
$(function(){$('.post-content p').find('a[target][href*="k.php?http://'+location.hostname+'"]').filter('[href*="#p"]').map(function(){
  var s = $(this),a = s.attr('href'),b = '#p'+a.split('#p')[1],l0 = location,l = l0.hostname;l = l.replace(/\./g,'\\.');
  var reg = new RegExp('^http\\:\\/\\/'+l+'\\/click\\.php\\?http\\:\\/\\/'+l+'\\/viewtopic(.*?)\\?p?id=(\\d+)(.*?)#p(\\d+)$','mgi');
  if($(b).length&&a.match(reg)){s.removeAttr('target').live('click',function(){l0.hash = '#';l0.hash = b;return !1})}
});})
</script>

0

8

  • Автор: John Doe
  • I don't have a fucking idea what to write here
  • John Doe
  • • сновидец • ковен "Сатор" (нет) •
    Cыграю с вами в игру, покажу вам ваши страхи.
    I can make you a believer
  • Сообщений: 62
  • Уважение: +0
  • money: 500
  • posts: 123
  • Последний визит:
    Сегодня 15:41:54

<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000000;
        border-right: 1px dotted #000000;
        border-left: 1px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;   
        border-left: 0px solid #000000;   
        border-right: 0px solid #000000; 
}   

html ul.tabs li.active  {
    background: url();   
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;   
        border-left: 0px solid #000000;   
        border-right: 0px solid #000000;   
} 

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left;
    width: 900px;
    height: 343px;
    background-image : url();   
background-color: #FFFFFF; 
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;   
        border-left: 0px solid #000000;   
        border-right: 0px solid #000000; 

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

0

Ответить
Страница: 1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


Вы здесь » HP Luminary » Новый форум » Полезные скрипты

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