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

Поделиться1Сб, 19 Дек 2020 13:24:51

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

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


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

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

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

+1

Поделиться1441Чт, 12 Сен 2024 11:58:54

Автор: Фрикаделька
Заслуженный
Зарегистрирован: Сб, 26 Ноя 2022
Сообщений: 118
Уважение: +45
Позитив: +50
Пол: Женский
Последний визит:
Ср, 15 Окт 2025 01:06:04

Alex_63
А если я создала тему и перенесла туда сообщение которое было в другой теме но оно написано раньше чем создана тема, я могу тогда своё сообщение закрепить на всех страницах или уже нет?

0

Поделиться1442Чт, 12 Сен 2024 12:02:03

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11966
Уважение: +8209
Позитив: +5799
Пол: Мужской
Последний визит:
Вчера 23:32:57

Фрикаделька
Первым сообщением в теме становится то, которое создано раньше всех остальных. Его и можно закрепить (так же через редактирование).

+1

Telegram @Alex0546

Поделиться1443Чт, 12 Сен 2024 12:23:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51676
Уважение: +15518
Позитив: +12298
Последний визит:
Вчера 21:09:38

Фрикаделька
Можно где нибудь(во флуде) найти более старое сообщение, чем текущее Первое темы, перенести его втуда и отредактить как нужно для заголовка, ну и закрепить

+1

Поделиться1444Чт, 12 Сен 2024 12:37:09

Автор: Фрикаделька
Заслуженный
Зарегистрирован: Сб, 26 Ноя 2022
Сообщений: 118
Уважение: +45
Позитив: +50
Пол: Женский
Последний визит:
Ср, 15 Окт 2025 01:06:04

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

Фрикаделька
Первым сообщением в теме становится то, которое создано раньше всех остальных. Его и можно закрепить (так же через редактирование).

Ну вот я наоборот другое хотела закрепить.

0

Поделиться1445Чт, 12 Сен 2024 12:37:41

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11966
Уважение: +8209
Позитив: +5799
Пол: Мужской
Последний визит:
Вчера 23:32:57

Фрикаделька
Закрепляется только первый пост в теме.

0

Telegram @Alex0546

Поделиться1446Чт, 12 Сен 2024 12:38:23

Автор: Фрикаделька
Заслуженный
Зарегистрирован: Сб, 26 Ноя 2022
Сообщений: 118
Уважение: +45
Позитив: +50
Пол: Женский
Последний визит:
Ср, 15 Окт 2025 01:06:04

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

Фрикаделька
Закрепляется только первый пост в теме.

Жаль. Ладно, спасибо)

0

Поделиться1447Чт, 12 Сен 2024 14:19:16

Автор: Шарисия
Заслуженный
Зарегистрирован: Вс, 15 Мар 2020
Сообщений: 45
Уважение: +12
Позитив: +3
Последний визит:
Вс, 12 Янв 2025 13:54:41

Добрый день. Помнится. видела такой скрипт, который позволяет закрывать под скрытый текст сообщения, но так чтобы их видела администрация и конкретные игроки или же группы (что назначить) не подскажите, где можно посмотреть и под себя прописать? Очень бы в квестах помог

0

Поделиться1448Чт, 12 Сен 2024 14:29:22

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11966
Уважение: +8209
Позитив: +5799
Пол: Мужской
Последний визит:
Вчера 23:32:57

Шарисия
Что-то такое? Спойлер персональной информации (использовать с осторожностью: в исходном тексте страницы можно скопировать содержимое спойлера и расшифровать при желании).

+2

Telegram @Alex0546

Поделиться1449Ср, 25 Сен 2024 21:56:51

Автор: Merlin777
Заслуженный
Зарегистрирован: Ср, 10 Апр 2024
Сообщений: 193
Уважение: +88
Позитив: +147
Пол: Мужской
Последний визит:
Сегодня 00:51:08

