17:16 

Разделители.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Возможность прописать кодом разделители это еще один повод подключить CSS)
Отдельного селектора, отвечающего за пространство между постами и комментариями не существует. Зато можно задавать фон самого поста.
Если бэкграунд повторяющийся получится заливка. Текстурой, полупрозрачной подложкой или просто цветом по вашему желанию.
А если прописать картинку без повторения и задать ей положение по краю поста она прилепится справа, слева, сверху или внизу. Последние два случая как раз используются для имитации разделителей.
Конечно можно и в бесплатнике исхитриться. Допустим прописав нужный код с картинкой через сервис настраиваемых кнопок. Но в этом случае вам придется жать на кнопку вручную в конце каждого поста. А если страниц в вашем дневнике много пере сохранять ранние посты вы просто замучаетесь.

Сам код очень простой. Даже не нужно прописывать ширину и высоты картинки.

Обратите внимание что вставлять нужно не весь адрес изображения из БИ, а начиная с /userdir и до конца.
Расшифровка:
каждый пост {(картинка) не повторять; позиция внизу; отступ снизу; отступ сверху}
Отступы нужны чтобы ваш разделитель вышел за сам пост и не перекрывал ссылки под постом.
Когда вы прописываете код таким образом возникает небольшой глюк, а именно двоится разделитель под эпиграфом.
Убирается это вот так:


Конечный код:


Ну и чтобы вам было на чем тренироваться.
































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

Вопрос: Полезно?
1. Да 
28  (100%)
2. Нет 
0  (0%)
Всего: 28
Всего проголосовало: 28

@темы: Кареглазый Демон, как это сделано

Комментарии
2017-12-03 в 19:11 

SoraNoir
Ранимый эстет
спасибо)) было интересно почитать и полезно)

2017-12-03 в 19:21 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
SoraNoir, всегда пожалуйста)

2017-12-03 в 23:23 

Bacca.
Рано или поздно, так или иначе
Ух ты! сейчас попробую.
А много в соо таких постов поучающих? Может уже все ответы на мои вопросы есть))

2017-12-03 в 23:28 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Bacca., пробуйте)
А много в соо таких постов поучающих? немного, но они есть)
Можно найти по тегу "как это сделано", ссылке Уроки в выпадающем меню и по уроки CSS и не только эпиграфа. Или напрямую originaldesign.diary.ru/?tag=2594826

2017-12-03 в 23:54 

Bacca.
Рано или поздно, так или иначе
Получилось)) только я для пробы взяла из тех, что в посте, но он все равно моему фону не подходит. Надо будет сделать себе другой.
А еще лучше бы фон заменить одной картинкой. Поищу, может где-то уже рассказывается.

2017-12-03 в 23:56 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Bacca., а вы выберите в стандартных настройках не табличный а блочный дизайн. Лучше сядет.
А еще лучше бы фон заменить одной картинкой. вроде еще нет. Но вам там по тегу попадется пост для заявок на уроки. Можете оставить свою и я напишу урок.

2017-12-03 в 23:59 

Bacca.
Рано или поздно, так или иначе
В том и дело, что блочные мне не нравятся, я люблю когда все меню видно, и оно слева.
А как сделать отступ вообще без картинки?, вот как здесь,

2017-12-04 в 00:17 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
как сделать отступ вообще без картинки?, вот как здесь,
Также, только без картинки)
И цифрами регулировать пустое пространство.

2017-12-04 в 00:20 

Bacca.
Рано или поздно, так или иначе
О, я как раз так и сделала, убрала картинку просто. Спасибо!

2017-12-04 в 00:25 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Bacca., пожалуйста)

2017-12-08 в 22:49 

Наблюдатель*
У фантазий лишь один недостаток - слишком часто выбрасывает в реальный мир
Спасибо за красивости! Не как разделители, но парочку утащила для создания настроения в дневник. ))

2017-12-08 в 22:58 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Наблюдатель*, пожалуйста) Рад что пригодилось... так или иначе)

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

Original Designs бесплатники, CSS и уроки по созданию оформлений.

главная