понедельник, 15 июня 2009
16:27

все записи пользователя в сообществе Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Здраствуйте. Вопрос следующего характера.
Есть дизайн, сделан был относительно недавно. amber-chaos.diary.ru/
В данный момент веду причесывание кода. Удаляю лишнее, совмещаю и т.д.. В общем, делаю его максимально удобным. Но для завершения не хватает всего одного штриха - меню.
В нем вся загвоздка. Хочется сделать так, что бы при наведении на основное меню (Записи, Мой дневник, Главное меню, Постоянные читатели, Выход ) они еще и меняли подложку. Тоесть - картинки. Испробовал все варианты. "a:hover" отказывется работать как надо.
Для примера: выношу строчку с списком ПЧ отдельно, дублирую строчку с добавлением ховера и другого адреса на пикчу. По нулям. За-то, эффект нажатия проявляется в выпадающем списке с никами. Согласитесь - не комильфо.
Может, у кого уже есть решение данной проблемы и код давно выписан? В том же MySpace все работает по часам, поскольку работа иден не только с CSS кодом но и с элементами html.
В общем - мозг пухнет. :hash:

@темы: меню, Дизайн

URL
Комментарии
15.06.2009 в 16:34

Чудеснов
молодой динамично развивающийся
надо не ссылкам, а секциям меню стили менять при наведении
URL
15.06.2009 в 16:38

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Чудеснов
Ну, вот тот самый пример с сылкой пч.

#pchs {background: url('/userdir/5/9/5/5/59558/42376307.jpg') #000000 no-repeat; display: block; margin:0!important; padding:0!important; width:146px; height: 42px; text-align:center!important;}
#pchs a:hover {background: url('/userdir/5/9/5/5/59558/41864663.jpg')no-repeat!important; display:block!important; float:left!important; width:146px!important; height: 42px!important; position:relative; left: 10px!important; z-index:10;}
Где ошибка? Вчера часа три просидел пытаясь понять.
URL
15.06.2009 в 17:13

Naril
Don't believe in miracles, depend on them (c)
Интересно, когда уже некоторые владельцы дневников поймут, что их разрешение экрана не единственное существующее и будут выставлять ширину в процентах?.. Это к вопросу о максимальном удобстве
URL
15.06.2009 в 17:31

Амрта
Тьма не снаружи, она внутри бездны
#thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul {background: url("secure.diary.space/userdir/6/5/6/6/656648/40500..."); border: 1px solid #000000; position: absolute;}
URL
15.06.2009 в 17:49

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Naril У вас какое разрешение экрана? Мне для статистики надо. :)
И в чем именно выражается неудобство при просмотре? Весь дизайн, по ширине, четко-фиксированный. 1024 - размер стандартного экрана узера.
Опыт Это разве не выпадающий список? Или в нем проблема? Не догнал. :susp:
URL
15.06.2009 в 18:01

Амрта
Тьма не снаружи, она внутри бездны
Не туда.
Да и дизайн у вас явно не на 1024.
URL
15.06.2009 в 18:31

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Опыт Как же нет, когда да? И экстратоп и экстработом и пр. элементы дизайна по ширине 1024. Позиционируются исключительно по вертикале. А выставляя ширину в процентах, я получу на выходе кусок непонятно чего, которое еще и гулять будет.
Но не о нем реч.
Хотел спросить. Что "не туда"? Развернуто можно. Я ж новичек в CSS и многое не догоняю в нем. Разобрался только с простейшими его элементами.
URL
15.06.2009 в 18:33

Naril
Don't believe in miracles, depend on them (c)
Да и дизайн у вас явно не на 1024.
+1) У меня те самые 1024 и есть, но блоки записей все равно приходится прокручивать вправо.
В принципе, это не критично, но несколько огорчает то, что в последнее время очень часто наталкиваюсь на дневники с таким дизайном, было бы их пару штук - еще куда ни шло...
URL
15.06.2009 в 18:39

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Naril Оу. Ну, тогда мне имеет смысл подуменьшить его. скажем на 990рх. Забыл что еще и браузеры, своими бортами, хавают место.

