Homo virtualis группа [γ]
«дело было вечером, делать было нечего»
В итоге, потратил часа четыре, сменил пять или шесть подходов, но в итоге — сделал это.
пока-что альфа-версия, где особое внимание уделено раскладке, а вовсе не красоте.
Смешно сказать, всё началось с того, что захотел что-нибудь интересное сделать из блока с «темами записей».
Основная идея:
позиционировать абсолютно блок с записями, проставив маргинами отступ сверху и слева.
в результате, блок меню становится под этим блоком, и можно танцевать дальше.
ну а дальше — игра с позиционированием, шириною, и плавающими блоками.
В ИЕ заголовок выдран из блока #thisDiaryInfo, которому в свою очередь задана 100% ширина и прозрачный фон.
В Опере при этом невозможно было нажать на ссылки под этим блоком, поэтому я визуализировал head и title, который и позиционировал.
в дальнейшем, если будет время-желание, буду править цвета, убирать корявости и шероховатости, дорабатывать эпиграф и тело записей-комментариев.
Может доберусь и до формы.
Ваше мнение?
Особо интересует, как выглядит дизайн в гекконах и ИЕ7.
PS: http://pay.diary.ru/~kildor
UPD:
слегка переиграл стили, такие вертикальные блоки для меню смотрятся лучше?
В итоге, потратил часа четыре, сменил пять или шесть подходов, но в итоге — сделал это.
пока-что альфа-версия, где особое внимание уделено раскладке, а вовсе не красоте.
Смешно сказать, всё началось с того, что захотел что-нибудь интересное сделать из блока с «темами записей».
Основная идея:
позиционировать абсолютно блок с записями, проставив маргинами отступ сверху и слева.
в результате, блок меню становится под этим блоком, и можно танцевать дальше.
ну а дальше — игра с позиционированием, шириною, и плавающими блоками.
В ИЕ заголовок выдран из блока #thisDiaryInfo, которому в свою очередь задана 100% ширина и прозрачный фон.
В Опере при этом невозможно было нажать на ссылки под этим блоком, поэтому я визуализировал head и title, который и позиционировал.
в дальнейшем, если будет время-желание, буду править цвета, убирать корявости и шероховатости, дорабатывать эпиграф и тело записей-комментариев.
Может доберусь и до формы.
Ваше мнение?
Особо интересует, как выглядит дизайн в гекконах и ИЕ7.
PS: http://pay.diary.ru/~kildor
UPD:
слегка переиграл стили, такие вертикальные блоки для меню смотрятся лучше?
-
-
24.03.2007 в 13:37-
-
24.03.2007 в 13:40#side #TagsList { }
#side #TagsList ul, #side #TagsList div, #side #TagsList li { padding:0; margin:0; }
#side #TagsList a { display: block; font: .85em/1.5 Tahoma; }
#side #TagsList a:hover { background:#052; font:bold 1.3em/1.5 Tahoma; text-align:center; }
ваш код к тэгам.. я что то не очень понимаю... особенно вот это- #side #TagsList span { display: none; }
#side #TagsList { }. это разве не лишнее.. объясните?)
-
-
24.03.2007 в 13:49я попробовала такой код- сама кнопка тэг листов, то бишь списка тем, остаётся в меню, а развёрныйтый список темы перемещается влево... запуталась)
-
-
24.03.2007 в 14:01-
-
24.03.2007 в 16:17Есть традиции дизайна, вытекающие из функциональности. Попытки внести "свежую струю" часто не встречают понимания, поскольку вызывают недоумение. Это просто _неудобно_ . Мне проще ориентироваться в вертикальном списке, чем в разделенных пробелами строчках.
Так что мое впечатление отрицательно. Нефункционально.
-
-
24.03.2007 в 19:11в IE7 все работает нормально; так же, как и в опере9.10, только вот в 1 месте что-то не так
и в верхних ссылках в IE7 список заголовков как-то одиноко выглядит, и находится на другой строчке, а так ничего неудобного не вижу
-
-
24.03.2007 в 21:14-
-
24.03.2007 в 21:32возможно что и лишне
я не занимался оптимизацией CSS, и это далеко не окончательный вариант.
2рэйнор:
возможно.
Не могу сказать что «традиции дизайна» есть самый функциональный вариант, благо мои представления о функциональности очень часто отличаются от традиционных — но я долго и упорно подстраивал эти вещи под себя.
Плюс, невозможность сделать кое-какие вещи из-за ограничения модели CSS, браузеров и данного шаблона.
Ну и неокончательность данной версии.
2.сестра хаос.:
#side #TagsList span { display: none; }
#side #TagsList { }
#side #TagsList ul, #side #TagsList div, #side #TagsList li { padding:0; margin:0; }
#side #TagsList a { display: block; font: .85em/1.5 Tahoma; }
#side #TagsList a:hover { background:#052; font:bold 1.3em/1.5 Tahoma; text-align:center; }
ваш код к тэгам.. я что то не очень понимаю... особенно вот это- #side #TagsList span { display: none; }
#side #TagsList { }. это разве не лишнее.. объясните?)
по пунктам
1 — убрал нафиг «количество записей в этой теме» — ибо бессмысленно и нефункционально.
2 — пустой пункт, остался из предыдущих эксперементов
3 — отключил все отступы в внутренних пунктах
4 — поставил стили для ссылок по умолчанию
5 — стили для ссылок при наведении.
2Valensi:
ага, это косяк в ИЕ, я пытался с ним разобраться, но пока не до конца
-
-
24.03.2007 в 21:36-
-
24.03.2007 в 21:45уфф…
вынести так-же, как и я?
для этого необходимо, чтоб ни один из родительских элементов не был позиционирован.
тогда позиционирование для #tagList будет считаться от body — то есть, от угла окна.
-
-
24.03.2007 в 21:57-
-
24.03.2007 в 22:09проблема именно в том, что блок с записями не блок, а лишь один из пунктов меню в этом блоке.
-
-
24.03.2007 в 22:28-
-
24.03.2007 в 22:40честно?
эксперементировать.
Я говорю, вот сейчас у меня 6 полуготовых вариантов CSS, которые выдают разную картинку. каждый вариант в сумме под 4 килобайта.
убирай позиционирование у родительских элементов, добавляй его в соседние блоки.
Если эксплорер, то можно местами добавить zoom:1;, для того чтоб блок получил свойство hasLayout.
-
-
24.03.2007 в 22:50сижу через мозиллу
ладно. сама придумаю чио нидь