Красиво оформляем статьи на форуме.

​

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


Ссылка на все BB-коды форума: https://zelenka.guru/help/bb-codes

На форуме есть BB коды, коды, которые не отображаются в верхней менюшке. Такие как:

• Изменение цвета текста
• Изменение размера текста

Это 2 важные функции, которые при правильном обращении сделают текст намного приятнее. Я предоставлю 2 заготовки, которые вам помогут:
Заголовок
Подпункт

[COLOR=#23a86d][SIZE=7][B]Заголовок[/B][/SIZE][/COLOR]
[SIZE=5][B]Подпункт[/B][/SIZE]

Код

[COLOR=#23a86d][SIZE=7][B]Заголовок[/B][/SIZE][/COLOR]

[SIZE=5][B]Подпункт[/B][/SIZE]

Так выглядит код, который надо использовать, можете сохранить его себе.

Градиенты. Также стоит сказать о том, что есть возможность делать градиентные надписи. Для этого используются специальные генераторы:

• patorjk.com/text-color-fader/
• stuffbydavid.com/textcolorizer

Они интуитивно понятны, но если появляются трудности, то на лолзе есть гайды на эту тему:

• https://zelenka.guru/threads/372616/

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

Сразу ссылка на PSD файл: тык
Virustotal: тык

Самые стандартные





Для любителей чего-то необычного



Возможность загрузить собственную фотографию

​

* Если тебе необходимо помочь с расположением аватарки, то пиши в этой теме, я сделаю.
** У каждого из разделителей есть возможность поменять цвет. Для этого в макете сделан корректирующий слой, изменяя свойства которого мы добьёмся необходимого.
*** Также, разделитель сразу центрируется по левому краю, поэтому используем данную инструкцию.

Инструкция по смене цвета

1. Двойным кликом вызываем параметры.
2. Передвигаем ползунок, цвет будет изменяться.

Размещаем разделитель по центру

1. Выделяем картинку разделителя.
2. Выбираем функцию выбора способа центрирования.
3. Выбираем по центру.

Для использования иконок, вам нужно умение пользоваться фотошопом, т.к. на самом форуме нет вертикального центрирования и вы не сможете красиво разместить их. Идём в Photoshop, настраиваем сетку, чтобы все иконки были одинакового размера и создаём макет, по которому будем делать заголовки. (Вы можете сделать это, расставив линейки как на фото)

Есть очень крутой, платный ресурс, на котором есть иконки: icons8. Но есть одно важное замечание - иконки размером 30px и 60px бесплатные, чем мы и воспользуемся. Ищем необходимую нам иконку, для удобства сразу указываем цвет (Цвет Lolzteam - #23a86d).


Думаю с иконками всё понятно, это достаточно просто, но в случае чего задавайте вопросы в этой теме, я всегда отвечу.




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

Ссылка на PSD: тык
Virustotal: тык


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