И все же, я интересовался не разрешением своего дизайна, а проблемой эффекта кнопки. )
Но, конечно же, замечание принято.
URL
15.06.2009 в 19:18

Ктулхова бабушка
Я сам себе создатель! Я делаю, лишь что хочу. Заткнись, советую, приятель! Учи себя! Я не шучу!©Pain
Мерлин-принц хаоса
А что вы хотите с кнопкой пч? Рисунок на фон?
URL
15.06.2009 в 19:59

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
"Хочется сделать так, что бы при наведении на основное меню (Записи, Мой дневник, Главное меню, Постоянные читатели, Выход ) они еще и меняли подложку. Тоесть - картинки. Испробовал все варианты. "a:hover" отказывется работать как надо."
Хочется сделать динамичное меню, как здесь: www.css-school.ru/page/5/ Обращать внимание на шапку сайта и то как себя ведут линки при наведении курсора на них. :hash:


:susp:Неужели ни кто этим не заморачивался всерьез?
URL
15.06.2009 в 20:03

Чудеснов
молодой динамично развивающийся
Мерлин-принц хаоса сформулируйте четче:
при наведении на основное меню (Записи, Мой дневник, Главное меню, Постоянные читатели, Выход ) они еще и меняли подложку
URL
15.06.2009 в 20:07

Ктулхова бабушка
Я сам себе создатель! Я делаю, лишь что хочу. Заткнись, советую, приятель! Учи себя! Я не шучу!©Pain
URL
15.06.2009 в 20:12

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Чудеснов
Счас попробую. )))
1. Текст (к примеру "Дневник") линка остается низменным.
2. Подложка линка(ссылки - прим. авт.) уже имеет фоновую картинку, которая прописана в коде. Ее можно увидеть зайдя ко мне на дневник.
3. Наводя курсор на линк, фоновая картинка меняется на другую. Возможно, с кардинально другим рисунком.

Я знаю два метода как такое сделать. По первому методу, мы делаем две картинки для двух событий - "наведенная" и ненаведенная". Второй метод - когда есть одна картинка, которая позиционируется в зависимости от происходящего события линка.
В первом варианте есть трабл с загрузкой второй пикчи во время первого наведения. проблема - трафик, для тех у кого он есть.
Второй удобней. Картинка всего одна и подгружается в самом начале загрузки страницы. Не жели в первом варианте.
Но вот в чем проблема. Грамотно применить хотя бы одно из средств не могу. Поскольку, до сих пор путаюсь в определении что есть основная ссылка, а что есть контекстное меню. Да и не только в этом трабл.
URL
15.06.2009 в 20:18

Чудеснов
молодой динамично развивающийся
ну как бы .menuSection и .menuSection:hover
можно конкретно #thisDiaryLinks:hover, #globalLinks:hover, #thisDiaryOwner:hover и т.д.
URL
15.06.2009 в 20:35

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Чудеснов Хуи. Стоит попробовать.
Но кажется мне, что я это уже делал. Но... Попытка не пытка. :hash:
URL
16.06.2009 в 03:36

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Блин. Вместо "Хум" написал "Хуи". :-D Опечяточка вышла. только счас заметил.

Чудеснов Не. Последний вариант не помог.
URL
16.06.2009 в 04:03

Мерлин-принц хаоса
Страшно быть свободным, но еще страшнее - быть как все.
Чудеснов Разобрался! Заодно поудалял кучу шлака.
НА других браузерах, кроме мозилы еще не проверял. Но, в мозиле все работает отлично.:super:
URL
16.06.2009 в 08:38

Чудеснов
молодой динамично развивающийся
в webkit (safari/chrome) все ок ок. В IE7/8, значит, тоже =)
URL