Отступы в блоге

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 7
Аватара пользователя

Автор Темы
openair87
Интересующийся
Интересующийся
Сообщения: 35
Зарегистрирован: 06 апр 2015, 04:44
Версия Web Builder: 10.4.6
Имя: Денис
Контактная информация:

Отступы в блоге

Сообщение openair87 » 17 авг 2017, 15:14

Здравствуйте, возник вопрос. Размещаю на сайте "Блог" с помощью одноимённого инструмента в программе. В стилях выбираю понравившуюся мне вёрстку "pinterest". Добавляю в блог текст, вставляю нужное мне фото. Вопрос: как сделать некоторый отступ (например на 5 px) между превью фотографией в блоге и заголовком статьи в блоге ? В настройках такой функции не нашёл, в коде тоже не нашёл нужной мне строки. Эксперименты заканчиваются не удачно.

На фото (прикрепил) красной стрелкой обозначил места где необходимо сделать отступ между текстом и фото.
Ссылка на страницу: http://www.kraeved.club/ls2/
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Реклама
Аватара пользователя

spoon
Эксперт
Эксперт
Сообщения: 1357
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отступы в блоге

Сообщение spoon » 17 авг 2017, 16:06

Ну первое, между заголовкои и параграфом увас пустой <div class="blogdate"><br></div>. во вторых пробуйте задавать отступ через Особый стиль т.е. картинка у вас это <div class="blogthumb"><a href="./index.html"><img alt="Неожиданные зимние находки" src="images/zimnie_naxodki.jpg"></a></div>
а заголовок это <span class="blogsubject"><a href="./index.html">Неожиданные зимние находки</a></span>
вот и задайте вашему span с классом class="blogsubject" отступ padding: 10px; или сколько вам нужно.
Лучше воспользуйтесь одним из Блоков.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

Автор Темы
openair87
Интересующийся
Интересующийся
Сообщения: 35
Зарегистрирован: 06 апр 2015, 04:44
Версия Web Builder: 10.4.6
Имя: Денис
Контактная информация:

Отступы в блоге

Сообщение openair87 » 17 авг 2017, 17:09

Круто ... И как будет выглядеть этот код который нужно добавить в "Особый стиль" ?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5061
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Отступы в блоге

Сообщение anonimus » 17 авг 2017, 19:28

не нужно никаких особых стилей, всё гораздо проще и быстрее
в менеджере стилей создаёте стиль с названием blogthumb
в нём ставите нужный вам отступ снизу
в общем всё как на картинке
вуаля! :-):

Ue6LaeFG[1].png


в итоге получится так (первая каринка до внесения, вторая картинка, которая поверх первой, после внесения изменений)
rqIGz34A[1].png
У вас нет необходимых прав для просмотра вложений в этом сообщении.
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

Аватара пользователя

Автор Темы
openair87
Интересующийся
Интересующийся
Сообщения: 35
Зарегистрирован: 06 апр 2015, 04:44
Версия Web Builder: 10.4.6
Имя: Денис
Контактная информация:

Отступы в блоге

Сообщение openair87 » 17 авг 2017, 20:18

Всё сделал как вы сказали. Зашёл в менеджер стилей, создал стиль blogthumb и ... ничего не изменилось ... Не понимаю при чём тут заново созданный стиль и по умолчанию для блога в билдере шаблон стилей. В блоге как стоял предустановленный стиль BlogPaginate, так и остался и он не меняется. Наверное я чего-то не понимаю .... Пошагово распишите всё.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось openair87 17 авг 2017, 20:23, всего редактировалось 1 раз.

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5061
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Отступы в блоге

Сообщение anonimus » 17 авг 2017, 20:22

дайте мне свой проект и я проверю
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5061
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Отступы в блоге

Сообщение anonimus » 17 авг 2017, 20:40

в настройках вашего проекта поставьте галочку как на рисунке
Изображение
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

Аватара пользователя

Автор Темы
openair87
Интересующийся
Интересующийся
Сообщения: 35
Зарегистрирован: 06 апр 2015, 04:44
Версия Web Builder: 10.4.6
Имя: Денис
Контактная информация:

Отступы в блоге

Сообщение openair87 » 17 авг 2017, 23:33

Спасибо БОЛЬШОЕ ! Всё, вопрос решён, помогло (галочка и создание стиля) :co_ol:


Ответить Вложения 7

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость