1. Никак не могу убрать никнейм под поле записи
Несколько вариантов:
1) попробуйте добавить !important в #authorName {_____ z-index: 2 !important;} . Или...
2) тот же z-index: задать отрицательным. Достаточно -1. Есть вероятность, что спрячется под враппер и ссылка перестанет работать. К сожалению, проверить не могу, CSS не оплачен.

5. Ну и самый муторный вопрос....
Код строки для "подписаться" т.е. #Journal .subscribe..... в последней части атрибутов отличается от тех, что для "тем" и "в цитатник", которые просто возникают без красивостей. Для "тем" и "в цитатник" прописано дополнительно z-index: 1;float: left; . Попробуйте удалить эти атрибуты, т.е. задать равные условия для всех объектов сбоку.

3. More
margin: TOPpx (тут можно и 0 оставить)px BOTTpx (тут можно и 0 оставить)px;
ИЛИ
padding: TOPpx (тут можно и 0 оставить)px BOTTpx (тут можно и 0 оставить)px;

4. Удалить из цитатника.
Мазиловский веб-разработчик подсказывает класс .delFromQuote и прочие дочерние классы.

2. Закрытые записи Иконка закрытой записи изменена на картинку, а можно ли задать обратную для открытых постов? если задать как фон заголовка для всех записей, то при закрытых записях одна на другую накладывается.
Не понятно. Увидеть бы, что куда прячется. А если дополнительно для этих селекторов пропишете outline - лучше видно будет. Возможно императивным прописыванием высоты соответствующего блока можно и сохранить картинку, если я представляю предполагаемое.

1) попробуйте добавить !important в #authorName {_____ z-index: 2 !important;} . Или... 2) тот же z-index: задать отрицательным. Достаточно -1. Есть вероятность, что спрячется под враппер и ссылка перестанет работать. К сожалению, проверить не могу, CSS не оплачен.
пробовала все это, не помогает

4. Удалить из цитатника. Мазиловский веб-разработчик подсказывает класс .delFromQuote и прочие дочерние классы.
тоже пробовала, не работает

margin: TOPpx (тут можно и 0 оставить)px BOTTpx (тут можно и 0 оставить)px; ИЛИ padding: TOPpx (тут можно и 0 оставить)px BOTTpx (тут можно и 0 оставить)px;
делала. margin-TOP не работает, а padding увеличивает внутренние отступы, что мне не подходит, тк у меня фон для него задан

2. Закрытые записи Иконка закрытой записи изменена на картинку, а можно ли задать обратную для открытых постов? если задать как фон заголовка для всех записей, то при закрытых записях одна на другую накладывается. Не понятно. Увидеть бы, что куда прячется.
ничего не прячется....для закрытой записи иконка замочка заменяется свою на картинку X1.
я хочу задать картинку у открытых записей X2, но только у открытых, чтобы в закрытых записях оставалась только картинка X1

А если дополнительно для этих селекторов пропишете outline - лучше видно будет. Возможно императивным прописыванием высоты соответствующего блока можно и сохранить картинку, если я представляю предполагаемое.
расшифруйте пож-та

Код строки для "подписаться" т.е. #Journal .subscribe..... в последней части атрибутов отличается от тех, что для "тем" и "в цитатник", которые просто возникают без красивостей. Для "тем" и "в цитатник" прописано дополнительно z-index: 1;float: left; . Попробуйте удалить эти атрибуты, т.е. задать равные условия для всех объектов сбоку.
оно прописано для тегов и ну никак не влияет на скорость задвижения картинок....

Заинтересовали ) Подключу-ка CSS.
расшифруйте пож-та
Например, красненький
outline: solid 1px #ff0000;
Добавляет обводку для блоков, как бы рамочку, только без добавления отступов. Т.е. не влияет на размер блока. Удобно отслеживать размер блоков, их позиции и особенности при заполнении.

Helga Rigjarl, зачем Вам КСС, проверьте через Firebug =)

outline: solid 1px #ff0000; Добавляет обводку для блоков, как бы рамочку, только без добавления отступов. Т.е. не влияет на размер блока. Удобно отслеживать размер блоков, их позиции и особенности при заполнении.
поняла) я так обычно и делаю, поэтому и пишу что картинка резко задвигается из-за картинки, сама кнопка едет плавно.
Вот и нужно мне придумать так картинку, чтобы вместе с кнопкой заезжала как бЭ под блок...

Ах, какой-то заколдованный круг! Перевод гривен в рубли банкинг "бракует". Веб мани совсем изменился и номер телефона просит. Кошмар, куда катится мир! )))

зачем Вам КСС, проверьте через Firebug =)
Оу, точно!

картинка резко задвигается из-за картинки, сама кнопка едет плавно.
Аха, попробую пощупать код. Интересссно )

1. Никак не могу убрать никнейм под поле записи
Ожидание такого эффекта?



1) добавляем новую строчку .top #thisDiaryPhoto { position: absolute; }
2) добавляем в строчку #thisDiaryPhoto img { ________ z-index: 100; }

1. Никак не могу убрать никнейм под поле записи
В коде выглядит так:

{-----------------аватар---------------} #thisDiaryInfo {background: url('/userdir/1/3/0/8/1308297/82223910.png')center center no-repeat!important; width: 170px!important; height: 170px; position: fixed!important; top: 10px; margin-left: 270px!important;left: 50%; } .top #thisDiaryInfo {position: absolute; z-index: !important; } .top #thisDiaryPhoto { position: absolute; z-index: 50; } #thisDiaryPhoto img {border-radius: 55px!important; width: 124px;height: 122px; position: relative; top: -10px;right: 18px; z-index: 50; }

А почему назвали "аватар"? ) Для отвода глаз? ))

Величина z-index: не принципиальна, но лучше побольше дайриковских 50 единиц.
А вот с z-index: !important; случай особый. Поскольку результаты с веб-разработчика, то сохранится ли этот атрибут в ТАКОМ виде, не знаю.
Суть в том, чтобы обойти дайри значение по умолчанию z-index: 50; для блока #thisDiaryInfo.


О теге "МОРЕ". А сделайте его в том посте разных типов:
1) оставьте тот, что в одной строке с текстом.
2) добавьте ещё один в новой строке.
3) после него с новой строки какой-нибудь текстик для тестирования.

Не могу поймать ни .LinkMore ни .LinkMore a

3. More увеличила его высоту - как увеличить нижний и верхний отступы от more до текста?
Попробуйте такое решение:
В строчку с кодом .LinkMore добавьте display: inline-block; margin: 50px 0px 50px 0px; и удалите position: relative; .

4. Удалить из цитатника. Может я в маразме, но, мне кажется, у него раньше был свой id. Как теперь то с ним справляться? Если задавать свойства для .addToQuote.lastLink a, то менятеся и .addToQuote
Как я поняла, без разницы, какому селектору будут прописаны атрибуты. Код для .addToQuote будет работать и для "удалить из цитатника".
Причина резкого исчезновения тем и "удалить из цитатника" в сасой фоновой картинке, прописанной в селекторе до ховера. А в "подписаться" прописана большая картинка:
#Journal .subscribe, #JournalComments .singlePost .subscribe{background: url('/userdir/1/3/0/8/1308297/82242806.png') ......
Т.е. вот эта trulala-diz.diary.ru/userdir/1/3/0/8/1308297/82...

Для .addToQuote и .addToQuote:hover прописаны разные картинки под простой принцип изменения размеров блока при наведении мышки. Т.е. в выплывающие блоки прописаны принципиально разные методы реализации одного и того же эффекта. Потому картинка из ховера резко сменяется на старую - маленький ярлычок и без фиолетового фона.
Возможно вам придётся начисто переписать блок кода с эффектом. Или отдельно для каждого блока и ссылки в нём.

И раз уж так получается, что придётся прописать большую картинку в фон, чтобы не терялся эффект вдавливания то! можно сделать вот ещё как:
--- для селектора в бекграунд без ховера прописать сразу 2 картинки:
- 1 - большую
- 2 - и через запятую маленькую - правую часть со светленьким фончиком
Код будет выглядеть так:
.addToQuote {background: url('static.diary.ru/userdir/3/1/4/0/3140767/8226387...') top right no-repeat, url('/userdir/1/3/0/8/1308297/82195033.png') top left no-repeat; width: 40px; display:block !important; height: 70px; position: absolute; top: 280px; right: -4px; overflow: hidden; transition: all 0.7s ease-out 0.1s;}
.addToQuote:hover { width: 200px; top: 280px; margin-right: -160px!important;}


Очень оригинальные задумки в вашем дизайне ) Идеи интересные и необычные )
Спасибо вам, интересно и приятно было вернуться к любимому увлечению )

Если интерес всё тот же, днями посмотрю код для картинки под закрытую запись.

Helga Rigjarl, только добралась до диза.....спасибо за комментарии!

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


О теге "МОРЕ". А сделайте его в том посте разных типов:
сделала.....
В строчку с кодом .LinkMore добавьте display: inline-block; margin: 50px 0px 50px 0px;
ооо помоглооо спасибо

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

с двумя картинками хорошо работает, только выдвигается влево( а вот как вправо выдвинуть?

Очень оригинальные задумки в вашем дизайне ) Идеи интересные и необычные ) Спасибо вам, интересно и приятно было вернуться к любимому увлечению )
Спасибо, это рисует Ai_Yamaneko, а я реализую все задумки )))))) но вот в этом дизайне такие вот штучки застопорили меня)))))))

Спасибо за помощь, глядишь может Вы к CSS вернетесь и начнете дизайны делать)

Никак не могу убрать никнейм под поле записи Ожидание такого эффекта?
немного переделала код, задала фоновую картинку не для дайриинфо, а как доп.блок
но авик как у вас на картинке все равно наверх не лезет без ника((

Если интерес всё тот же, днями посмотрю код для картинки под закрытую запись.
да это тоже оч интересно)

Возможно вам придётся начисто переписать блок кода с эффектом. Или отдельно для каждого блока и ссылки в нём. да мне не лень, я с радостью перепишу, если пойму)
с двумя картинками хорошо работает, только выдвигается влево( а вот как вправо выдвинуть?
исправила, все получилось, спасибо большое!!!!

но авик как у вас на картинке все равно наверх не лезет без ника((
В моём любимчике Firefox ник автора дневничка прячется под ленту при прокрутке ) Работает эффект )

2. Закрытые записи Иконка закрытой записи изменена на картинку, а можно ли задать обратную для открытых постов? если задать как фон заголовка для всех записей, то при закрытых записях одна на другую накладывается.
Такой вариант решения:

.opac6 { background: url('/userdir/1/3/0/8/1308297/82243226.png') no-repeat; width:0;padding: 0 0 0px 100px !important;height: 17px;opacity: 1.0;} h2 { background: url('/userdir/1/3/0/8/1308297/82194228.gif') no-repeat !important; padding: 0 0 0px 30px !important; } h2 [src$="offlock2.gif"] { background: url('/userdir/1/3/0/8/1308297/82243226.png') no-repeat, url("/userdir/1/3/0/8/1308297/82190364.png") repeat-y scroll 0% 0%; margin: -5px 0px 0 -30px; padding: 0 0 0px 100px !important;height: 20px;opacity: 1.0;}

После строчки с .opac6 добавляются ещё 2:

-- 1 -- h2 - картинка для всех заголовков, сейчас прописан ваш лиловый смайлик )
-- 2 -- h2 [src$="offlock2.gif"] ----- вот не знаю, сохранится ли в таком виде селектор на дневничках... Будем надеяться ) Так вот, в нём прописаны 2 бэкграунда: 1) - собственно картинка закрытой записи, 2) фон постконтента, чтобы зарисовать нижний смайлик, который не хочет прятаться при работе селектора с атрибутами. К сожалению, я так и не поняла, почему не отменяются свойства предыдущего селектора h2, и не задаются новые. Вот и пришлось пойти на маленькую хитрость - зарисовать нижний смайлик и поверх него наложить фон для закрытого элемента. Да, там ещё придётся полирнуть отступы в марджине и паддинге.

может Вы к CSS вернетесь и начнете дизайны делать)
Увы и ах, работа не позволяет свободно парить в творческом полёте и посвящать свободное время любимому увлечению с полной отдачей )
Вот так и посещают мысли о смене работы или изменении жизни полностью ))

В моём любимчике Firefox ник автора дневничка прячется под ленту при прокрутке ) Работает эффект )
у меня он же) вот я поставила код, посмотрите, ник наверху(

-- 2 -- h2 [src$="offlock2.gif"]
а вот это что меняет? у меня осталось как было...в закрытых записях 2 картинки - для закрытой и открытой, а постах, где нет заголовка, там вообще никакой картинки нет((

h2 [src$="offlock2.gif"]
Такая запись селектора позволяет менять свойства для блоков в атрибутах которых есть свойство offlock2.gif. По-сути, offlock2.gif - окончание ссылки на картинку с замочком - т.е. дайри картинку. Вот, смотрите htmlbook.ru/css/selector/attr4 )

На днях подключу CSS и посмотрю как код дайри подхватывает такие селекторы и эффект для ника автора дневничка )
Уж очень любопытственно ))

Ник автора дневничка

Повышаем уровень враппера и опускаем под него ник. Ссылочка на ник будет активироваться только на самом верху ленты. Попадая под враппер - она становится декором )
-- 1 --
#wrapper{------------- z-index: 2 !important; }
-- 2 --
.top #thisDiaryInfo {------------- z-index: 1 !important; }
#authorName {position: fixed; }

Есть нюанс. В таком случае z-index враппера и #page-c станет одинаковым. Вроде бы никаких конфликтов не проявляется. В крайнем случае перепропишите z-index для всех элементов, вписывая их в чёткую иерархию.

Кнопочки редактирования записи попадают под заголовок и как ссылки не работаю. Так задумано?
Ааа, поняла, у меня в коде не сохранились картинки для фонов этих кнопочек )

Вот смотрите, в коде примерчика для h2 [src$="offlock2.gif"] прописан margin: -5px 0px 0 -30px; который перекрывает действие padding: 0 0 0px 30px !important; в строке выше для h2. Поставьте его -100рх в вашем коде для марджина и всё получится! ))

а постах, где нет заголовка, там вообще никакой картинки нет((
В строчке для h2 пропишите обязательной величину высоты этого блока, скажем с какой-нибудь минимальной min-height: 30px;

Ну и немножко вам придётся поиграть величинами картинок для зарисовки нижней под картинку закрытой записи )

Ник автора дневничка
тогда у меня менюшка уползает под подложку( и стационарный аватар пропадает((

Helga Rigjarl, с заголовком все получилось спасибо огромное!!!!