Как включить стиль "Просторный" на сайте Golos.io? Или создать свой собственный стиль для любого сайта.


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

Поэтому сегодня сделаем свой собственный стиль для нашего сайта и дадим возможность пользоваться этим стилем другим пользователям.

Итак, приступим. Для создания стиля нам потребуется расширение для браузера под названием FreeStyler -  перейти для установки.

Это обычное расширение для браузера, достаточно безопасное, чтобы с ним работать.

Оно предназначено для добавления своих стилей поверх любого сайта в сети интернет.



А вот ссылка на их сайт. Туда же вы попадете после установки расширения.

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

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

Ну так а как же пользоваться? Спросите Вы?

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

А как создать свой стильный дизайн для сайта?

В окне расширения после нажатия его кнопки вам будет доступна ссылка "Create style for this site" Жмете на неё, затем с помощью визуального редактора выбираете элементы на странице и меняете его внешний вид. Если удобно, то можете открыть просмотр кода и делать правки там (это для тех, кто хоть немного знает CSS). Потом сохраняете свою тему, пишите описание, добавляете скриншот и указываете публичную лицензию, если хотите сделать доступным стиль для всех, или оставляете его только для себя.


Стиль "Просторный"

После установки расширения в его окне вы сможете выбрать темы для сайта Голос. Их несколько, можете потестить сами..))) Кто делал другие я не знаю. Моя темка там одна (надеюсь, что она опубликовалась?)

Что я в ней добавил?

  • Расширил "стену" с постами.
  • Увеличил картинки
  • Меню (лента, новое, актуальное, популярное, промо) немного сдвинул в центр
  • Заголовки немного увеличил
  • Убрал разделитель ежду постами и тегами и
  • Убрал кнопку про ГолосФест ))




Вот такой получился стиль. Мне нравится! А вам как? Жду отзывов в комментах!

Пробуйте, изучайте, творите. 

Всем желаю успехов. 

Надеюсь, что кому-то будет полезно. 


Кстати, можете в настройка Голоса включить например зеленую тему от Евгения @tristamoff



Вместе мы создаем историю этого мира...

Спасибо за ваши апвоуты, комментарии и ре-голоса!

Я всегда в голосе, @vnukkarpov  
Рекомендую использовать полезные инструменты на http://steemul.ru/
от делегата
@xtar
А также познакомиться с инструментами на
http://golostools.com/ от  @roelandp  

Мои делегаты: @xtar @on0tole @primus  



Comments 3


А как можно менять шрифты, когда пишешь блог? Как сделать абзацы?
Я к примеру если поставить несколько пробелов перед предложением, то становится строчный шрифт
И если поставить "пробел", потом "тире", потом "пробел" и начать писать то получится

  • вот что - точка в начале предложения.
    Пожалуйста еще что про инструкции про написании блогов?)))
27.06.2017 16:37
0

Вам можно почитать про маркдаун, если интересно /ru--golos/@on0tole/osnovy-oformleniya-postov-na-golose-polnyi-kurs-po-rabote-s-markdown

27.06.2017 16:56
0