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

Поделиться12019-11-15 14:53:09

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

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

В 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

Цитировать Сообщение 1

Поделиться22019-11-15 15:00:17

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

Обрамление форумов картинкой (вместе с описанием)
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

Цитировать Сообщение 2

Поделиться32019-11-15 15:02:23

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

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

Код:

.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; /* Отступ от краёв */
}

0

Цитировать Сообщение 3

Поделиться42019-11-15 15:02:52

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

Полоска-Разделитель между форумами

В 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

Цитировать Сообщение 4

Поделиться52019-11-15 15:05:36

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

Меняем оформление полей с автозаполнением и в фокусе
(для браузеров 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

Цитировать Сообщение 5

Поделиться62019-11-16 05:55:43

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

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

Код:

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

Цитировать Сообщение 6

Поделиться72019-11-16 05:58:09

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

хтмл-верх

Код:

<!-- Переход на пост по клику на ссылку --><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

Цитировать Сообщение 7

Поделиться82022-03-25 19:35:29

Автор: John Doe
I don't have a fucking idea what to write here
muggle-blood
шеймус финниган, 27
about: got a shot of kerosene in my veins.
Сообщений: 87
Уважение: +0
money: 690ʛ
Последний визит:
Вчера 19:14:14

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