Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65) #1


Общие вопросы по оформлению (65) #1

Сообщений 1461 страница 1480 из 2001

Перевести1

Архивная тема помощи в оформлении форума и его элементов

Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

Перевести1461

Добрый день. Помогите пожалуйста, вопрос возник по поводу оформления таблицы как здесь:
http://heavensnight.ru/viewtopic.php?id … p=9#p11361

Как ее осуществить? И нет ли возможности отображать в нормальном виде (как в самом посте) информацию с html в самой таблице?

0

Перевести1462

Здравствуйте. Подскажите скрипт аватарки у приветствия  %-)

+1

Перевести1463

xl написал(а):

Здравствуйте. Подскажите скрипт аватарки у приветствия

Дайте ссылку на подобное

0

Перевести1464

Deff
https://upforme.ru/uploads/0000/14/1c/24553/622879.png
http://inhype.rusff.ru/

https://upforme.ru/uploads/0000/14/1c/24553/838672.png
http://impulsela.ru/

0

Перевести1465

xl написал(а):

http://inhype.rusff.ru/

В HTML низ:

<!-- НАЧАЛО. аватар на главной  -->
<style>.status_userava>img{width: 56px;height: 56px;border-radius: 10px;}</style>
<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'https://forumstatic.ru/files/001a/ae/63/60611.jpg')+'"/></span>')</script>
<!-- КОНЕЦ. аватар на главной  -->

+1

Перевести1466

Deff
http://funkyimg.com/i/2MvRL.gif

+1

Перевести1467

доброго! вопрос по поводу обновления с блоками) невероятно полезная штука, но проблема в том, что они абсолютно не реагируют на [align=center][/align], а также на [float=left][/float] (и прочее позиционирование). можно как-то поправить это?)

ps. они будто выносятся за пределы алигна, вот наглядно
так в соо:
https://sun9-5.userapi.com/a_z23d_-Tok-s1jJjmLUlvBFnb1pVZ2MYZ2T6Q/S_6heJEaDU8.jpg
а так в кодах:
https://sun9-11.userapi.com/96TUjyVLvV8coRIQiNrpmiKvOsdBBDHuMK3vyg/ZzjQObqnVmk.jpg

pps. если нужна ссылка на адрес форума - http://yourstory.rusff.ru

+2

Перевести1468

бланш
Ну сделайте так:

<style>
.right {
   text-align:right;
}
.floLeft {
  display:inline-block;
  float:left;
}
.inline {
  display:inline-block;
}
.width200{
  width:200px;
}
</style>

[block=sp4 right]
[block=sp4 floLeft]
[block=inline width200][/block][block=inline width200][/block] <!--Блоки в cтроку-->

Отредактировано Deff (Пн, 17 Авг 2020 02:10:52)

+1

Перевести1469

Deff
спасибо! помогло)

+1

Перевести1470

Есть возможность поменять цвет ника только гостям (незарегистрированным пользователям)? Эти ники только в темах отображаются.

0

Перевести1471

Hope13
Вставить как css (в "Свои стили" либо в HTML поля, используя <style>...</style>):

Код:
.post[data-group-id="3"] .pa-author {
    color: red;
}

red, разумеется, заменить на свой цвет :)

+2

Перевести1472

Hope13
т.к. стоит скрипт кликабельного ника гостя, через надбавку в скрипте:

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a style="color: red;" href="javascript:to(\'$2\')">$2</a>')});</script>

+1

Перевести1473

kozhilya
Герда
Спасибо! Герда твой вариант на 5+, все работает)

0

Перевести1474

Hope13 написал(а):

Герда твой вариант на 5+

вариант от kozhilya круче, т.к. таким образом можно красить хоть ники, хоть сами посты по группам: .post[data-group-id="3"]. :)
поставишь 1 - будет действовать на админов, 2 - на модеров и т.д.

+1

Перевести1475

доброго, я сразу по двум проблемам)
первое - вновь вопрос про блоки. если вставлять посреди текста аналогично коду float блок такого вида [block=sp6 floRight][img]тут картинка[/img][/block] , то он "разрывает" сплошной текст на две части. как это можно поправить?
сейчас так:

Свернутый текст

https://sun9-36.userapi.com/lsyCFokIZjwUdpR71MhlaWIfzL91L957mi8HwA/4157ZDb-ZYc.jpg

а нужно вот так:

Свернутый текст

https://sun9-69.userapi.com/dtEPhvrqIXzXgwEkKn_mvFFkL6HCwZ6BhFBEMg/yCIHb0e0xeU.jpg

и в принципе, блоки вставляют содержимое в <p></p>. может, админы сервиса как-то поправят это, потому что на <p></p> на ролевых прописаны коды, которые очень мешаются в блоках, например отступы между абзацами, джастифай и тд (

второе - у нас на ролевой почему-то у игрока не отображаются шрифты, хотя они залиты отдельным файлом. сами файлы у него открываются. при этом, когда игрок с нормальным отображением переходит по его ссылке, у него также начинают ехать - но только на одну вкладку.

как форум выглядит у него

https://sun9-74.userapi.com/qUU-T7wDLjkgRlPzaPBmhg4PxoQutkQikkGfjw/XF3WR20t53c.jpg

как он должен выглядеть

https://sun9-49.userapi.com/OxvIieXvjUevpsmODZUoM7XVDLuYkYbMPWvSOw/laWo1flRRqo.jpg

я впервые с таким сталкиваюсь и вообще не могу понять в чем дело (

ссылка на форум - http://yourstory.rusff.ru
ссылка от игрока - https://yourstory.rusff.ru

апд. поняла, что причина в протоколе, игроку скинула "нормальную" ссылку, но все же, как можно поправить, чтобы нормально отображалось и там, и там?

Отредактировано бланш (Ср, 19 Авг 2020 20:32:22)

0

Перевести1476

бланш написал(а):

, то он "разрывает" сплошной текст на две части. как это можно поправить?

бланш
Дай ссылку на текст с проблемой видной гостю...

Отредактировано Deff (Ср, 19 Авг 2020 20:58:17)

0

Перевести1477

Deff
http://yourstory.rusff.ru/viewtopic.php?id=25#p25 (не обращайте внимания на верхний код)
в редактировании это выглядит так:
https://sun9-25.userapi.com/GlRP8P41b-3j-u5lTkjbd0JeHEF6XUBJxgP1tQ/dxZj8YbhJWo.jpg

Отредактировано бланш (Ср, 19 Авг 2020 21:19:50)

0

Перевести1478

бланш
Одень верхний блок текста тож в блок, тады мон чо нидь придумать
Поскок будет селектор этого предтекста до картинки, наверно его сделать .inline

Отредактировано Deff (Ср, 19 Авг 2020 21:28:47)

0

Перевести1479

Либо одеть весь блок вместе с блоком с картинкой в общий блок
Тады там можно убить внутри него все теги <p>

Отредактировано Deff (Ср, 19 Авг 2020 21:32:01)

0

Перевести1480

бланш
блок "разрывает" текст - потому что это блок. они так работают.
аналогично применению внури текста <div>

чтобы правильно такие штуки делать нужно ставить текст внутри блока:

Код:
[block=class]текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст [img]https://forumavatars.ru/img/avatars/0000/14/1c/22787-1583487089.png[/img] текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст [/block]

https://upforme.ru/uploads/0000/14/1c/16803/473442.png

в стиле прописываем:

.class img {
float: right;
*и другие свойства картинки*
}

картинка должна быть inline элементом, а не блочным, чтобы текст не разрывался

+2


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65) #1