Зверь-чародей
Решил немного разнообразить свою ленту "Мой дневник" и добавить к постам, там показываемым, аватарку (как в ленте избранного)
Выглядит это так
А код выглядит так:
#Journal div.postInner {background: url('/userdir/.../картинка1') 10px 10px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/.../картинка2') 10px 10px no-repeat !important;}
#Journal div.postInner {padding-left: 120px;}
Где:
120px - ширина вставляемой картинки в пикселях+отступ от края болка записи+отступ от текста записи
/userdir/.../картинка1 и /userdir/.../картинка2 два изображения из вашей Библиотеки Изображений. Аватарки или что-нибудь еще. Пример как должна выглядеть ссылка: /userdir/9/3/1/2/93120/23641783.gif
Изображения будут чередоваться. Чтобы поставить везде одинаковую картинку убираем вторую строку кода. Поставить везде разное - нельзя. Только чередование.
10px 10px первое число - отступ от края блока записи до картинки, второе - отступ от заголовка записи до картинки.
Выглядит это так
А код выглядит так:
#Journal div.postInner {background: url('/userdir/.../картинка1') 10px 10px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/.../картинка2') 10px 10px no-repeat !important;}
#Journal div.postInner {padding-left: 120px;}
Где:
120px - ширина вставляемой картинки в пикселях+отступ от края болка записи+отступ от текста записи
/userdir/.../картинка1 и /userdir/.../картинка2 два изображения из вашей Библиотеки Изображений. Аватарки или что-нибудь еще. Пример как должна выглядеть ссылка: /userdir/9/3/1/2/93120/23641783.gif
Изображения будут чередоваться. Чтобы поставить везде одинаковую картинку убираем вторую строку кода. Поставить везде разное - нельзя. Только чередование.
10px 10px первое число - отступ от края блока записи до картинки, второе - отступ от заголовка записи до картинки.
-
-
28.08.2007 в 13:17-
-
28.08.2007 в 13:30-
-
28.08.2007 в 13:32-
-
28.08.2007 в 13:40здорово)
а можно сделать чтобы с другой стороны было?
ну т.е у вас это слево а можно справо?
-
-
28.08.2007 в 13:57#Journal div.postInner {background: url('/userdir/.../картинка1') 100% 10px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/.../картинка2') 100%10px no-repeat !important;}
#Journal div.postInner {padding-right: 120px;}
чтобы сделать отступ справа от края блока записей в самой картинке сделайте пустую прозрачную область нужной ширины справа и сохраните в gif
-
-
28.08.2007 в 14:29-
-
28.08.2007 в 14:35-
-
28.08.2007 в 14:43-
-
28.08.2007 в 15:00потрясающе!
-
-
28.08.2007 в 15:17когда вхожу в комменты,то прозрачности нет...
-
-
28.08.2007 в 15:28-
-
28.08.2007 в 15:31-
-
28.08.2007 в 15:33-
-
28.08.2007 в 15:36-
-
29.08.2007 в 23:33-
-
30.08.2007 в 01:56спасибо,отличная штука)
-
-
13.10.2007 в 22:55Но если пост короткий, то нижняя часть картинки просто обрубается.. Т_Т С этим как-нибудь можно бороться?
-
-
14.10.2007 в 02:27можно прописать минимальную высоту поста. например у меня она 150px
.postInner { min-height:150px;height:0auto !important; height:150px; }
-
-
14.10.2007 в 02:42О, благодарю! (:
-
-
21.10.2007 в 11:56можно прописать минимальную высоту поста
У меня получается, что все посты становятся прописанного размера и сильно заезжают на друг друга..
-
-
22.10.2007 в 17:10я убрала последнюю часть, стало всё нормально. у меня:
.postInner { min-height:150px;}
-
-
22.10.2007 в 17:17[Слай] Спасибо)))
-
-
23.10.2007 в 11:37[Слай] а вы проверьте как оно в IE работает.
-
-
23.10.2007 в 21:38нда, нехорошо))
но ладно, будет вариант для Оперы
-
-
31.10.2007 в 09:13-
-
12.11.2007 в 01:30(диза не пугайся, он в процессе))))
-
-
12.11.2007 в 01:50-
-
12.11.2007 в 01:55ой)
-
-
12.11.2007 в 02:25а в комментах - был где-то мануал "тень под аватарами" в сообществе.
-
-
12.11.2007 в 08:17да, тень в комментах у меня есть)
я имею ввиду припросмотре всх постов. тоесть нужно просто нарисавать в фотошопе всю эту штуку и поставить ее вместо аватара, правильно я поняла?)