.
новые стили/скрипты
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12024-10-11 00:42:17
- Автор: aisha miller
- I know I'm blessed, but I'm cursed too. Take me back when I was happy. Didn't know the older I would grow — the more I'd lose control. Everything you thought was stable — crashes. Everything you thought would take the sadness — really only made it deeper. Will we ever feel like we imagine?
- киану кристофер эдвардс, 11
- Администратор
в моем шикарном омуте прекрасны даже черти - человек
- Сообщений: 194
- Уважение: +1
- 13405
- 574
- Последний визит:
Вчера 23:51:43
Поделиться22024-10-11 00:43:58
- Автор: aisha miller
- I know I'm blessed, but I'm cursed too. Take me back when I was happy. Didn't know the older I would grow — the more I'd lose control. Everything you thought was stable — crashes. Everything you thought would take the sadness — really only made it deeper. Will we ever feel like we imagine?
- киану кристофер эдвардс, 11
- Администратор
в моем шикарном омуте прекрасны даже черти - человек
- Сообщений: 194
- Уважение: +1
- 13405
- 574
- Последний визит:
Вчера 23:51:43HTML в форме ответа
Код:<!-- Доп. Смайлики в Форме Ответа --> <style>#wrapper{position:relative; max-height: 300px; overflow: auto;} .tabs {display: block; padding: 0 0 5px !important;} .tabs li {display: inline-block;} ul.tabs.tabs1 {margin: 0 0 -15px;} .tabs li a{/*названия вкладок*/ padding: 5px 8px; /*отступы*/ margin: 0 5px 5px; /*отступы*/ background-color: #ddd; /*фон*/ display: block; border-radius: 4px; /*закругление краёв*/ color: var(--color-accent-2); /*цвет текста*/ transition: all 0.6s; /*анимация*/ -webkit-transition: all 0.6s; } .tabs li a:hover {background-color: var(--color-main); color: var(--color-accent-2);} /*названия вкладок при наведении*/ #smilies-area .tabs li.active a {background-color: var(--color-main); color: var(--color-accent-2); cursor: default !important;} /*стиль активной вкладки*/ #smilies-area .tabs li.active a:hover {background-color: var(--color-main); color: var(--color-accent-2); cursor:pointer;} /*стиль активной вкладки при наведении*/ #smilies-area div[class^="t-"]:not(.t-0){display:none; overflow: auto; max-height: 300px;} #smilies-area {width: 96% !important;} /*ширина вкладки со смайлами*/ #smilies-area img {/*вкладка со смайлами*/ margin: 5px 2.2px; /*отступы*/ border-radius: 5px; /*закругление краёв*/ max-width: 50px; /*максимальный размер смайликов ВО ВКЛАДКЕ*/ } #smilies-area img:hover {} /*эффекты при наведении на смайлик*/ img.postimg[alt="smile"] {max-width: 92px!important; height: auto;} /*максимально допустимый размер смайлика В ПОСТАХ*/ </style> <script type="text/javascript" src="https://forumstatic.ru/files/001b/e7/0b/45256.js"></script> <!-- Конец --> <!-- *************************************************************** -->
Поделиться32024-10-11 00:45:26
- Автор: aisha miller
- I know I'm blessed, but I'm cursed too. Take me back when I was happy. Didn't know the older I would grow — the more I'd lose control. Everything you thought was stable — crashes. Everything you thought would take the sadness — really only made it deeper. Will we ever feel like we imagine?
- киану кристофер эдвардс, 11
- Администратор
в моем шикарном омуте прекрасны даже черти - человек
- Сообщений: 194
- Уважение: +1
- 13405
- 574
- Последний визит:
Вчера 23:51:43HTML в форме ответа - над кубами
Код:<!-- *************************************************************** --> <!-- Material Icons в форме ответа (с) ForumD.ru, Герда --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <style> #form-buttons tr {display: block;width: 100%;text-align: center;} #form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;} #form-buttons td { background-image: none !important; display: inline-block; position: relative; width: 26px; /* ширина кнопки */ height: 26px; /* высота кнопки */ background-color: var(--color-white) !important; /* цвет фона кнопки */ margin: 0 5px 5px; /* отступы кнопок друг от друга */ border-radius: 5px; /* закругление кнопок */ } #form-buttons td .material-icons { position: absolute; z-index: 1; left: 0; font-size: 20px; /* размер иконок */ padding: 3px; /* отступ от иконки до кнопки */ color: var(--color-accent-2); /* цвет иконок */ } #form-buttons td:hover {background-color: var(--color-main) !important;} /* изменение цвета кнопки при наведении курсора */ #form-buttons td:hover .material-icons {color: var(--color-accent-2);} /* изменение цвета иконки при наведении курсора */ </style> <script type="text/javascript"> $(document).ready(function(){ $("#button-font").append('<i class="material-icons">font_download</i>'); $("#button-size").append('<i class="material-icons">format_size</i>'); $("#button-bold").append('<i class="material-icons">format_bold</i>'); $("#button-italic").append('<i class="material-icons">format_italic</i>'); $("#button-underline").append('<i class="material-icons">format_underlined</i>'); $("#button-strike").append('<i class="material-icons">strikethrough_s</i>'); $("#button-left").append('<i class="material-icons">format_align_left</i>'); $("#button-center").append('<i class="material-icons">format_align_center</i>'); $("#button-right").append('<i class="material-icons">format_align_right</i>'); $("#button-link").append('<i class="material-icons">link</i>'); $("#button-spoiler").append('<i class="material-icons">import_contacts</i>'); $("#button-image").append('<i class="material-icons">add_photo_alternate</i>'); $("#button-video").append('<i class="material-icons">ondemand_video</i>'); $("#button-hide").append('<i class="material-icons">lock_open</i>'); $("#button-quote").append('<i class="material-icons">format_quote</i>'); $("#button-code").append('<i class="material-icons">code</i>'); $("#button-color").append('<i class="material-icons">color_lens</i>'); $("#button-table").append('<i class="material-icons">table_view</i>'); $("#button-smile").append('<i class="material-icons">mood</i>'); $("#button-keyboard").append('<i class="material-icons">keyboard</i>'); $("#button-addition").append('<i class="material-icons">add_circle_outline</i>'); $("#button-indent").append('<i class="material-icons">format_indent_increase</i>'); $("#button-dice").append('<i class="material-icons">casino</i>'); $("#floatbut").append('<i class="material-icons">art_track</i>'); }); </script>
Страница: 1
Быстрый ответ
Вы здесь » the dome test » svalka » новые стили/скрипты