Подскажите, пожалуйста, как поставить картинку перед списком тем в разделе и перед открытой темой?

Картинка №1

Картинка №2

Отредактировано Merlin777 (Ср, 25 Сен 2024 22:06:36)

0

Поделиться1450Ср, 25 Сен 2024 22:22:05

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11966
Уважение: +8209
Позитив: +5799
Пол: Мужской
Последний визит:
Вчера 23:32:57

Merlin777
Что-то типа того (в HTML верх):

<style>
[data-forum-id="5"] .main::before {
content: url(адрес картинки);
margin-left: 45%;
}
</style>

ID форума, адрес картинки и позиционирование ставите свои, содержимое тегов <style> размножаете для нужных форумов.

+1

Telegram @Alex0546

Поделиться1451Ср, 25 Сен 2024 23:49:29

Автор: Merlin777
Заслуженный
Зарегистрирован: Ср, 10 Апр 2024
Сообщений: 193
Уважение: +88
Позитив: +147
Пол: Мужской
Последний визит:
Сегодня 00:51:08

Alex_63
Отлично, спасибо:) А подскажите, пожалуйста, как сделать, чтобы при заходе в тему - эта картинка не показывалась?

Ещё вопрос - можно ли как-то убрать это пустое место?

Картинка

Отредактировано Merlin777 (Чт, 26 Сен 2024 03:42:25)

0

Поделиться1452Чт, 26 Сен 2024 19:25:39

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3742
Уважение: +2595
Позитив: +873
Пол: Мужской
Последний визит:
Ср, 15 Окт 2025 19:18:37

Merlin777
Следует конкретизировать элемент страницы (выделено синим). В вашем случае код будет выглядеть так:

<style>
#pun-viewforum[data-forum-id="1"] .main::before {
content: '';
display: inline-block;
background: url(https://i.ibb.co/Qpbp5Qd/jv.gif) no-repeat center;
height: 40px;
margin-top: -2em;
width: 100%;
}
</style>

Поиграйтесь с отрицательным значением margin-top для позиционирования вверх/низ.

+2

Telegram @reysler

Поделиться1453Сб, 28 Сен 2024 14:55:39

Автор: Merlin777
Заслуженный
Зарегистрирован: Ср, 10 Апр 2024
Сообщений: 193
Уважение: +88
Позитив: +147
Пол: Мужской
Последний визит:
Сегодня 00:51:08

Подскажите, пожалуйста, как поменять цвет фона у крайних боковых полей форума слева и справа - на главной странице, в разделах и при просмотре тем?

(боковое поле выделил красной рамочкой)

Отредактировано Merlin777 (Сб, 28 Сен 2024 14:56:25)

+1

Поделиться1454Сб, 28 Сен 2024 21:06:44

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 297
Уважение: +67
Позитив: +91
Последний визит:
Сб, 21 Июн 2025 23:20:59

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

Подскажите, пожалуйста, как поменять цвет фона у крайних боковых полей форума слева и справа - на главной странице, в разделах и при просмотре тем?

(боковое поле выделил красной рамочкой)

Если всё верно понял и фон является задником, то наверное вот в этом пункте таблицы CSS заменить картинку (заменить ссылку):
/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {background: #282a3b
url(https://forumstatic.ru/files/0018/26/1d/50653.jpg); background-attachment: fixed; background-position: top center;
}

+1

Поделиться1455Сб, 28 Сен 2024 21:14:58

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 297
Уважение: +67
Позитив: +91
Последний визит:
Сб, 21 Июн 2025 23:20:59

Зато у самого есть вопрос)
Подскажите, кто знает, как сдвинуть фоновые картинки описаний форумов (наверное и с описанием тоже), например вправо?

Обрамлял описание по этому скрипту

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

