вторник, 28 августа 2007
13:09

Аватарки на главной ленте дневника

все записи пользователя в сообществе Трубчатый Кот
Зверь-чародей
Решил немного разнообразить свою ленту "Мой дневник" и добавить к постам, там показываемым, аватарку (как в ленте избранного)

Выглядит это так

А код выглядит так:

#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 первое число - отступ от края блока записи до картинки, второе - отступ от заголовка записи до картинки.

@темы: основные блоки

URL
Комментарии
12.11.2007 в 19:20

Liorana
You mad? I do what I want!
Рёцке
я наверное тупая, но я не понимаю как сделать больше двух аватаров((( скажи пожауйста как...(( до меня не дошло((
URL
12.11.2007 в 19:22

Трубчатый Кот
Зверь-чародей
Эрнеста прочитайте наконец мануал. там черным по белому:
Изображения будут чередоваться. Чтобы поставить везде одинаковую картинку убираем вторую строку кода. Поставить везде разное - нельзя. Только чередование.

URL
12.11.2007 в 19:33

Liorana
You mad? I do what I want!
Рёцке
я читала, и не раз.
#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 .countSecond div.postInner {background: url('/userdir/.../картинка3') 10px 10px no-repeat !important;}
#Journal div.postInner {padding-left: 120px;}

так надо было писать или нет? можешь считать меня дурой, но я серьезно не поняла :)
URL
12.11.2007 в 19:41

Трубчатый Кот
Зверь-чародей
откуда картинка3?
вы же ее пытаетесь назначить ТОМУ ЖЕ блоку что и картинку2
а именно #Journal .countSecond div.postInner

картинка3 банально перетирает картинку 2 и все.

Правильно вот:

#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;}
URL
12.11.2007 в 19:43

Liorana
You mad? I do what I want!
*бьется в истерике*
так как ее поставить к другому блоку?!
URL
12.11.2007 в 19:48

Трубчатый Кот
Зверь-чародей
Эрнеста какому другому? там есть четные блоки и нечетные.
для нечетных первая строка
для четных вторая
URL
12.11.2007 в 21:35

Liorana
You mad? I do what I want!
Рёцке аа.... елки) мну тормозит после 6 часов искания нужных кодов..:) прости
URL
12.11.2007 в 21:56

Liorana
You mad? I do what I want!
Рёцке, ты меня сейчас убивать будешь......
URL
12.11.2007 в 22:19

Liorana
You mad? I do what I want!
Рёцке, ты не мог бы наглядно показать код с несколькими аватарами?.. :teeth: :tear:
я тупая наверное совсем... :depress2: :weep:
URL
12.11.2007 в 22:35

Трубчатый Кот
Зверь-чародей
Мой код
#Journal div.postInner {background: url('/userdir/9/3/1/2/93120/23641783.gif') 10px -27px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/9/3/1/2/93120/23641803.gif') 10px -27px no-repeat !important;}
#Journal div.postInner {padding-left: 140px;}
URL
12.11.2007 в 23:04

Liorana
You mad? I do what I want!
*грохнулась на пол в дикой истерике*
:lol2: все... Рёцке извини, все поняла, не беспокойся.... :lol2: просто у меня это, того, глюки.... :lol2:







*спустя час она успокоилась........
URL
12.11.2007 в 23:05

Liorana
You mad? I do what I want!
Рёцке
прости за беспокойство.... :lol2:
URL
12.11.2007 в 23:05

Liorana
You mad? I do what I want!
:ps: ржу над собой и своей тупостью :lol2: уже даж живот болит от смеха


*уехала лечиться)
URL
16.11.2007 в 18:11

:белка
leave everyone with a smile.
У меня та же проблема что и у apatia_in_soul. Аватары успешно установлены, но почему то исчез фон записи, а при комментировании постов всё нормально =\. Извините за повторный вопрос
=(
URL
16.11.2007 в 18:44

Трубчатый Кот
Зверь-чародей
[*Белка*] в вашем коде вообще нету кода для фона записей.
URL
23.11.2007 в 13:29

:::...MuVa...:::
*вырезано цензурой*
мискузи... а как засунуть картинку? что за юзердир такой? как туда картинку втюхивать? ничё не понимаю((
URL
22.06.2008 в 16:05

океания
Noblesse Oblige
Я сделала все правильно, но у меня с какого-то перепугу появился аватар в эпиграфе и запись в ленте выходит за рамки

то что я накалякала в CSS-окошке:
body{background:#283636 url('/userdir/7/1/0/7/710736/31242052.jpg') }
#Journal div.postInner {background: url('/userdir/7/1/0/7/710736/31243680.jpg') 10px 10px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/7/1/0/7/710736/31243674.jpg') 10px 10px no-repeat !important;}
#Journal div.postInner {padding-left: 130px;}
Рёцке помогите пожалуйста!:beg:
URL