Загрузка...

Beautifully design articles on the forum.

Thread in Forum Guides created by Cooleshov Jun 14, 2021. (bumped Sep 30, 2021) 3642 views

  1. Cooleshov
    Cooleshov Topic starter Jun 14, 2021 263 Jun 10, 2021
    [IMG]
    Сегодня решил создать небольшой гайд для пользователей форума, чтобы вы меньше тратили времени на оформление тем и вы получали невероятное наслаждение, когда смотрите на свою статью. Дизайн помогает структуризовать информацию, что повышает качество восприятия информации и общее впечатление от прочтения.

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

    На форуме есть BB коды, коды, которые не отображаются в верхней менюшке. Такие как:
    • Изменение цвета текста
    • Изменение размера текста
    Это 2 важные функции, которые при правильном обращении сделают текст намного приятнее. Я предоставлю 2 заготовки, которые вам помогут:
    Заголовок
    Подпункт
    Code
    [COLOR=#23a86d][SIZE=7][B]Заголовок[/B][/SIZE][/COLOR]
    [SIZE=5][B]Подпункт[/B][/SIZE]
    Так выглядит код, который надо использовать, можете сохранить его себе.

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


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

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

    Virustotal: тык


    Самые стандартные
    [IMG]
    [IMG]
    [IMG]


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

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

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

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



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

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



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

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


    Надеюсь я помог кому-то. Я был бы очень рад, если бы мы развивали эту статью, дополняли и т.д. Если тебе нужно персональное оформление, то пиши прямо в эту тему или личные сообщения.
     
  2. Вышестоящий
    Вышестоящий Jun 14, 2021 Я выбрал сражаться за правду 90 Aug 19, 2018
    Полезно, но вряд ли будет пользоваться спросом, кстати, ссылки лучше бы было спрятать под слова.
     
    1. Cooleshov Topic starter
  3. PCDcode
    PCDcode Jun 14, 2021 Banned 1518 Jul 22, 2019
    О класс, как раз разделители искал
     
  4. Sweety
    Sweety Jun 15, 2021 Д/З тут - с 2776 Nov 17, 2017
    Красавчик, запарился
     
  5. zhenya04
    zhenya04 Jun 16, 2021 Banned 47 Jun 15, 2021
    Молодец, очень полезная статья если честно.
     
  6. premori
    premori Jun 16, 2021 Banned 1344 Feb 7, 2021
    Очень полезно, дайте авторку ему
     
  7. Triple_Angle
    Triple_Angle Jun 16, 2021 Когда научусь думать, что-нибудь напишу сюда 119 Jun 28, 2020
    Благодарчка большая. Полезно
     
  8. willbefine
    willbefine Jun 18, 2021 539 Feb 3, 2021
    Годная тема, добавил на всякий в закладки
     
  9. viola630
    viola630 Jun 18, 2021 Banned 5 Sep 6, 2020
    годнота
     
  10. novasanek
    novasanek Jun 18, 2021 12 May 16, 2021
    очень полезно, спасибо
     
  11. drillaviator11
    охуенно, спасибо
     
  12. Scammers_inactive3911486
    Спасибо большое, очень полезно!
     
  13. jillvalentinen
    jillvalentinen Jun 18, 2021 Banned 1 Jun 17, 2021
    много работы проделано, красавчик!
     
  14. t3hiq
    t3hiq Jun 24, 2021 13 May 29, 2019
    авторку
     
  15. toxa_shaldonskiy
    Очень муторное дело, но ты красава, мое почтение:hi:
     
  16. fkckguap
    fkckguap Jun 25, 2021 1 Nov 15, 2020
    ахуенная работа, спасибо
     
  17. osureplay
    osureplay Jul 1, 2021 Banned 52 Sep 23, 2020
    загляните в статью в био, автора отблагодарил
     
  18. Еремей
    Еремей Jul 1, 2021 Гламурный эмо-гопник 1740 Jul 20, 2018
    Я вот как-то не очень понимаю... Делаю текст градиентом, а он не работает, ну вообще никак
    Даже сейчас этот текст я сделал градиентным

    [IMG]
     
    1. View previous comments (2)
    2. Еремей
    3. Nicky
  19. Ernast
    Ernast Jul 26, 2021 Banned 153 Mar 28, 2021
    сяп
     
Loading...
Top