Comments | ru_designhelp: Уроки по дизайну ЖЖ. Часть VI.

yoksel in ru_designhelp

Уроки по дизайну ЖЖ. Часть VI.

Oct 29, 2006 03:52

В этом уроке речь пойдёт о разнообразных меню для вашего журнала, от простой русификации до ImageMap'ов.
Самый простой вариант сделать себе другое меню - это вставить в блоки *_WEBSITE ваше меню и ссылки и скрыть меню по умолчанию. Как это делается?
( Читать дальше )

шапка журнала: меню, s1, сайдбар (боковая колонка), стиль: generator, уроки по оформлению ЖЖ

Comments 167

people2005 October 29 2006, 01:16:39 UTC

А как таги вставить тоже? Не появляютя что то.

yoksel October 29 2006, 08:46:32 UTC

какие таги?

katastrofi4eski October 29 2006, 08:49:14 UTC

Имеются в виду, наверное, список с метками

yoksel October 29 2006, 08:52:13 UTC

наверное : )

Thread 6

itstep October 29 2006, 05:40:17 UTC

наглядненько

degro October 29 2006, 07:21:26 UTC

он продолжает занимать место на странице и растопыривать собой ячейки

Бугага.

И это. Напиши, что надобно ишо веб-сайт в инфе прописадь, а то нихрена вообще работадь не будед.

itstep October 29 2006, 07:45:50 UTC

да я к тому, что не в лом было столько писать.

degro October 29 2006, 07:52:23 UTC

Да я не тебе, а афтору поста, просто чото глюкануло мну. [::

Thread 6

marusya_ October 29 2006, 09:20:45 UTC

Спасибо еще раз! Ценно!

yoksel October 29 2006, 09:43:16 UTC

пжлста : )

tattoosic October 29 2006, 09:25:32 UTC

спасибо)

yoksel October 29 2006, 09:43:32 UTC

пжлста : )

Хотел уточнить your7 October 29 2006, 09:34:55 UTC

А зачем Вы, тов. Йоксель, в ссылки вставляете divы?

LASTN_WEBSITE<=

О пользователе

Последние записи

Друзья

Архив

<=LASTN_WEBSITE

Re: Хотел уточнить yoksel October 29 2006, 09:39:36 UTC

див - чтобы задать ему фон, регулировать ширину-высоту кнопки, позиционировать как хочется

а почему внутрь ссылки - затем чтобы применить a:hover к диву, чтобы вид кнопки менялся при наведении

вы не согласны с предложеной конструкцией? : )

Угу your7 October 29 2006, 16:09:23 UTC

вы не согласны с предложеной конструкцией? : )

Как истинный самурай следует заповедям Бусидо, так и Джедай веб-дизайна должен стараться соблюдать спецификации и стандарты. :))
Не корректно размещать блоковый элемент div в строковый a. Если уж что-то хочется разместить в ссылке, то вставьте туда span, а не div.
(Вы можете проверить свой код на соответствие стандартам с помощью онлайн-валидатора)

Но это всё мелочи. Конкретно в Вашем примере можно поступить иначе:

HTML

О пользователе
Последние записи
Друзья
Архив

и фрагмент CSS, где для разного отображения ссылки применяется не два изображения, а одно, в котором есть фон и для :hover и для :link.
В зависимости от ситуации браузер "подсовывает" :) ту часть картинки, которая требуется.

.menu_left a {
display: block; /* делаем ссылку блоком */
width: задаём ширину ;
height: задаём высоту;
color: цвет текста ссылки;
background: цвет фона url(адрес картинки) 0 0 no-repeat ( ... )

Re: Угу yoksel October 29 2006, 16:13:52 UTC

разумеется вы правы! : )) я просто только недавно чётко выяснила для себя разницу между block и inline, и не всегда успеваю сообразить что этим можно воспользоваться : ) поэтоу и в уроке касаемом позиционирования допущены неточности которые я никак не поправлю..

спасибо : )

Thread 9