.main table { table-layout: fixed; width: 100%;}
Тестовое сообщение
Сообщений 61 страница 77 из 77
Поделиться612024-11-27 23:59:35
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Поделиться622024-11-28 12:20:06
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
background: var(--extra-back1);
#pun-profile #viewprofile tbody tr #profile-left
/**************************************
ЛИЧНАЯ СТРАНИЧКА
******************/
/* Личная страница */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px !important;
left: 50%;
position: fixed;
z-index: 101;
}
.reveal-modal.xlarge {
transform: translateX(-50%);
background: url(https://forumstatic.ru/files/001c/18/b8/82284.png?v=1);
width: 600px;
height: 560px;
border-radius: 10px;
box-shadow: 0 0 1px #000, 0 0 6px 2px #00000052;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: -30px;
color: var(--t-body);
text-shadow: 0 -1px 1px rgba(0,0,0,.6);
font-weight: bold;
text-decoration: none;
transition: unset !important;
}
info {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
info > * {
display: flex;
}
info * { font-weight: 400; color: #615f5f;}
about {
display: flex;
width: 470px;
height: 110px;
box-sizing: border-box;
padding: 22px 25px;
margin: 45px 0 20px;
position: relative;
flex-direction: column;
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
}
about h3,
info h4 {
margin: 0;
margin-bottom: 10px;
font-family: 'Anticva';
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
info h4 {
width: 100%;
text-align: center;
font-size: 13px;
}
about span {
width: 420px;
height: 40px;
overflow: auto;
font-size: 10px;
padding-right: 8px;
text-align: justify;
}
pic img {
display: block;
width: 50px;
height: 50px;
object-fit: cover;
filter: grayscale(1) brightness(0.4);
border-radius: 50%;
transition: opacity 0.3s ease-in-out;
border: var(--simple-border);
}
arcanas a, pic {
position: relative;
display: flex;
width: fit-content;
transition: unset!important;
}
pic {
position: absolute;
left: -35px;
}
pic:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: .2;
z-index: 1;
background-color: #18293a;
transition: opacity 0.4s ease;
}
arcanas, info_p, info_a, skill {
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
padding: 7px 20px;
display: flex;
width: 470px;
box-sizing: border-box;
flex-direction: column;
}
arcanas div {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 8px;
margin-bottom: -15px;
}
arcanas a img {
display: block;
width: 40px;
height: 40px;
object-fit: cover;
filter: grayscale(1) brightness(0.4);
border-radius: 5px;
transition: opacity 0.3s ease-in-out;
border: var(--simple-border);
}
arcanas a:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 40px;
border-radius: 5px;
opacity: .2;
z-index: 1;
background-color: #18293a;
transition: opacity 0.4s ease!important;
}
arcanas a:hover:before { opacity: 0; }
info_p div p:after,
info_a div p:after,
arcanas a:after {
position: absolute;
content: attr(data-text);
z-index: 1;
text-align: center;
padding: 4px 4px 6px;
border-radius: 5px;
line-height: 11px;
pointer-events: none;
transition: all .3s ease-in-out;
opacity: 0;
text-transform: none;
font-weight: 400;
min-width: 50px;
text-shadow: 0 0px 1px #000;
top: 47px;
left: 50%;
transform: translateX(-50%);
font-family: var(--body-font);
font-size: 10px;
color: var(--deep-blue);
background: var(--extra-back);
box-shadow: var(--t-shadow);
}
info_p div p:after,
info_a div p:after { top: 62px; }
arcanas a:hover:after,
info_p div p:hover:after,
info_a div p:hover:after { opacity: 1; }
skill {
padding: 10px 30px 25px;
margin-top: 20px;
}
skill p {
width: 410px;
height: 155px;
overflow: auto;
margin: 0;
padding-right: 8px;
font-size: 10px;
white-space: pre-wrap;
line-height: 12px;
text-align: justify;
}
skill h5 {
margin: 0px 0 10px;
font-size: 13px;
text-shadow: 0 1px 1px #000;
text-transform: uppercase;
font-family: 'Anticva';
}
info_p, info_a {
width: 470px;
height: 160px;
padding: 8px 25px 13px 20px;
}
info_a {
margin-bottom: 20px;
}
info_p div, info_a div {
width: 420px;
height: 120px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-left: 5px;
padding-right: 8px;
}
info_p div p, info_a div p {
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
margin: 0;
background-color: #1a1a1a;
border: var(--simple-border);
}
info_p div img, info_a div img {
width: 60px;
height: 60px;
border-radius: 50%;
filter: grayscale(.5) brightness(0.6);
transition: filter .3s ease-in-out;
}
info_p div img:hover, info_a div img:hover { filter: grayscale(0) brightness(1); }
.menu {
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 0;
}
.menu-links {
display: flex;
align-items: center;
gap: 15px;
position: absolute;
top: -15px;
left: 300px;
transform: translateX(-50%);
}
.menu span, .menu a {
display: flex;
text-align: center;
font-family: var(--body-font);
font-size: 10px;
box-sizing: border-box;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
transition: none !important;
background: var(--extra-back);
border-radius: 5px;
border: 1px solid #000;
width: 150px;
height: 30px;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
.menu span:hover, .menu a:hover {
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
.menu .tabactive {
color: var(--deep-blue);
text-shadow: 0 1px 1px #000;
}
#submenu {
padding: 0;
width: fit-content;
}
.submenutext {
display: none;
}
about span::-webkit-scrollbar,
skill p::-webkit-scrollbar,
info_a div::-webkit-scrollbar,
info_p div::-webkit-scrollbar {
width: 1px !important;
}
about span::-webkit-scrollbar-thumb,
skill p::-webkit-scrollbar-thumb,
info_a div::-webkit-scrollbar-thumb,
info_p div::-webkit-scrollbar-thumb {
background-color: #3f4850 !important;
}
Отредактировано Hjaulmgerdur Einhilbjartu (2024-11-28 12:20:09)
Поделиться632024-11-28 12:20:52
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
position: absolute;
left: -12px;
top: 1px;
margin: 0;
width: 21px;
height: auto;
opacity: .77;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
position: absolute;
box-sizing: border-box;
width: 20px;
height: 20px;
z-index: 10000!important;
margin-top: 0px!important;
margin-left: 19px!important;
float: none!important;
visibility: visible!important;
}
.punbb #pun-navlinks a#New-exit:before {
content:none;
}
.punbb #pun-navlinks a#New-exit:after {
content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
text-align: center;
/*border: 2px inset rgb(62 42 36)!important;*/
text-rendering: auto;
color: #000000!important;
margin-top: 7px!important;
margin-bottom: 4px!important;
padding: 4px 6px;
/*border-radius: 5px!important;*/
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
text-align: center;
font: normal normal 400 11px/normal Arial!important;
/* background-color: rgb(52, 42, 35); */
/* box-shadow: inset 0px 0px 3px rgb(18, 9, 6); */
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: #a1a1a1!important;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
border: 1px outset rgb(88 98 107) !important;
color: #d1d6dc !important;
border-radius: 4px !important;
padding: 6px 12px !important;
font-weight: 700 !important;
transition: .33s;
background: #3f4850 !important;
transition: .33s;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
border: 1px inset rgb(88 98 107) !important;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
/* text-shadow: 1px 1px 0 rgb(0 0 0);*/
display: block;
font: normal normal 400 11px/normal Tahoma;
letter-spacing: normal;
color: #7e7c7c;
text-transform: none;
position: absolute!important;
left: 0px;
top: 12px;
z-index: 100000!important;
padding: 7px 12px;
background: #19191a;
border-color: #242424;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0 0 6px 6px;
text-align: center;
/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}
#pun-navlinks #navlogin #form-login {
margin-left: -20px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -34px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -72px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
text-shadow:none;;
color:#cacaca;!important;
font: normal normal 400 10px/normal Tamota!important;
letter-spacing:0.3px !important;
}
.punbb #pun-navlinks #form-login a.Rega:hover,
.punbb #pun-navlinks #form-login a.Forgot:hover{
color: #4a7f8d!important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
margin-top: -8px;
min-height: 90px;
width: 220px;
right: 100%;
padding: 12px 19px 12px 17px;
background: #181818;
border-color: #242424;
border-style: solid;
border-width: 1px 2px 2px 2px;
border-radius: 0 0 0px 6px;
text-align: center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding:0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
position: relative;
text-align: left;
box-shadow: rgb(27, 15, 11) 2px 2px 1px;
display: block !important;
background: rgb(63, 72, 80);
border-radius: 5px;
padding: 5px !important;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
opacity: .8;
color: #DDDDDD;
text-shadow: 1px 1px 1px rgb(0 0 0);
font-weight: 400;
padding: 2px;
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 5px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #6F7575;
/* border: 1px solid #4a5563; */
box-shadow: 0 0 6px #040404 inset, 0 0 0 2px #75869d inset;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #a1a1a1;
border: 2px solid #a1a1a1;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display: inline-block;
padding: 0 3px;
position: absolute;
opacity: .88;
top: 0;
bottom: 0;
right: 2px;
font: normal normal 700 10.56px/normal Verdana;
color: #DDDDDD;
text-shadow: 1px 1px 1px rgb(0 0 0);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
background: #6b6b6b!important;
/*border: 2px inset rgb(62 42 36)!important;*/
border-radius: 6pximportant;
text-shadow: none!important;
color: #3e2a24!important;
/*background-color: #342a23;*/
font: normal normal 400 11px/normal Arial!important;
/*box-shadow: inset 0px 0px 3px rgb(18, 9, 6);*/
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #cacaca;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
#New-exit:after {
position: absolute;
content: '\f2f5';
font: 20px Font Awesome;
color: var(--body-font);
}
.post-content abbr {text-decoration: underline dotted!important;}
@media (max-device-width: 620px) {
#pun-status p .item3 { font-size: 0; }
#pun-status p .item3 a { font-size: 11px; margin-right: 4px;}
.post-content abbr {text-decoration: none!important; position: relative;}
.post-content abbr::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
border-bottom: 1px dotted;
width: 100%;
}
}
#panel {
position: fixed;
top: 170px;
left: -250px;
margin: -40px 0 0 -2px;
overflow: hidden;
z-index: 10000;
}
#panel-content {
background: #cecece;
border: 1px solid #6c7683;
box-shadow: 0px 0px 10px #a0a0a0 inset;
width: 238px;
height: auto;
float: left;
padding: 3px 5px;
}
#panel-sticker {
float: left;
position: relative;
background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #41484f 0%, #1c1c1c 100%);
padding: 3px 10px 3px 5px;
margin: 0;
color: #b9b9b9;
}
#blockUsers > li > strong {
font-size: 17px;
color: red;
font-weight: bold;
top: 2px;
position: relative;
}
.blockButton:before {
content: "x";
margin-top: -15px;
margin-left: -23px;
position: absolute;
width: 14px;
opacity: 1;
background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #41484f 0%, #1c1c1c 30%);
z-index: 2;
color: #41484f;
font-size: 13px;
padding-left: 5px;
}
ul#blockUsers {
list-style-type: none;
float: left;
margin-left: 25px;
}
Поделиться642024-11-28 12:21:37
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
/*Регулировка размера шрифта в постах © Alex_63 */
.FNTslider {
border-radius: 4px;
position: absolute;
z-index: 1000;
background: #bcbcbc;
width: 109px;
height: 2px;
margin: 3px 5px;
border: solid 1px #bababa;
float: right;
margin-right: 10%;
}
#pun-messages .FNTslider { margin-right: 20%; }
.FNTslider .before {
height: 2px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #3f4850;
margin-top: -1px;
margin-left: -1px;
}
.FNTslider .thumb {
width: 3px;
height: 8px;
border-radius: 3px;
position: relative;
top: -3.5px;
background: #3f4850;
border: .2px solid #00000057;
}
/* подсказки */
#tooltip,
.tipsy-inner {
z-index: 999999;
padding: 6px;
color: var(--head-text)!important;
font-weight: 400;
font-size: 10px;
letter-spacing: 0.5px;
box-shadow: var(--orange-border)!important;
background: var(--extra-back);
font-family: 'Rubik';
text-transform: uppercase;
border-radius: 5px;
font-weight: 400!important;
border: 1px solid #000;
}
#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
color: var(--deep-blue) !important;
text-transform: lowercase!important;
text-decoration: none !important;
text-align: center;
}
#tooltip {
position: absolute;
max-width: 200px;
display: none;
}
#tooltip,
.tipsy-inner,
.num_msg,
.bubble,
.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author {
background: var(--extra-back) top;
z-index: 50;
font-weight: 400!important;
}
Поделиться652024-11-28 12:24:17
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
/** подсказки и затемнение фона при всплывающих страницах
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000; opacity: 1!important; width: 200px!important;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; min-width: 200px!important; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: absolute!important; top: -500px!important; opacity: 1!important; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 999999!important;}
.tipsy-arrow {display: none;}
.tipsy-n .tipsy-arrow {display: none;}
.tipsy-nw .tipsy-arrow {display: none;}
.tipsy-ne .tipsy-arrow {display: none;}
.tipsy-s .tipsy-arrow {display: none;}
.tipsy-sw .tipsy-arrow {display: none;}
.tipsy-se .tipsy-arrow {display: none;}
.tipsy-e .tipsy-arrow {display: none;}
.tipsy-w .tipsy-arrow {display: none;}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em;}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}
.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award { border-left: 12px solid transparent!important; }
.jGrowl-notification .jGrowl-header, .jGrowl-notification .jGrowl-message {
font-weight: 500!important;
color: var(--doptext)!important;
font-family: var(--body-font)!important;
}
.jGrowl-notification .jGrowl-header a, .jGrowl-notification .jGrowl-message a {
font-weight: 500!important;
font-family: var(--body-font)!important;
}
.jGrowl-notification .jGrowl-message a {
color: var(--doptext)!important;
}
.jGrowl-notification .jGrowl-close {
border: none !important;
color: var(--doptext);
padding: 2px 8px !important;
font-size: 12px !important;
}
.flag-i {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
margin-right: 1em;
}
.flag-i:before { content: '\00a0';}
.social {
background-image: url(/i/social.1.png);
background-repeat: no-repeat;
float: left;
display: block;
margin: 3px 5px;
width: 16px;
height: 16px;
}
.social-vkontakte { background-position: -130px 0;}
.social-odnoklassniki { background-position: -78px 0;}
.social-mailru { background-position: -52px 0;}
.social-google { background-position: -26px 0;}
.social-yandex { background-position: -156px 0;}
.icons-pencil:before { content: '\270E'; } /* '' */
.hide-author .post-body {
margin-left: -10px;
width: 1000px;
position: relative !important;
padding: 10px 21px;
box-sizing: border-box;
}
.hide-author .post-content {
overflow: visible;
}
Поделиться662024-11-28 13:46:08
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
/* ОФОРМЛЕНИЕ ПРЕВЬЮ ПРОФИЛЯ */
/*фон профиля*/
#pun-profile #viewprofile tbody {
background: url(https://forumupload.ru/uploads/001b/e9/9b/2/357489.png);
background-size: auto;
border-radius: 10px;
}
/*box-shadow: 0 0 0 1px #5e5b569c, 0 0 6px 2px #150d0d5c !important;*/
#pun-profile #viewprofile tbody tr {
display: flex;
min-height: 370px;
}
#pun-profile #viewprofile #profile-signature tbody tr {
display: flex;
justify-content: center;
min-height: unset;
}
#pun-profile #viewprofile tbody tr #profile-left {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
width: 250px;
border: var(--simple-border1);
background: url(https://forumupload.ru/uploads/001b/e9/9b/2/958577.png) top;
background-size: cover;
}
#pun-profile #viewprofile tbody tr #profile-right {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 730px;
box-shadow: var(--head-border);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
gap: 18px;
padding: 16px;
box-sizing: border-box;
}
#viewprofile #profile-right li {
background: #01010129;
color: #b9b9b9b3;
text-shadow: 0 0 1px black;
border-radius: 5px;
flex: auto;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
box-sizing: border-box;
box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important;
}
#viewprofile #profile-right .pa-fld4 {
position: unset;
}
#viewprofile li .plsh span {
left: 17px;
width: 210px;
}
#viewprofile #profile-right li strong, #viewprofile strong { color: #b9b9b9b3 !important; font-weight: 400!important;}
#viewprofile #profile-right li * a,
#viewprofile #pa-fld1 a div {
color: var(--deep-blue)!important;
font-weight: 400!important;
}
#viewprofile #profile-right li * a:hover,
#viewprofile #pa-fld1 a div:hover {
color: #5b7082 !important;
}
#viewprofile #profile-right #pa-fld2 #lz {
width: 94%;
background: transparent;
box-sizing: unset;
color: #847d78;
border: none;
margin: 0;
}
#profile-name {
z-index: 2;
position: relative;
font: var(--body-font);
color: var(--ahover) !important;
letter-spacing: -.3px;
font-size: 15px;
text-transform: uppercase;
margin: 20px 0px 8px;
padding: 2px 0px;
box-sizing: border-box;
}
#profile-name strong {
color: var(--deep-blue) !important;
font-weight: 600 !important;
}
#profile-title {
font: var(--body-font);
letter-spacing: .5px;
z-index: 2;
color: #6c6861;
width: 201px;
margin: 0px 0px 20px;
position: relative;
font-size: 12px;
left: 3px;
}
#pun-profile #profile-title strong { width: 100%!important; }
#pun-profile #viewprofile #pa-avatar { margin: 8px 0px 15px; }
#pun-profile #viewprofile #pa-avatar div img {
max-width: 185px;
max-height: 250px;
box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important;
width: auto;
height: auto;
}
#pun-profile #viewprofile #pa-edit {
margin: 38px 0px 25px;
box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important;
padding: 10px 5px;
width: 50%;
border-radius: 5px;
text-transform: uppercase;
align-self: center;
background: #01010129 !important;
}
/*кнопка редактировать в профиле*/
#pun-profile #viewprofile #pa-edit a {
color: #9c7575;
font-size: 14px!important;
font-weight: 400!important;
font-family: 'Bootshaus';
text-transform: uppercase;
}
#pun-profile #viewprofile #pa-edit a:hover { color: var(--ahover) !important; }
/* отступы в ячейках */
.main td { }
th { padding: 0!important; font-size: 0px!important; }
Поделиться672024-11-28 21:27:58
- You cannot expect anything жопа жопа говнорррррррр
- Плашка:
- Информация: Мелания Мунлайт, 20
- Сообщений: 100081
- Посты: 10
- Уважение: +2
- Орбисы: 5000
Hjaulmgerdur Einhilbjartu написал(а):
#pun-profile #viewprofile #pa-edit {
margin: 38px 0px 25px;
box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important;
padding: 10px 5px;
width: 50%;
border-radius: 5px;
text-transform: uppercase;
align-self: center;
background: #01010129 !important;
}/*кнопка редактировать в профиле*/
#pun-profile #viewprofile #pa-edit a {
color: #9c7575;
font-size: 14px!important;
font-weight: 400!important;
font-family: 'Bootshaus';
text-transform: uppercase;
}#pun-profile #viewprofile #pa-edit a:hover { color: var(--ahover) !important; }
/* отступы в ячейках */
.main td { }
th { padding: 0!important; font-size: 0px!important; }
Поделиться682024-11-28 22:59:06
- You cannot expect anything жопа жопа говнорррррррр
- Плашка:
- Информация: Мелания Мунлайт, 20
- Сообщений: 100081
- Посты: 10
- Уважение: +2
- Орбисы: 5000
/** подгрузка видео и картинок
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px;}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px;}
#insert-image-tip {margin-top:10px}
#upload-button-container img {width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}
/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0;}
#poll-special td {text-align:left !important; }
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:35%}
#pun-online .tc3 {width:10%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}
Поделиться692024-11-29 14:41:10
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
<!-- Кастомная форма ответа (с) ForumD.ru, Герда -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- кнопки начало --><div id="my-fo">
<div class="fo-buttons">
<div class="fo-butblok">
<span class="material-icons font-button" title="Шрифт">font_download</span>
<span class="material-icons size-button" title="Размер">format_size</span>
<span class="material-icons color-button" title="Цвет">color_lens</span>
<span class="material-icons" onclick="FORUM.get('editor.bold.onclick()')" title="Жирный">format_bold</span>
<span class="material-icons" onclick="FORUM.get('editor.italic.onclick()')" title="Курсив">format_italic</span>
<span class="material-icons" onclick="FORUM.get('editor.underline.onclick()')" title="Подчеркнутый">format_underlined</span>
<span class="material-icons" onclick="FORUM.get('editor.strike.onclick()')" title="Зачеркнутый">strikethrough_s</span>
<span class="material-icons" onclick="FORUM.get('editor.addition.tags.mark.onclick()')" title="Маркированный">format_paint</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons" onclick="FORUM.get('editor.left.onclick()')" title="Выравнивание слева">format_align_left</span>
<span class="material-icons" onclick="FORUM.get('editor.center.onclick()')" title="Выравнивание по центру">format_align_center</span>
<span class="material-icons" onclick="FORUM.get('editor.right.onclick()')" title="Выравнивание справа">format_align_right</span>
<span class="material-icons list-button" title="Список">list</span>
<span class="material-icons" onclick="FORUM.get('editor.table.onclick()')" title="Таблица">table_view</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons" onclick="FORUM.get('editor.link.onclick()')" title="Ссылка">link</span>
<span class="material-icons" onclick="FORUM.get('editor.image.onclick()')" title="Изображение">add_photo_alternate</span>
<span class="material-icons" onclick="FORUM.get('editor.video.onclick()')" title="Видео">ondemand_video</span>
<span class="material-icons smile-button" onclick="FORUM.get('editor.smile.onclick()')" title="Смайлы">mood</span>
<span class="material-icons symbol-button" title="Символы">emoji_symbols</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons" onclick="FORUM.get('editor.spoiler.onclick()')" title="Свернутый текст">content_cut</span>
<span onclick="FORUM.get('editor.hide.onclick()')" class="material-icons" title="Скрытый текст">lock_open</span>
<span onclick="FORUM.get('editor.quote.onclick()')" class="material-icons" title="Цитата">format_quote</span>
<span onclick="FORUM.get('editor.code.onclick()')" class="material-icons" title="Код">code</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons aditional-button" title="Дополнительно">library_add</span>
</div>
</div>
</div><!-- кнопки конец -->
<!-- раскрывающиеся списки --><div class="fo-lists">
<!-- шрифты -->
<div class="fonts container">
<span style="font-family:Bebas Neue" onclick="bbcode('','')">Bebas Neue</span>
<span style="font-family:Arial" onclick="bbcode('','')">Arial</span>
<span style="font-family:Georgia" onclick="bbcode('','')">Georgia</span>
<span style="font-family:Microsoft Sans Serif" onclick="bbcode('','')">Microsoft Sans Serif</span>
<span style="font-family:Tahoma" onclick="bbcode('','')">Tahoma</span>
<span style="font-family:Verdana" onclick="bbcode('','')">Verdana</span>
<span style="font-family:Century Gothic" onclick="bbcode('','')">Century Gothic</span>
<span style="font-family:Palatino Linotype" onclick="bbcode('','')">Palatino Linotype</span>
<span style="font-family:Times New Roman" onclick="bbcode('','')">Times New Roman</span>
<span style="font-family:Franklin Gothic Medium" onclick="bbcode('','')">Franklin Gothic Medium</span>
<span style="font-family:Impact" onclick="bbcode('','')">Impact</span>
<span style="font-family:Arial Black" onclick="bbcode('','')">Arial Black</span>
<span style="font-family:Courier New" onclick="bbcode('','')">Courier New</span>
<span style="font-family:Lucida Console" onclick="bbcode('','')">Lucida Console</span>
<span style="font-family:Comic Sans Ms" onclick="bbcode('','')">Comic Sans Ms</span>
</div>
<!-- размеры -->
<div class="sizes container">
<span style="font-size:10px" onclick="bbcode('','')">10px</span>
<span style="font-size:12px" onclick="bbcode('','')">12px</span>
<span style="font-size:14px" onclick="bbcode('','')">14px</span>
<span style="font-size:16px" onclick="bbcode('','')">16px</span>
<span style="font-size:18px" onclick="bbcode('','')">18px</span>
<span style="font-size:20px" onclick="bbcode('','')">20px</span>
<span style="font-size:22px" onclick="bbcode('','')">22px</span>
</div>
<!-- цвета -->
<div class="colors container">
<span style="background-color: #f98561;" onclick="bbcode('','')"></span>
<span style="background-color: #b80000;" onclick="bbcode('','')"></span>
<span style="background-color: #e63737;" onclick="bbcode('','')"></span>
<span style="background-color: #f7941d;" onclick="bbcode('','')"></span>
<span style="background-color: #e36120;" onclick="bbcode('','')"></span>
<span style="background-color: #29aecb;" onclick="bbcode('','')"></span>
<span style="background-color: #00a1e4;" onclick="bbcode('','')"></span>
<span style="background-color: #0481d9;" onclick="bbcode('','')"></span>
<span style="background-color: #0080b7;" onclick="bbcode('','')"></span>
<span style="background-color: #1c8426;" onclick="bbcode('','')"></span>
<span style="background-color: #26af33;" onclick="bbcode('','')"></span>
<span style="background-color: #71218e;" onclick="bbcode('','')"></span>
<span style="background-color: #a726af;" onclick="bbcode('','')"></span>
<span style="background-color: #2e3e4f;" onclick="bbcode('','')"></span>
<span style="background-color: #2d343a;" onclick="bbcode('','')"></span>
<span style="background-color: #666666;" onclick="bbcode('','')"></span>
<span style="background-color: #a5a5a5;" onclick="bbcode('','')"></span>
<span style="background-color: #d7d7d7;" onclick="bbcode('','')"></span>
<span style="background-color: #000000;" onclick="bbcode('','')"></span>
<span style="background-color: #ffffff;" onclick="bbcode('','')"></span>
</div>
<!-- списки -->
<div class="lists container">
<span onclick="bbcode('
','
')" class="disc"><ul><li>Точками</li></ul></span>
<span onclick="bbcode('
','
')" class="circle"><ul><li>Кружочками</li></ul></span>
<span onclick="bbcode('
','
')" class="square"><ul><li>Квадратами</li></ul></span>
<span onclick="bbcode('
','
')" class="decimal"><ul><li>Цифрами</li></ul></span>
<span onclick="bbcode('
','
')" class="roman"><ul><li>Римскими цифрами</li></ul></span>
</div>
<!-- символы -->
<div class="symbols container">
<span onclick="keyboard('©')">©</span>
<span onclick="keyboard('®')">®</span>
<span onclick="keyboard('™')">™</span>
<span onclick="keyboard('«')">«</span>
<span onclick="keyboard('»')">»</span>
<span onclick="keyboard('¢')">¢</span>
<span onclick="keyboard('€')">€</span>
<span onclick="keyboard('£')">£</span>
<span onclick="keyboard('●')">●</span>
<span onclick="keyboard('•')">•</span>
<span onclick="keyboard('°')">°</span>
<span onclick="keyboard('♀')">♀</span>
<span onclick="keyboard('♂')">♂</span>
<span onclick="keyboard('♪')">♪</span>
<span onclick="keyboard('♫')">♫</span>
<span onclick="keyboard('ッ')">ッ</span>
<span onclick="keyboard('♠')">♠</span>
<span onclick="keyboard('♣')">♣</span>
<span onclick="keyboard('♥')">♥</span>
<span onclick="keyboard('♦')">♦</span>
<span onclick="keyboard('★')">★</span>
<span onclick="keyboard('☆')">☆</span>
<span onclick="keyboard('¼')">¼</span>
<span onclick="keyboard('½')">½</span>
<span onclick="keyboard('¾')">¾</span>
<span onclick="keyboard('×')">×</span>
<span onclick="keyboard('α')">α</span>
<span onclick="keyboard('β')">β</span>
<span onclick="keyboard('π')">π</span>
<span onclick="keyboard('φ')">φ</span>
<span onclick="keyboard('Ω')">Ω</span>
<span onclick="keyboard('≠')">≠</span>
<span onclick="keyboard('⊕')">⊕</span>
<span onclick="keyboard('⊗')">⊗</span>
<span onclick="keyboard('§')">§</span>
<span onclick="keyboard('±')">±</span>
<span onclick="keyboard('†')">†</span>
<span onclick="keyboard('♰')">♰</span>
<span onclick="keyboard('‹')">‹</span>
<span onclick="keyboard('›')">›</span>
<span onclick="keyboard('←')">←</span>
<span onclick="keyboard('↑')">↑</span>
<span onclick="keyboard('→')">→</span>
<span onclick="keyboard('↓')">↓</span>
<span onclick="keyboard('◄')">◄</span>
<span onclick="keyboard('▲')">▲</span>
<span onclick="keyboard('►')">►</span>
<span onclick="keyboard('▼')">▼</span>
</div>
<!-- Дополнительно -->
<div class="aditionals container">
<span onclick="FORUM.get('editor.addition.tags.you.onclick()')">Имя читателя</span>
<span onclick="FORUM.get('editor.addition.tags.add.onclick()')">Добавлено спустя…</span>
<span onclick="FORUM.get('editor.addition.tags.abbr.onclick()')">Поясняющий текст</span>
<span onclick="FORUM.get('editor.addition.tags.anchor.onclick()')">Якорь</span>
<span onclick="FORUM.get('editor.addition.tags.sup.onclick()')">Надстрочный текст</span>
<span onclick="FORUM.get('editor.addition.tags.sub.onclick()')">Подстрочный текст</span>
<span onclick="FORUM.get('editor.addition.tags.hr.onclick()')">Горизонтальная линия</span>
<span onclick="bbcode('
','
');">Блок</span>
</div>
</div><!-- раскрывающиеся списки -->
<script type="text/javascript">
$('#my-fo').appendTo('#form-buttons');
$('.fo-lists').appendTo('#tags');
$(".font-button").click(function() {$(".fo-lists .fonts").toggleClass('show');});
$(".size-button").click(function() {$(".fo-lists .sizes").toggleClass('show');});
$(".color-button").click(function() {$(".fo-lists .colors").toggleClass('show');});
$(".list-button").click(function() {$(".fo-lists .lists").toggleClass('show');});
$(".symbol-button").click(function() {$(".fo-lists .symbols").toggleClass('show');});
$(".aditional-button").click(function() {$(".fo-lists .aditionals").toggleClass('show');});
</script>
Поделиться702024-11-30 18:35:43
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
#form-buttons table {display: none;}
.fo-lists div {display: none;}
#tags .fo-lists div.show {display: block;
width: 600px;
background: #a2a2a29e;
border-radius: 0 0 10px 10px;
box-shadow: 0px 0px 3px -1px #656262;
}
.fo-buttons span, .fo-lists span {cursor:pointer; display: inline-block;}
.fo-buttons {text-align: center; margin-bottom: 10px;}
.fo-butblok, .fo-buttons .sep {display: inline-block;}
.fo-buttons .sep {width: 15px;}
.fo-buttons span {
font-size: 20px;
color: #603333;
background-color: #a6a6a6b0;
padding: 5px;
border-radius: 4px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.fo-buttons span:hover {background-color: #603333; color: #a6a6a6b0;}
.fo-lists .container span {
display: inline-block;
padding: 4px;
margin: 4px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.fo-lists .container span:hover {color: #fff; background-color: #23afc8;}
.fo-lists .fonts {font-size: 14px;}
.fo-lists .colors span {width: 70px; height: 14px; border: 2px solid #ccc;}
.fo-lists .colors span:hover {border: 2px solid #2d343a;}
.fo-lists .lists.container span {padding: 4px 4px 4px 16px;}
#tags .disc li {list-style-type: disc;}
#tags .circle li {list-style-type: circle;}
#tags .square li {list-style-type: square;}
#tags .decimal li {list-style-type: decimal;}
#tags .roman li {list-style-type: upper-roman;}
.fo-lists .symbols {font-size: 18px;}
Поделиться712024-11-30 18:36:25
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
<!-- Кастомная форма ответа (с) ForumD.ru, Герда -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
<!-- кнопки начало --><div id="my-fo">
<div class="fo-buttons">
<div class="fo-butblok">
<span class="material-icons font-button" title="Шрифт">font_download</span>
<span class="material-icons size-button" title="Размер">format_size</span>
<span class="material-icons color-button" title="Цвет">color_lens</span>
<span class="material-icons" onclick="FORUM.get('editor.bold.onclick()')" title="Жирный">format_bold</span>
<span class="material-icons" onclick="FORUM.get('editor.italic.onclick()')" title="Курсив">format_italic</span>
<span class="material-icons" onclick="FORUM.get('editor.underline.onclick()')" title="Подчеркнутый">format_underlined</span>
<span class="material-icons" onclick="FORUM.get('editor.strike.onclick()')" title="Зачеркнутый">strikethrough_s</span>
<span class="material-icons" onclick="FORUM.get('editor.addition.tags.mark.onclick()')" title="Маркированный">format_paint</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons" onclick="FORUM.get('editor.left.onclick()')" title="Выравнивание слева">format_align_left</span>
<span class="material-icons" onclick="FORUM.get('editor.center.onclick()')" title="Выравнивание по центру">format_align_center</span>
<span class="material-icons" onclick="FORUM.get('editor.right.onclick()')" title="Выравнивание справа">format_align_right</span>
<span class="material-icons list-button" title="Список">list</span>
<span class="material-icons" onclick="FORUM.get('editor.table.onclick()')" title="Таблица">table_view</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons" onclick="FORUM.get('editor.link.onclick()')" title="Ссылка">link</span>
<span class="material-icons" onclick="FORUM.get('editor.image.onclick()')" title="Изображение">add_photo_alternate</span>
<span class="material-icons" onclick="FORUM.get('editor.video.onclick()')" title="Видео">ondemand_video</span>
<span class="material-icons smile-button" onclick="FORUM.get('editor.smile.onclick()')" title="Смайлы">mood</span>
<span class="material-icons symbol-button" title="Символы">emoji_symbols</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-symbols-outlined" onclick="FORUM.get('editor.spoiler.onclick()')" title="Свернутый текст">pip</span>
<span onclick="FORUM.get('editor.hide.onclick()')" class="material-icons" title="Скрытый текст">lock_open</span>
<span onclick="FORUM.get('editor.quote.onclick()')" class="material-icons" title="Цитата">format_quote</span>
<span onclick="FORUM.get('editor.code.onclick()')" class="material-icons" title="Код">code</span>
</div>
<div class="sep"></div>
<div class="fo-butblok">
<span class="material-icons aditional-button" title="Дополнительно">library_add</span>
</div>
</div>
</div><!-- кнопки конец -->
<!-- раскрывающиеся списки --><div class="fo-lists">
<!-- шрифты -->
<div class="fonts container">
<span style="font-family:Bebas Neue" onclick="bbcode('','')">Bebas Neue</span>
<span style="font-family:Arial" onclick="bbcode('','')">Arial</span>
<span style="font-family:Georgia" onclick="bbcode('','')">Georgia</span>
<span style="font-family:Microsoft Sans Serif" onclick="bbcode('','')">Microsoft Sans Serif</span>
<span style="font-family:Tahoma" onclick="bbcode('','')">Tahoma</span>
<span style="font-family:Verdana" onclick="bbcode('','')">Verdana</span>
<span style="font-family:Century Gothic" onclick="bbcode('','')">Century Gothic</span>
<span style="font-family:Palatino Linotype" onclick="bbcode('','')">Palatino Linotype</span>
<span style="font-family:Times New Roman" onclick="bbcode('','')">Times New Roman</span>
<span style="font-family:Franklin Gothic Medium" onclick="bbcode('','')">Franklin Gothic Medium</span>
<span style="font-family:Impact" onclick="bbcode('','')">Impact</span>
<span style="font-family:Arial Black" onclick="bbcode('','')">Arial Black</span>
<span style="font-family:Courier New" onclick="bbcode('','')">Courier New</span>
<span style="font-family:Lucida Console" onclick="bbcode('','')">Lucida Console</span>
<span style="font-family:Comic Sans Ms" onclick="bbcode('','')">Comic Sans Ms</span>
</div>
<!-- размеры -->
<div class="sizes container">
<span style="font-size:10px" onclick="bbcode('','')">10px</span>
<span style="font-size:12px" onclick="bbcode('','')">12px</span>
<span style="font-size:14px" onclick="bbcode('','')">14px</span>
<span style="font-size:16px" onclick="bbcode('','')">16px</span>
<span style="font-size:18px" onclick="bbcode('','')">18px</span>
<span style="font-size:20px" onclick="bbcode('','')">20px</span>
<span style="font-size:22px" onclick="bbcode('','')">22px</span>
</div>
<!-- цвета -->
<div class="colors container">
<span style="background-color: #f98561;" onclick="bbcode('','')"></span>
<span style="background-color: #b80000;" onclick="bbcode('','')"></span>
<span style="background-color: #e63737;" onclick="bbcode('','')"></span>
<span style="background-color: #f7941d;" onclick="bbcode('','')"></span>
<span style="background-color: #e36120;" onclick="bbcode('','')"></span>
<span style="background-color: #29aecb;" onclick="bbcode('','')"></span>
<span style="background-color: #00a1e4;" onclick="bbcode('','')"></span>
<span style="background-color: #0481d9;" onclick="bbcode('','')"></span>
<span style="background-color: #0080b7;" onclick="bbcode('','')"></span>
<span style="background-color: #1c8426;" onclick="bbcode('','')"></span>
<span style="background-color: #26af33;" onclick="bbcode('','')"></span>
<span style="background-color: #71218e;" onclick="bbcode('','')"></span>
<span style="background-color: #a726af;" onclick="bbcode('','')"></span>
<span style="background-color: #2e3e4f;" onclick="bbcode('','')"></span>
<span style="background-color: #2d343a;" onclick="bbcode('','')"></span>
<span style="background-color: #666666;" onclick="bbcode('','')"></span>
<span style="background-color: #a5a5a5;" onclick="bbcode('','')"></span>
<span style="background-color: #d7d7d7;" onclick="bbcode('','')"></span>
<span style="background-color: #000000;" onclick="bbcode('','')"></span>
<span style="background-color: #ffffff;" onclick="bbcode('','')"></span>
</div>
<!-- списки -->
<div class="lists container">
<span onclick="bbcode('
','
')" class="disc"><ul><li>Точками</li></ul></span>
<span onclick="bbcode('
','
')" class="circle"><ul><li>Кружочками</li></ul></span>
<span onclick="bbcode('
','
')" class="square"><ul><li>Квадратами</li></ul></span>
<span onclick="bbcode('
','
')" class="decimal"><ul><li>Цифрами</li></ul></span>
<span onclick="bbcode('
','
')" class="roman"><ul><li>Римскими цифрами</li></ul></span>
</div>
<!-- символы -->
<div class="symbols container">
<span onclick="keyboard('©')">©</span>
<span onclick="keyboard('®')">®</span>
<span onclick="keyboard('™')">™</span>
<span onclick="keyboard('«')">«</span>
<span onclick="keyboard('»')">»</span>
<span onclick="keyboard('¢')">¢</span>
<span onclick="keyboard('€')">€</span>
<span onclick="keyboard('£')">£</span>
<span onclick="keyboard('●')">●</span>
<span onclick="keyboard('•')">•</span>
<span onclick="keyboard('°')">°</span>
<span onclick="keyboard('♀')">♀</span>
<span onclick="keyboard('♂')">♂</span>
<span onclick="keyboard('♪')">♪</span>
<span onclick="keyboard('♫')">♫</span>
<span onclick="keyboard('ッ')">ッ</span>
<span onclick="keyboard('♠')">♠</span>
<span onclick="keyboard('♣')">♣</span>
<span onclick="keyboard('♥')">♥</span>
<span onclick="keyboard('♦')">♦</span>
<span onclick="keyboard('★')">★</span>
<span onclick="keyboard('☆')">☆</span>
<span onclick="keyboard('¼')">¼</span>
<span onclick="keyboard('½')">½</span>
<span onclick="keyboard('¾')">¾</span>
<span onclick="keyboard('×')">×</span>
<span onclick="keyboard('α')">α</span>
<span onclick="keyboard('β')">β</span>
<span onclick="keyboard('π')">π</span>
<span onclick="keyboard('φ')">φ</span>
<span onclick="keyboard('Ω')">Ω</span>
<span onclick="keyboard('≠')">≠</span>
<span onclick="keyboard('⊕')">⊕</span>
<span onclick="keyboard('⊗')">⊗</span>
<span onclick="keyboard('§')">§</span>
<span onclick="keyboard('±')">±</span>
<span onclick="keyboard('†')">†</span>
<span onclick="keyboard('♰')">♰</span>
<span onclick="keyboard('‹')">‹</span>
<span onclick="keyboard('›')">›</span>
<span onclick="keyboard('←')">←</span>
<span onclick="keyboard('↑')">↑</span>
<span onclick="keyboard('→')">→</span>
<span onclick="keyboard('↓')">↓</span>
<span onclick="keyboard('◄')">◄</span>
<span onclick="keyboard('▲')">▲</span>
<span onclick="keyboard('►')">►</span>
<span onclick="keyboard('▼')">▼</span>
</div>
<!-- Дополнительно -->
<div class="aditionals container">
<span onclick="FORUM.get('editor.addition.tags.you.onclick()')">Имя читателя</span>
<span onclick="FORUM.get('editor.addition.tags.add.onclick()')">Добавлено спустя…</span>
<span onclick="FORUM.get('editor.addition.tags.abbr.onclick()')">Поясняющий текст</span>
<span onclick="FORUM.get('editor.addition.tags.anchor.onclick()')">Якорь</span>
<span onclick="FORUM.get('editor.addition.tags.sup.onclick()')">Надстрочный текст</span>
<span onclick="FORUM.get('editor.addition.tags.sub.onclick()')">Подстрочный текст</span>
<span onclick="FORUM.get('editor.addition.tags.hr.onclick()')">Горизонтальная линия</span>
<span onclick="bbcode('
','
');">Блок</span>
</div>
</div><!-- раскрывающиеся списки -->
<script type="text/javascript">
$('#my-fo').appendTo('#form-buttons');
$('.fo-lists').appendTo('#tags');
$(".font-button").click(function() {$(".fo-lists .fonts").toggleClass('show');});
$(".size-button").click(function() {$(".fo-lists .sizes").toggleClass('show');});
$(".color-button").click(function() {$(".fo-lists .colors").toggleClass('show');});
$(".list-button").click(function() {$(".fo-lists .lists").toggleClass('show');});
$(".symbol-button").click(function() {$(".fo-lists .symbols").toggleClass('show');});
$(".aditional-button").click(function() {$(".fo-lists .aditionals").toggleClass('show');});
</script>
Поделиться722024-12-01 17:44:29
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Поделиться732024-12-02 16:35:00
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Спизжено с альтера (печенье с предсказаниями)
Код:
<p>[hideprofile]<br /><span style="display: block; text-align: center"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/001c/3b/0e/2/800359.png" alt="https://forumupload.ru/uploads/001c/3b/0e/2/800359.png" /><br /></span></p>
<p>[html]<head><br /> <style><br /> #body_pred {<br /> font-family: Arial, sans-serif;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0;</p>
<p> }<br /> #parent {<br /> text-align: center;<br /> background: white;<br /> padding: 20px;<br /> border-radius: 8px;<br /> box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);<br /> }<br /> #timer, #text2 {<br /> margin: 10px 0;<br /> }<br /> #text2 {<br /> background-image: url(<a href="https://forumupload.ru/uploads/001c/3b/0e/4/600100.png" rel="nofollow ugc" target="_blank">https://forumupload.ru/uploads/001c/3b/0e/4/600100.png</a>);<br /> height: 100px;<br /> margin: auto;<br /> width: 550px;<br /> background-repeat: no-repeat;<br /> background-position: center center;<br /> }</p>
<p>#text2 span{<br />margin: 10px 0;</p>
<p>}</p>
<p> button {<br /> margin: 5px;<br /> padding: 10px 20px;<br /> border: none;<br /> border-radius: 5px;<br /> cursor: pointer;<br /> background-color: #6e0a00;<br /> color: white;<br /> font-size: 16px;<br /> }<br /> button.hidden {<br /> display: none;<br /> }<br /> #copy {<br /> background-color: #4b4b4b;<br /> }<br /> #image {<br /> margin-top: 20px;<br /> max-width: 100%;<br /> border-radius: 8px;<br /> }<br /> </style><br /></head><br /><body><br /> <div id="body_pred"><br /> <div id="parent"><br /> <div id="timer"></div><br /> <div id="text2"><br><span id="text"></span></div><br /> <div><img id="image" src=""></div><br /> <button id="start" class="">узнать свою судьбу</button><br /> <button id="stop" class="">получить предсказание</button><br /> <button id="copy" class="hidden">скопировать результат</button><br /> </div><br /> <br /> <script><br /> let predictions = [<br /> { text: '<p>у вас сегодня будет замечательный день</p>' },<br /> { text: 'сегодня лучше не выходите из дома' },<br /> { text: 'сегодня вас ждет удача и успех во всех начинаниях',},<br /> { text: 'Результат Ваших действий может оказаться неожиданным.'},<br /> { text: 'сегодня лучше полежите весь день на диване' },<br /> { text: 'сегодня вы рискуете что-нибудь забыть при выходе из дома'},<br /> { text: 'Слушайте каждого. Идеи приходят отовсюду.' },<br /> { text: 'Сосредоточьтесь на семье и гармонии с окружающим миром.'},<br /> { text: 'Теперь настало время попробовать что-то новое.' },<br /> { text: 'Вам предстоит рассмотреть неожиданное предложение' },<br /> { text: 'Не оставляйте усилий и получите желаемое' },<br /> { text: 'Кто-то нуждается в вашей поддержке' },<br /> { text: 'устройте сегодня себе выходной - пусть весь мир подождет' }, { text:'вам стоит немного подождать, и будущее принесет вам большую радость'},<br />{ text:'делитесь радостью с окружающими и сами наслаждайтесь ей'},<br />{ text:'внимательнее относитесь к знакам судьбы'},<br />{ text:'совсем скоро у вас появится человек, который будет безумно вас ценить'},<br />{ text:'вы ощущаете пустоту, и ваше сердце заполонил холод, который сможет растопить только человек'},<br />{ text:'когда вокруг бушует ненастье, ваш дом охраняет тепло и уют'},<br />{ text:'помогите другим также взобраться на вершину успеха, и вы не будите одиноки'},<br />{ text:'научитесь властвовать над своими мыслями, и вы будете счастливы'},<br />{ text:'романтика перенесет вас в новое измерение'},<br />{ text:'на вас прольется дождь успеха'},<br />{ text:'когда вы охотитесь за деньгами, они от вас отдаляются'},<br />{ text:'совсем скоро вы сможете с удовольствием тратить деньги, а также с удовольствием их зарабатывать'},<br />{ text:'не сдавайся и не проиграешь'},<br />{ text:'через вашу индивидуальность и обаяние, вы всегда будете достигать, чего хотите'},<br />{ text:'ваше будущее такое же безграничное, как высота небес'},<br />{ text:'предотврати заблуждение уравновешенностью, спокойствием и самообладанием'},<br />{ text:'ваши таланты будут признаны и вознаграждены по достоинству'},<br />{ text:'в этой жизни необходимо попробовать все'},<br />{ text:'никогда не разочаруется тот, кто не ждет ничего'},<br />{ text:'скоро ты приобретешь две новых привычки и избавишься от одной'},<br />{ text:'та часть жизни, которая была тайной, наконец, готова проявиться'},<br />{ text:'если чего-то действительно хочешь, то вся вселенная поспособствует исполнению желания'},<br />{ text:'сегодня наступило завтра, о котором вы так беспокоились вчера'},<br />{ text:'вы завоюете успех во всем'},<br />{ text:'учитесь правильно оценивать различные стороны жизни'},<br />{ text:'сделай это сегодня, иначе завтра это может быть уже незаконно'},<br />{ text:'иди работать! иначе жить тебе в нищете…'},<br />{ text:'никогда не забывайте подруг, особенно, если они должны вам деньги'},<br />{ text:'если бы женщины одевались только для одного мужчины, то не собирались бы так долго'},<br />{ text:'что-то я сегодня не в духе, спроси у другого печенья'},<br />{ text:'не хочешь сладкого? пей сухое!'},<br />{ text:'вы проснетесь от поцелуя и аромата кофе… когда-нибудь'},<br />{ text:'это послание из другой галактики самому доброму человеку. миссия завершена успешно!'},<br />{ text:'за твоей дверью уже стоит счастье'},<br />{ text:'внимательно следи за своим здоровьем'},<br />{ text:'интуиция не подведет тебя'},<br />{ text:'совсем скоро ты встретишь интересного человека'},<br />{ text:'твоя будущая любовь ждет своего часа'},<br />{ text:'повезет в денежных вопросах'},<br />{ text:'будешь много плакать, но только от радости'},<br />{ text:'тебя ожидает интересная поездка'},<br />{ text:'в любом начинании будет преследовать удача'},<br />{ text:'ожидают кардинальные изменения'},<br />{ text:'готовься к романтическому свиданию'},<br />{ text:'успешным будет любое начатое дело'},<br />{ text:'жди настоящую поддержку от семьи'},<br />{ text:'нужно отдохнуть! пора выбрать новое хобби'},<br />{ text:'посвети больше времени себе'},<br />{ text:'найдешь новое интересное занятие'},<br />{ text:'настало время проявить лидерские качества'},<br />{ text:'не бойся поступать так, как считаешь нужным'},<br />{ text:'устрой дестрой, порядок – это отстой'},<br />{ text:'а ты думал, что тут только хорошие предсказания? а вот хер тебе'},<br />{ text:'не обращай внимания на людей-какашек'},<br />{ text:'завтра будет плохо, но послезавтра будет еще хуже'},<br />{ text:'ты уверен, что не сделал какую-то хрень?'},<br />{ text:'брось каку, иди дальше'},<br />{ text:'поезжай в ебеня, там тихо и спокойно'},<br />{ text:'отпуск-это роскошь, поэтому поспи и нормально'},<br />{ text:'бессонная ночка ждет тебя, Леголас'},<br />{ text:'не верь, не бойся, не проси'},<br />{ text:'беги, а то догонят и добавят'},<br />{ text:'все будет хорошо, булочка'},<br />{ text:'у тебя найдется пирожок'},<br />{ text:'хрен тебе, Егорка'},<br />{ text:'гори, но не сжигай'},<br />{ text:'умир от варенья'},<br />{ text:'ты сегодня найдешь, но завтра потеряешь'},<br />{ text:'любовная любофффф'},<br />{ text:'обернись – там тебя ждет счастье'},<br />{ text:'малыш, ты точно лучше собаки'},<br />{ text:'включи дурочку, отключи заебу грешную'},<br />{ text:'у тебя будет личный ласковый май'},<br />{ text:'выйди, прогуляйся и пожри как следует'},<br />{ text:'сдавайся'},<br />{ text:'осторожно ты рискуешь потерять совесть'},<br />{ text:'никогда не беги за уезжающим автобусом, всегда придет другой'},<br />{ text:'тебе срочно нужен психолог'},<br />{ text:'таблетками проблему не решишь'},<br />{ text:'убейся, но сделай'},<br />{ text:'переверни календарь'},<br />{ text:'ъуъ'},<br />{ text:'погоди, погоди чуток'},<br />{ text:'эй, малышка, у тебя очень классная стрижка'},<br />{ text:'эй, бэйба, будь попроще'},<br />{ text:'вот это тебя занесет…'},<br />{ text:'проснулся улыбнулся и вперед ебашить'},<br />{ text:'хватит жрать'},<br />{ text:'оторви попку от дивана и увидишь, что мир прекрасен'},<br />{ text:'миллиона роз не обещаю, но жопой на кактус сядешь'},<br />{ text:'выдыхай…'},<br />{ text:'если ты думаешь об этом, то перестань'},<br />{ text:'ой, какая милаха на меня смотрит'},<br />{ text:'все. пора на перекур'},<br />{ text: 'не будь удобным, ты же не мебель'},<br />{ text: 'ауф, волчара, притормози'},<br />{ text: 'заметь того, кто рядом'},<br />{ text: 'коль убьет, так умрешь'},<br />{ text: 'замедляйся'},<br />{ text: 'не кипишуй'}</p>
<p> ];<br /> <br /> let timer = document.querySelector('#timer');<br /> let text = document.querySelector('#text');<br /> let image = document.querySelector('#image');<br /> let start = document.querySelector('#start');<br /> let stop = document.querySelector('#stop');<br /> let copy = document.querySelector('#copy');<br /> <br /> let random;<br /> let timerId;<br /> start.addEventListener('click', function() {<br /> this.classList.remove('active');<br /> stop.classList.add('active');<br /> <br /> timerId = setInterval(function() {<br /> timer.textContent = random = getRandomInt(1, predictions.length);<br /> }, 100);<br /> });<br /> <br /> stop.addEventListener('click', function() {<br /> this.classList.remove('active');<br /> clearInterval(timerId);<br /> <br /> let prediction = predictions[random - 1];<br /> text.textContent = prediction.text;<br /> <br /> copy.classList.remove('hidden');<br /> });<br /> <br /> copy.addEventListener('click', function() {<br /> let prediction = predictions[random - 1];<br /> let formattedText = `<br /> <div style="font-family: Arial, sans-serif; text-align: center; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"></p>
<p> <h2>🔮 Ваше предсказание:</h2><br /> <p style="background-image: url(<a href="https://forumupload.ru/uploads/001c/3b/0e/4/600100.png" rel="nofollow ugc" target="_blank">https://forumupload.ru/uploads/001c/3b/0e/4/600100.png</a>); height: 100px; margin: auto; width: 550px; background-repeat: no-repeat; background-position: center center;"><br>${prediction.text}</p><br /> <br /> </div><br /> `;<br /> <br /> let tempTextarea = document.createElement('textarea');<br /> tempTextarea.value = formattedText;<br /> document.body.appendChild(tempTextarea);<br /> tempTextarea.select();<br /> try {<br /> document.execCommand('copy');<br /> alert('HTML-разметка скопирована в буфер обмена!');<br /> } catch (err) {<br /> alert('Не удалось скопировать HTML-разметку: ', err);<br /> }<br /> document.body.removeChild(tempTextarea);<br /> });<br /> <br /> function getRandomInt(min, max) {<br /> return Math.floor(Math.random() * (max - min + 1)) + min;<br /> }<br /> </script><br /> </div><br /></body>[/html]</p><div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center">узнать свою судьбу → получить предсказание → скопировать результат → кинуть сообщением ниже, <em class="bbuline">сунув под html</em></span></p></blockquote></div>
</div>Поделиться742024-12-02 16:36:32
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Спизжено с керседа (картинка движется по направлению мыши)
ХТЛМ (Скорее всего вверх)
<div class=tb2><div class="mouse-parallax">
<div class="mouse-parallax-bg"></div>
</div></div>
<script type="text/javascript">
let bg = document.querySelector('.mouse-parallax-bg');
window.addEventListener('mousemove', function(e) {
let x = e.clientX / window.innerWidth;
let y = e.clientY / window.innerHeight;
bg.style.transform = 'translate(-' + x * 10 + 'px, -' + y * 10 + 'px)';
});
</script>
Стиль:
.mouse-parallax {
height:125px;
position: relative;
}
.mouse-parallax-bg {
position: absolute;
background-image: url("https://i.ibb.co/7KRmK0v/2.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 125px;
height: 125px;
transition: all 0.1s ease;
}
Поделиться752024-12-03 16:29:17
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
ыыыыы
Поделиться762024-12-03 16:29:31
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Hjaulmgerdur Einhilbjartu написал(а):
ыыыыы
Поделиться772024-12-05 20:32:46
- Администратор
- Плашка:
- Информация: Мелания Мунлайт, 20All my agony fades away When
you hold me in your embrace - Сообщений: 135
- Посты: 10
- Уважение: +1
- Орбисы: 1000
- Фоновая картинка:
Код:
<style type="text/css" id="extra">
html {
background: none !important;
overflow: hidden;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body {
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important;
position: relative !important;
overflow: hidden !important;
width: 100%;
}
body::before, #pun_wrap::before {
content: none;
}
</style>
<script type="text/javascript" src="https://forum.mybb.ru/js/libs.min.js?v=2"></script>
<script type="text/javascript">
if (self !== top)(function() {
var id = window.name;
var ifr_n = 'iframe_test_height';
window.setHeight = function() {
var h = $(document.body).height();
window.parent.postMessage({html_frame:{id: id,event: 'resize',height: h}}, '*');
};
window[window.addEventListener?'addEventListener':'attachEvent']('message',function(e) { var data = e.data;
if (data && data.html_frame_response) { var response = data.html_frame_response;
var extraStyle = $('head style#extra').detach();
$(document.head).empty();
$(document.body).empty().append(decodeURIComponent(response.content));
$(document.head).append('<base target="_blank" href="' + response.host + '" /><link rel="stylesheet" type="text/css" href="' + response.lnkStyle + '" />')
.append('<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/extra.38.css" />')
.append(response.htmlHeader)
.append(extraStyle);
$(document.body).addClass('post-content').css({font: response.font})
.append('<iframe src="about:blank" name="' + ifr_n + '" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0" />');
$(window.frames[ifr_n]).on('load resize',setHeight);
setHeight();
}
});
window.parent.postMessage({html_frame:{id: id,event: 'load'}}, '*');
})();
</script>
