№ 1578. Neutral

[andre;]

Нейтральная тема для чтения без картинок. Дизайн — andre;, вёрстка — captainspring.

Код основной палитры

Код темы
Скачать .txt
Код не влезает в пост, поэтому нужно скачать файл по ссылке и скопировать содержимое.

+6 палитр на выбор

Мята | Забрать код


Пыль | Забрать код


Скандинавия | Забрать код


Ночь | Забрать код


Лава | Забрать код


Эрик, нет | Забрать код

Детали

Как подключить тему
1. Скопировать код понравившейся версии из поста.
2. Вставить код в соответствующее поле в настройках дневника (... → Дизайн дневника → Новое оформление).
3. Выбрать адаптивный дизайн. Убрать все стандартные значения из вкладок «Цвет текста» и «Цвет фона и границ». Выбрать шрифт Arial (если у вас винда) или Helvetica (если мак).
4. Сохранить.
5. Почистить кэш в браузере.

Нюансы
— картинки подстраиваются под ширину ленты (~830 px): если картинка больше, она ужмётся, чтобы не было горизонтального скролла;
— встроенных изображений нет, используются дефолтные шрифты: на маках и айфонах шрифт будет Helvetica Neue, на андроиде — Roboto, на винде — Arial (благодаря этому ничего дополнительно подключать не надо, тема не тяжёлая и загружается быстро, даже если мобильный интернет так себе),
— у картинок сглаживаются уголки,
— фото автора дневника не выводится,
— разработана для личных блогов, где главное — просто читать и писать посты без наворотов. Мы не тестировали её на сообществах и в случаях, когда у дневника много контента в эпиграфе (куча картинок, счётчиков и др). Если у вас так, возможно, потребуется чуть более тонкая настройка.
— тему можно забирать, редактировать как угодно (менять цвета, шрифты, размеры и прочее), переделывать для своих проектов или использовать куски кода.

Comments

[Signora Alessandra]

Какие красивые дизайны! Спасибо большое. Хотелось бы взять, но у меня аккаунт бесплатный, увы(

[Хоуп]

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

[Найотри]

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

[andre;]

Шушанна, Найотри, спасибо)

Хоуп, да, у смайлов можно убрать отступы, заодно с этим уберётся отступ вокруг картинок. Найдите вот такой фрагмент в коде:

/* Изображения в записях */
.post-list .item .post-content .post-inner img {
border-radius: 4px;
margin: 27px 0px;
}

И уберите строчку margin: 27px 0px;, должно помочь)

[captainspring]

Хоуп, добра! Спасибо за пойманный баг)
Посоветую чуть более точечное решение, чем andre;. Добавьте после блока Изображения в записях блок:

/* Смайлы в записях */
.post-list .item .post-content .post-inner img.smile {
border-radius: none;
margin: 0px;
}

andre;, а нам с тобой стоит добавить этот кусочек кода в файлы)

[andre;]

captainspring, уже добавила)

[Signora Alessandra]

andre;,

Шушанна, Найотри, спасибо)

- пожалуйста) а для бесплатных дневников дизайны такие не предусмотрены Вами?

[andre;]

Шушанна, увы, в этом дизайне всё на CSS-стилях, а других пока не планируем

[Хоуп]

andre;, captainspring, все получилось, еще раз огроменное вам спасибо

[Жужанна]

Ох какой красивый дизайн!
А на заказ вы что-то подобное делаете?

[andre;]

Жужанна, нет, увы, но этот дизайн можно на свой вкус редактировать как угодно — поменять шрифты, цвета, размеры и прочее. В коде очень подробно прокомментирован каждый элемент дизайна, от записи до избранного и меню в мобильной версии. Если потратить часок, можно почти что угодно под себя настроить)

[Жужанна]

andre;, ок, попробую.
А то я очень не люблю, когда меню вверху.
Попробую поколдовать и перетащить его вправо.
Спасибо!

[Signora Alessandra]

andre;, понимаю.