важная тема
Сообщений 1 страница 4 из 4
Поделиться22024-03-25 03:29:10
/************************* Стиль для Быстрой смены аккаунтов Deff *************************/ /*Cкрытие формы входа без клика*/ #pun-navlinks a:not(.NextShow)+span.odd{ display:none!important; } #pun-navlinks #New-exit img{ position:absolute; margin: 0; width:17px; height:auto; opacity:.70; } #pun-navlinks #New-exit:hover{ opacity: .4; } /*Стиль доп-иконки Выход!*/ .punbb #pun-navlinks a#New-exit { position:absolute; z-index:100000!important; margin-top: 89px!important; margin-left: 76px!important; float:none!important; } .punbb #pun-navlinks a#New-exit:after, .punbb #pun-navlinks a#New-exit:before { content:none!important; } .punbb #pun-navlinks #form-login input{ text-align: center; text-rendering: auto; margin-top:4px!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; } .punbb #form-login #fld1,#form-login #fld2{ background-color: rgb(195, 198, 183); } .punbb #pun-navlinks #form-login input.button[type="submit"]{ margin-top:15px!important; } /*Стиль формы входа*/ .punbb #pun-navlinks #form-login { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.24); display: block; font: normal normal 400 11px/normal Tahoma; color: #fff; word-spacing: normal!important; text-transform: none; position: absolute!important; left: 0px; top: 12px; z-index: 100000!important; padding: 7px 12px; background: rgb(142, 121, 164); border-color: #6e6e6e; /* Цвет границы */ 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: -85px;/*Подвижки формы влево от вход*/ } #pun-navlinks #navlogout #form-login { margin-left: -148px;/*Подвижки формы влево от выход*/ } .ismoderator #pun-navlinks #navlogout #form-login { margin-left: -148px!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: #FFFBFA!important; cursor:pointer; font: normal normal 400 9.5px/normal Tahoma!important; letter-spacing: .5px!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: rgb(142, 121, 164); border-color: #6e6e6e; /* Цвет границы */ border-style: solid; /* Стиль границы */ border-width: 1px 1px 1px 1px; /* Толщина границы */ 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 { display: block!important; position: relative; background: #514E4B; text-align: left; box-shadow: 2px 2px 1px rgb(44, 36, 53); padding-left: 5px!important; font: normal normal 600 11px/normal rubik!important; margin: 1px auto!important; padding: 2px 0; transition: .33s; } .punbb #List-UserNames li:hover{ opacity:.84; /*background:#546a6b!important;*/ } /*Стиль Ников*/ .punbb #List-UserNames li>b { cursor: pointer; opacity: .9; font-family: Tahoma; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31); } .punbb #List-UserNames li>b:hover{ opacity:.93; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Скролл контейнера с никами #List-UserNames ul::-webkit-scrollbar { width: 7px; height: 5px; } #List-UserNames ul::-webkit-scrollbar-track { background-color: #919190; border: 1px solid #919190; box-shadow: none; } #List-UserNames ul::-webkit-scrollbar-thumb { background-color: #bdbdbc; border: 2px solid #888887; box-shadow: none; } */ /*Кнопки Удалить (правее ников)*/ #List-UserNames ul li>span { display:inline-block; padding:0 3px; position:absolute; opacity:.88; cursor:pointer; top:0;bottom:0; right:2px; color:#fff; font: normal normal 700 10.56px/normal Verdana; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Текст при отсутствии запомненных Ников!*/ #List-UserNames ul:empty:before{ display:inline-block; content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; } /*Кнопка выход-2*/ #navlogin #exit-2 { display:none; } #navlogin #form-login, #navlogout .Rega, #navlogout .Forgot { background-image:none!important; display:none; } /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ #List-UserNames ul+span{ display:inline-block; padding:6px 0 8px 0; text-align:left; font: normal normal 400 10.56px/normal rubik; } /*Сам инпут*/ .punbb #List-UserNames input { text-shadow: none!important; font: normal normal 400 11px/normal rubik!important; margin-top: 9px; padding: 2px !important; vertical-align: middle; } /*Стрелочки к инпуту*/ #List-UserNames ul+span b{ font: normal normal 400 13px/normal rubik; padding:0 3px; color: #E7EAF0; } /*Кликалка слево, чуть выше инпута*/ #List-UserNames .a1-copy{ display:inline-block!important; cursor:pointer; float:left; } /*Кликалка справо*/ #List-UserNames .a1-paste{ cursor:pointer; 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; } /************************* //Конец Стиля для Быстрой смены аккаунтов *************************/
Поделиться32024-03-25 19:55:28
код личной страницы
<div class='character'> <div class="menu"> <div class="menu-links"> <span alt="#sm1" onclick='showTab(this);' class="tabactive">Информация</span> <span alt="#sm2" onclick='showTab(this);'>Достижения и подарки</span> </div> </div> <div id="submenu"> <div id="sm1" class="submenutext" style="display:block;"> <div class="personal_page-wrapper"> <div class="personal_page-img"> <img src="https://forumstatic.ru/files/001c/17/10/75456.png"> </div> <div class="personal_page-container"> <div class="personal_page-name">лириумный призрак</div> <span class="personal_page-title">инфо</span> <ul class="personal_page-list"> <li class="personal_page-list_item"><span>принадлежность</span> <span>sim / cerbera</span></li> <li class="personal_page-list_item"><span>код</span> <span>se-875</span></li> <li class="personal_page-list_item"><span>занятость</span> <span>агент отдела по ликвидации аварий / диджей в клубе</span></li> <li class="personal_page-list_item"><span>в симуляции с</span> <span>2012 г</span></li> <li class="personal_page-list_item"><span>возраст</span> <span>30 лет</span></li> <li class="personal_page-list_item"><span>рост</span> <span>182 см</span></li> <li class="personal_page-list_item"><span>вес</span> <span>78 кг</span></li> </ul> <span class="personal_page-title">активные дропы</span> <li class="personal_page-list_item_mark power-drop">power drop</li> <li class="personal_page-list_item"><span class="skill_item">голем</span> <span class="skill_desc">способность покрывать тело золотом</span> <span class="skill_time">постоянная</span></li> <li class="personal_page-list_item"><span class="skill_item">управление кровью</span> <span class="skill_desc">способность управлять чужим членом через кровь</span> <span class="skill_time">до 12.03</span></li> <li class="personal_page-list_item_mark skill-drop">skill drop</li> <li class="personal_page-list_item"><span class="skill_item">игра на гитаре</span> <span class="skill_desc">виртуозно играет на всех видах гитар</span> <span class="skill_time">до 12.03</span></li> <li class="personal_page-list_item"><span class="skill_item">рукопашный бой</span> <span class="skill_desc">владеет рукопашным боем на уровне КМС</span> <span class="skill_time">до 12.03</span></li> <li class="personal_page-list_item_mark pandora-drop">pandora drop</li> <li class="personal_page-list_item"><span class="skill_item">превращение в ламу</span> <span class="skill_desc">с 00:00 до 05:00 герой превращается в ламу</span> <span class="skill_time">до 12.03</span></li> </div> </div> </div> <div id="sm2" class="submenutext"> <div class="personal_page-wrapper secondpage"> <div class="personal_page-plashes"> <span class="personal_page-title2">плашки</span> <div class="personal_page-innerbox"> <div class="personal_page-scrollbox p_banners"> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> <div class="p_banner"><img src="https://forumstatic.ru/files/001c/17/10/37469.png"><span>лириумный призрак</span></div> </div> </div> </div> <div class="personal_page-itemswrapper"> <div class="personal_page-awardsandgifts"> <span class="personal_page-title2">подарки и награды</span> <div class="personal_page-innerbox"> <div class="personal_page-scrollbox awardsandgifts"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/49169.png" title="текст"> </div> </div> </div> <div class="personal_page-achievements"> <span class="personal_page-title2">секретные ачивки</span> <div class="personal_page-innerbox"> <div class="personal_page-scrollbox achievements"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> <img src="https://forumstatic.ru/files/001c/17/10/21891.png" title="текст"> </div> </div> </div> </div> </div> </div> </div> </div>
код в лз
<a id="адресное_имя_страницы" class="modal-link" href="#" data-reveal-id="character">id</a>
Поделиться42024-04-29 17:59:21
1. хочу заказать дизайн:
чистовик
2. название форума, тематика:
Gotham fever - около-реал, по мотивам сериала Готэм (в гугле есть много картинок). важно - не супергероика.
приземленная атмосфера, детектив, мафия, криминал, город как в сериале и из фильма Мэтта Ривза "Бэтмен"
3. цветовая гамма/палитра:
очень важно: только пастельные спокойные тона.
цвета - темно-серо-сиреневый, приглушенный голубой (ближе к синему), акценты - или зеленые, или желтые, или светло голубые
https://wrathofthevillains.rusff.me - примерно как здесь, только можно поиграть с оттенками.
фон форума - темнее, картинка не должна выбиваться резкими очертаниями. фон тела - сероватый, спокойный, чтобы глазам было хорошо.
как тут, например (только чуть темнее) - https://exlibrisforlife.ru/
тело форума (там, где постовая часть) без шиммеров
4. примеры дизайнов, которые нравятся:
это самое близкое, чего хочется добиться по общему виду и атмосфере
https://forumstatic.ru/files/001b/6b/7e/34054.png - из ваших дизайнов самое близкое по общему виду и "темноте"
https://wrathofthevillains.rusff.me - это ориентир от прошлого проекта, размер тела форума устраивает
главная задача - добиться того, чтобы это не ассоциировалось исключительно с сериалом, а создавало общий вайб реального города.
важно: в шапке не должно быть отчетливых персонажей. но могут быть какие-то другие элементы, сборные картинки... примерные картинки для шапки или фона, чтобы четче ориентироваться на атмосферу.
отдельные части того, что нравится:
https://wrathofthevillains.rusff.me и https://exlibrisforlife.ru/ - нравится, что меняется картинка в шапке при обновлении страницы. хотелось бы того же
можно так же сделать, что при наведении на картинку появляется инфа с постами, новостями и тд. но можно обойтись и без этого. на ваше усмотрение
активисты только прописными без иконок игроков - выделить цветной подложкой с ссылкой
нужен вот такой набор параметров для текста и его такое же красивое исполнение
в гостевую примерно такой же раздел хочется. а инфу брать с этой гостевой https://wrathofthevillains.rusff.me
вот так не нужно. лучше сохранить текстом + иконки. можно поиграть с наведением, как тут https://wrathofthevillains.rusff.me
нравится, что можно менять картинку на фоне профиля. хотелось бы так же
можно сделать совсем небольшие скругления (почти квадратные). фон можно сделать темным, ближе к черному
нравится оформление вот таких фишечек. не просто вставлены, а есть вписываемость в дизайн. хочется для всех элементов такой гармонии
5. нужен ли пакет доп. графики (рекламы, аватары, баннеры):
Нет
6. нужны ли хтмл/бб шаблоны в темы/личная страница:
нет. но нужна поддержка хтмл в целом для форума, если захочется оформить какую-то тему
7. сроки и дедлайны:
чем быстрее, тем лучше)) нет конкретных сроков - главное качество и красота. но, думаю, в пределах 3х недель
8. дополнительно:
хочется такой же виджет с цветами вместо стандартного набора
нужен вот такой виджет
на либрисе так же есть скрипт автоматической загрузки картинки с любого устройства в поле ответа. очень хотелось бы себе такое
нужен автоматический предпросмотр поста, как здесь
нужен скрипт размера шрифта
плюс без комментария с пояснением, как тут (тоже оформить симпатичной иконкой)
блок со стикерами, будут коты и еще парочка - гифки, эмоджи и телеграмные. если нужны - предоставлю пока котов в картинках. загрузка своих тоже нужна
скрипт тихого цитирования
пиар-вход / чтение-вход
выделение кода
смена имиджа с лз и прочим, чтобы сохранялось
тег вставки картинки в пост
счетчик символов
кликабельность ника в постах от гостей
скрипт дефолтного аватара у гостя
кастомизированная подсказка («черный title»)
кнопка скрытия наград (скриптом Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика)
удаление названий доп.полей
скрипт стрелок вверх-вниз
скрипт «вернуть кнопку новые сообщения»
удаление лишних строк после цитаты и кода
оформление ссылок в подфорумах на главной — как тут https://thehaze.rusff.me/
скрипт для установки баннеров партнеров в футере — как тут https://wrathofthevillains.rusff.me
скрипт, меняющий дефис на тире в постах
скрипт, сохраняющий посты в поле ввода сообщения
нужны шрифты от гугла в поле для ввода сообщений
нужны все параметры для оформления текста в редактировании подписи в профиле игрока
профиль: ник, статус, лз (ник на русском, возраст, описание), соо, репутация.
дополнительно в профиле должны отображаться: счетчик постов (должен быть на одном уровне с сообщениями и репутацией - можно оформить в иконки или оставить текст как тут https://i.imgur.com/pVzbzw7.png), плашка, иконка фракции (закон - фон синий, преступность - фон красный, нейтралитет - фон серый) - маленькая где-то сбоку или внизу-вверху блока профиля.
таблица в шапке: активисты (1 постописец, 1 лучший пост, 1 активист, эпизод недели)
название крупно + небольшая цитата: пока просто вставьте любую. описание: based on the series / 4-5 season, real-life, criminal, nc-21
здравствуйте, гость... - как-то симпатично расположить
ссылки на важные разделы - как тут https://wrathofthevillains.rusff.me
мини-плеер
иконки игроков на главной можно квадратиками сделать + мини скругление
убрать встроенные в форум реакции-лайки, чтобы не мешали
игра со шрифтами одобряема, но не увлекаться. строгость лучше, чем вычурность