Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Форум для новичков » Сломался HTML в сообщениях
Добрый день!
Не понимаю, как решить проблему.
HTML в сообщениях перестал интерпретировать HTML и стили.
Пример: https://darkness.rolfor.me/viewtopic.php?id=333#p11987
Должна быть красивая страничка, а вместо этого отображается только текст и картинка.
Что делать голову сломал 
Помогите, пожалуйста, все оформительские штуки слетели
meedo
Дайте контент самого сообщения в блоке [code][/code]
Deff
<div class="ep1"><div class="ep2">«Счастье можно найти даже в тёмные времена, если не забывать обращаться к свету»</div> <div class="ep3" style="background-image:url(https://images.unsplash.com/photo-1516996190843-87e7ff025b22?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80);"><em>Администрация <br> <a href="https://darkness.rolfor.me/">MARAUDERS: DEEP INTO DARKNESS</a> <br>приветствует Тебя и желает приятной игры!</em></div> <div class="ep4"><em> Полезные темы, с которых стоит начать:<br> - <a href="https://darkness.rolfor.me/viewtopic.php?id=44">Оформление профиля</a><br> - <a href="https://darkness.rolfor.me/viewtopic.php?id=54">Выяснение отношений</a><br> - <a href="https://darkness.rolfor.me/viewtopic.php?id=49">Поиск Соигроков</a> </em> </div></div>
была мысль, что может это браузерный косяк на новых версиях, или не знаю, что, потому как картинки и текст он интерпретирует, не показывает голый код, но выглядит криво
сами стили
/*** ЗАКРЫВАШКА В АНКЕТУ ***/
.ep1{display:block; margin: 20px auto 12px auto !important; width: 600px; min-height:140px; box-sizing:border-box;
background: url(https://forumstatic.ru/files/001b/02/f2/47776.jpg) 50% 0% repeat var(--darkpun); border-style: solid; border-width: 2px;
-moz-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 fill repeat;
box-shadow: 0 0 0 1px #39394f, 0 0 6px 1px #383838, inset 0 0 4px #040e13; }
.ep2{display:block; margin: auto; padding: 12px 10px 10px 10px; text-align: center; color: #be9de6; text-shadow: 0 0 3px #000; font-family: 'Alice', georgia, serif; font-size: 16px;}
.ep3 {background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-size: cover; text-align:center; padding: 50px 20px; box-shadow: 0 4px 5px -4px #000, 0 -4px 5px -4px #000;}
.ep3:before{display:block; content:''; width:inherit; height:inherit; background:rgb(0 0 0 / 35%); }
.ep3 em {display:block; font-style: normal; font-family: Alice, Tahoma, serif; font-size:18px; text-align:center; margin:auto 70px; padding: 20px 10px; color: #c9b3ff; text-shadow: 1px 1px 0 #000, 0 0 6px #000, 0 0 8px #000; border-top: 2px solid #8b80a7; border-bottom: 2px solid #8b80a7; background: rgb(0 0 0 / 60%); box-shadow: 0 0 8px 3px rgb(0 0 0 / 60%);}
.ep4 {display:block; margin: auto; padding: 22px 20px 20px 20px; text-align: center; color: #8b80a7; text-shadow: 0 0 2px #000; font-family: Alice, Arial, serif; font-size: 14px;}
.ep4 em {display:block; margin: auto 70px; padding: 0 10px; font-style:normal; text-align: justify; overflow:auto; max-height:130px;}meedo
Где то ошибка в стиле выше(по идее с точкой запятой или расстановкой скобок { и } -отсутствует или лишняя), код стиля не показывается во фрейме с HTML
Пока нашёл это
.dk1 p, .dk3 p {padding:2 !important;}(Наверно 2px;)
Переставьте этот кусок стиля:
/*** ЗАКРЫВАШКА В АНКЕТУ ***/
.ep1{display:block; margin: 20px auto 12px auto !important; width: 600px; min-height:140px; box-sizing:border-box;
background: url(https://forumstatic.ru/files/001b/02/f2/47776.jpg) 50% 0% repeat var(--darkpun); border-style: solid; border-width: 2px;
-moz-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 fill repeat;
box-shadow: 0 0 0 1px #39394f, 0 0 6px 1px #383838, inset 0 0 4px #040e13; }
.ep2{display:block; margin: auto; padding: 12px 10px 10px 10px; text-align: center; color: #be9de6; text-shadow: 0 0 3px #000; font-family: 'Alice', georgia, serif; font-size: 16px;}
.ep3 {background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-size: cover; text-align:center; padding: 50px 20px; box-shadow: 0 4px 5px -4px #000, 0 -4px 5px -4px #000;}
.ep3:before{display:block; content:''; width:inherit; height:inherit; background:rgb(0 0 0 / 35%); }
.ep3 em {display:block; font-style: normal; font-family: Alice, Tahoma, serif; font-size:18px; text-align:center; margin:auto 70px; padding: 20px 10px; color: #c9b3ff; text-shadow: 1px 1px 0 #000, 0 0 6px #000, 0 0 8px #000; border-top: 2px solid #8b80a7; border-bottom: 2px solid #8b80a7; background: rgb(0 0 0 / 60%); box-shadow: 0 0 8px 3px rgb(0 0 0 / 60%);}
.ep4 {display:block; margin: auto; padding: 22px 20px 20px 20px; text-align: center; color: #8b80a7; text-shadow: 0 0 2px #000; font-family: Alice, Arial, serif; font-size: 14px;}
.ep4 em {display:block; margin: auto 70px; padding: 0 10px; font-style:normal; text-align: justify; overflow:auto; max-height:130px;}
В Конец Первого Окна стиля!
Отредактировано Deff (Пн, 14 Июн 2021 19:25:04)
Deff
Добрый день!
Прошу прощения, что запропал, свалило работой.
Дело в том, что все работало корректно, а с какого-то момента перестало. Более того, на мобилке все отображается безупречно.
Хм, может разработчики браузеров опять что-то поменяли *вздыхает*
Я переставил код, как вы посоветовали, но все также, увы.
Хм, ладно, пойду потыкаю, может что найду в нем.
Я переставил код, как вы посоветовали, но все также, увы.
Я не вижу Переставленного кода в Конец Первого Окна стиля! Переставьте - отпишитесь!
В Конце Первого Окна у Вас стоить вот это:
/****** НОВОСТИ КВАДРАТИКАМИ ******/
.novost {display: inline-block;
text-align: center; width: 200px;
margin: auto 10px !important; padding: 10px 10px 8px 10px;
background: url(https://forumstatic.ru/files/001b/02/f2/14750.jpg) 50% 50% var(--bgviolet);
box-shadow: 0 0 0 1px #060403, 0 0 0 2px #322923, 0 0 0 3px #0e0808, 0 0 5px 2px #05090a, 0 0 4px rgb(0 0 0 / 50%) inset;
color: #7b7286;
text-shadow: 0 1px 1px #000;
line-height: 110%;
border-radius: 2px;}
.novost:last-child {margin-right: 0px !important;}
.novh1 {font-family: Alice, Tahoma, serif; font-size:12px; padding-bottom: 5px; text-transform:uppercase;
border-bottom: 1px solid #352d4c;}
.novh1 a {text-shadow: 0px 1px 3px #000, 0 0 10px #c32dde; color: #b39dcc !important;}
.novh1 a:hover {text-shadow: 0px 1px 3px #000, 0 0 10px #c32dde !important; filter: brightness(1.25);}
.novh2 {padding-top: 5px; font-family: tahoma, serif; font-size: 11px;}
Возможно не нажали кнопку сохранить...
Отредактировано Deff (Пн, 21 Июн 2021 00:15:22)
Указанный к перестановке код как стоял в конце(Почти) второго Окна, так и стоит
Если Есть проблемы - кидайте админ-ник пароль в личку -переставлю
Отредактировано Deff (Пн, 21 Июн 2021 00:19:36)
Deff
Так я перенес, оно не заработало, я перенес обратно и пошел переделывать стили.
Сделал без завязки на html в сообщении, получилось по-другому, но тут я уже подрисую как-нибудь
meedo
Да, вижу что переставили - походу безрезультатно
Я Там походу под Путником... Дайте Админ Права - если не критично - поэкспериментирую с полчаса - отпишусь в теме про скрипт подсчета 
Deff
минутку, сохраню свои переделки и напишу
Deff
https://darkness.rolfor.me/viewtopic.php?id=62#p12362
первое сообщение - сам код, можете его брать
Права выдал)
Спасибо!
(сам я переделал пока вот так, чтобы просто [block]-ами брать, но с кодами я на полуты-вы)
/*** ЗАКРЫВАШКА В АНКЕТУ ***/
.ep1{display:block; margin: 20px auto 12px auto !important; width: 600px; min-height:140px; box-sizing:border-box;
background: url(https://forumstatic.ru/files/001b/02/f2/47776.jpg) 50% 0% repeat var(--darkpun); border-style: solid; border-width: 2px;
-moz-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 repeat;
border-image: url(https://forumstatic.ru/files/001b/02/f2/11680.png) 2 fill repeat;
box-shadow: 0 0 0 1px #39394f, 0 0 6px 1px #383838, inset 0 0 4px #040e13; }
.ep2{display:block; margin: auto; padding: 12px 10px 10px 10px; text-align: center; color: #be9de6; text-shadow: 0 0 3px #000; font-family: 'Alice', georgia, serif; font-size: 16px;}
.ep3 {background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-size: cover; text-align:center; padding: 50px 20px; box-shadow: 0 4px 5px -4px #000, 0 -4px 5px -4px #000; background-image:url(https://images.unsplash.com/photo-1516996190843-87e7ff025b22?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80);}
.ep3:before{display:block; content:''; width:inherit; height:inherit; background:rgb(0 0 0 / 35%); }
.ep4 {display:block; font-style: normal; font-family: Alice, Tahoma, serif; font-size:18px; text-align:center; margin:auto 70px; padding: 20px 10px; color: #c9b3ff; text-shadow: 1px 1px 0 #000, 0 0 6px #000, 0 0 8px #000; border-top: 2px solid #8b80a7; border-bottom: 2px solid #8b80a7; background: rgb(0 0 0 / 60%); box-shadow: 0 0 8px 3px rgb(0 0 0 / 60%);}
.ep4 a {text-shadow: 0 0 1px #000;color: #c32dde !important;}
.ep4 a:hover {text-shadow: 0 0 1px #000;color: #06b2b7 !important;}
.ep5 {display:block; margin: auto; padding: 22px 20px 20px 20px; text-align: center; color: #8b80a7; text-shadow: 0 0 2px #000; font-family: Alice, Arial, serif; font-size: 14px;}
.ep6 {display:block; margin: auto 70px; padding: 0 10px; font-style:normal; text-align: center; overflow:auto; max-height:130px; color: #be9de6; text-shadow: 0 0 3px #000; font-family: 'Alice', georgia, serif; font-size: 16px;}
.ep6 a {text-shadow: 0 0 1px #000;color: #c32dde !important;}
.ep6 a:hover {text-shadow: 0 0 1px #000;color: #06b2b7 !important;}meedo
Короче понял! Код для HTML перестал переносить стиль форума в пост при HTML от сервиса( щас впихну в HTML верх
Deff
я вас обожаю, спасибо огромное
meedo
Я там на форуме ещё выдал идею
Вы здесь » Единый форум поддержки » Форум для новичков » Сломался HTML в сообщениях