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

Поделиться1Ср, 13 Фев 2019 13:52:59

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1962
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

+4

Поделиться1461Пт, 14 Авг 2020 08:41:23

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 177
Уважение: +20
Позитив: +38
Последний визит:
Ср, 1 Май 2024 13:26:31

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

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

0

Поделиться1462Вс, 16 Авг 2020 18:57:52

Автор: xl
Заслуженный
Зарегистрирован: Сб, 27 Ноя 2010
Сообщений: 65
Уважение: +8
Позитив: +31
Последний визит:
Вт, 12 Сен 2023 18:29:55

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

+1

Поделиться1463Вс, 16 Авг 2020 19:00:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

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

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

0

Поделиться1464Вс, 16 Авг 2020 19:06:08

Автор: xl
Заслуженный
Зарегистрирован: Сб, 27 Ноя 2010
Сообщений: 65
Уважение: +8
Позитив: +31
Последний визит:
Вт, 12 Сен 2023 18:29:55

Deff

http://inhype.rusff.ru/

http://impulsela.ru/

0

Поделиться1465Вс, 16 Авг 2020 19:11:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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Вс, 16 Авг 2020 19:14:57

Автор: xl
Заслуженный
Зарегистрирован: Сб, 27 Ноя 2010
Сообщений: 65
Уважение: +8
Позитив: +31
Последний визит:
Вт, 12 Сен 2023 18:29:55

Deff

+1

Поделиться1467Пн, 17 Авг 2020 00:29:00

Автор: бланш
Заслуженный
Зарегистрирован: Сб, 24 Ноя 2012
Сообщений: 205
Уважение: +42
Позитив: +70
Последний визит:
Сб, 6 Апр 2024 18:40:39

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

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

а так в кодах:

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

+2

Поделиться1468Пн, 17 Авг 2020 02:06:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

<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]

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

+1

Поделиться1469Пн, 17 Авг 2020 04:22:22

Автор: бланш
Заслуженный
Зарегистрирован: Сб, 24 Ноя 2012
Сообщений: 205
Уважение: +42
Позитив: +70
Последний визит:
Сб, 6 Апр 2024 18:40:39

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

+1

Поделиться1470Пн, 17 Авг 2020 21:09:14

Автор: Hope13
Заслуженный
Зарегистрирован: Вс, 10 Июл 2016
Сообщений: 455
Уважение: +242
Позитив: +635
Пол: Мужской
Последний визит:
Пт, 23 Фев 2024 13:31:26

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

0

Поделиться1471Пн, 17 Авг 2020 22:06:14

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

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

Код:

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

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

+2

Поделиться1472Пн, 17 Авг 2020 22:09:52

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2570
Уважение: +1754
Позитив: +761
Пол: Женский
Последний визит:
Ср, 1 Май 2024 18:50:59

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

ВКонтакте forumd

Поделиться1473Пн, 17 Авг 2020 22:15:12

Автор: Hope13
Заслуженный
Зарегистрирован: Вс, 10 Июл 2016
Сообщений: 455
Уважение: +242
Позитив: +635
Пол: Мужской
Последний визит:
Пт, 23 Фев 2024 13:31:26

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

0

Поделиться1474Пн, 17 Авг 2020 22:17:44

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2570
Уважение: +1754
Позитив: +761
Пол: Женский
Последний визит:
Ср, 1 Май 2024 18:50:59

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

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

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

+1

ВКонтакте forumd

Поделиться1475Ср, 19 Авг 2020 20:19:17

Автор: бланш
Заслуженный
Зарегистрирован: Сб, 24 Ноя 2012
Сообщений: 205
Уважение: +42
Позитив: +70
Последний визит:
Сб, 6 Апр 2024 18:40:39

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

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

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

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

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

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

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

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

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

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

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

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

0

Поделиться1476Ср, 19 Авг 2020 20:56:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

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

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

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

0

Поделиться1477Ср, 19 Авг 2020 21:18:55

Автор: бланш
Заслуженный
Зарегистрирован: Сб, 24 Ноя 2012
Сообщений: 205
Уважение: +42
Позитив: +70
Последний визит:
Сб, 6 Апр 2024 18:40:39

Deff
http://yourstory.rusff.ru/viewtopic.php?id=25#p25 (не обращайте внимания на верхний код)
в редактировании это выглядит так:

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

0

Поделиться1478Ср, 19 Авг 2020 21:27:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

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

0

Поделиться1479Ср, 19 Авг 2020 21:31:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

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

0

Поделиться1480Ср, 19 Авг 2020 21:36:33

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2570
Уважение: +1754
Позитив: +761
Пол: Женский
Последний визит:
Ср, 1 Май 2024 18:50:59

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

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