/*Обрамление форумов картинкой(вместе с описанием)*/
.category h3{
position:relative;z-index12;
background:url(https://forumstatic.ru/files/0018/26/1d/26145.jpg) 0 top no-repeat; /*Верхняя часть картинки*/
width:414px; /*Ширина картинки*/
height:48px; /*Высота картинки*/
padding-top:10px; /*Центровка ссылки на форум по вертикали в верхней картинке*/

}
.opisF {
background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 0 bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 0 0 repeat-y;
max-width:414px; /*Ширина картинки*/
padding: 0 22px; /*Отступ описания от боковых краёв картинки */
margin-top:-21px; /*Подтаскиваем описание к низу названия фора*/
padding-bottom:34px; /*Отступ описания от нижнего края */
}

0

Поделиться1456Вс, 29 Сен 2024 05:42:05

Автор: liutongbao
Стремящийся
Зарегистрирован: Сб, 28 Сен 2024
Сообщений: 4
Уважение: +3
Позитив: 0
Последний визит:
Чт, 3 Окт 2024 04:23:08

Friends, how to change/replace the sub-Forum icon under a category? I can't find an entry point. Please help me, thank you all.
The following screenshot shows the details: -

0

Поделиться1457Вс, 29 Сен 2024 08:19:45

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3742
Уважение: +2595
Позитив: +873
Пол: Мужской
Последний визит:
Ср, 15 Окт 2025 19:18:37

liutongbao
Hello.
To replace all icons with your own, there is a code that needs to be placed in: Administration - Forms
Insert your values in "HTML Header" instead of red color:

<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(URL of the topic icon without new messages);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(URL of the topic icon with new messages);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(URL icons with Sticky Topics);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(URL icons with closed topics);
background-repeat: no-repeat;
}
</style>

50 and 50 - this is height and width of icons in pixels - see properties of your image.
You can upload icons in Administration - Files

+1

Telegram @reysler

Поделиться1458Вс, 29 Сен 2024 08:41:13

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3742
Уважение: +2595
Позитив: +873
Пол: Мужской
Последний визит:
Ср, 15 Окт 2025 19:18:37

Курама
Не забывайте указывать адрес форума или укажите его в профиле.
Выделенные красным значения можете заменить на, например, 10px

/*Обрамление форумов картинкой(вместе с описанием)*/
.category h3{
position:relative;z-index12;
background:url(https://forumstatic.ru/files/0018/26/1d/26145.jpg) 0 top no-repeat; /*Верхняя часть картинки*/
width:414px; /*Ширина картинки*/
height:48px; /*Высота картинки*/
padding-top:10px; /*Центровка ссылки на форум по вертикали в верхней картинке*/

}
.opisF {
background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 0 bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 0 0 repeat-y;
max-width:414px; /*Ширина картинки*/
padding: 0 22px; /*Отступ описания от боковых краёв картинки */
margin-top:-21px; /*Подтаскиваем описание к низу названия фора*/
padding-bottom:34px; /*Отступ описания от нижнего края */
}

+2

Telegram @reysler

Поделиться1459Вс, 29 Сен 2024 16:39:16

Автор: liutongbao
Стремящийся
Зарегистрирован: Сб, 28 Сен 2024
Сообщений: 4
Уважение: +3
Позитив: 0
Последний визит:
Чт, 3 Окт 2024 04:23:08

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

liutongbao
Hello.
To replace all icons with your own, there is a code that needs to be placed in: Administration - Forms
Insert your values in "HTML Header" instead of red color:
<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(URL of the topic icon without new messages);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(URL of the topic icon with new messages);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(URL icons with Sticky Topics);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(URL icons with closed topics);
background-repeat: no-repeat;
}
</style>
50 and 50 - this is height and width of icons in pixels - see properties of your image.
You can upload icons in Administration - Files

Thank you very much. Dear friend. I will try it first.
Then I will come back to report whether it is working or not.

+1

Поделиться1460Вс, 29 Сен 2024 18:24:56

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 297
Уважение: +67
Позитив: +91
Последний визит:
Сб, 21 Июн 2025 23:20:59