Добил. Теперь на
моём дайри можно наблюдать слегка модифицированный дизайн, созданный путём извращения с CSS.
Поскольку Internet Explorer настолько уродский браузер что даже с CSS нормально не работает, то в нем модификаций минимум.
В Опере и Фаерфоксе все правильно: менюшки видны на 25% и выезжают, когда на них наводишь курсор.
Из приятных мелочей: все рамки теперь тонкие, менюшки раскрашены в веселые цвета, шрифт в менюшках такого же размера, что и везде, более приятная подстветка пунктов меню чем была(в IE всё равно старая)
Заодно слегка поковырял
свой ЖЖ и избавился таки от мерзкой темнозеленой хреновины сверху.
Если у вас IExporer или лень ходить по ссылке, то под катом кусок скриншота
читать дальше
-
-
15.03.2007 в 20:29-
-
16.03.2007 в 16:59-
-
16.03.2007 в 18:07ТОЛЬКО для блочного дизайна с менюшкой слева. (хотя не факт - просто не проверял на остальных. Для менющек справа работать не будет точно. Или будет но странно.)
В Настройки/Оформление/CSS воткнуть это:
--------------------------------------------------------
/* Размер шрифта и прочие мелочи */
body { color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
/* Убираем стандартные рамки */
div .paragraph { }
div .bordered {border: none; }
/* Каждый пост завернут в единичную рамку с 5px отступом */
.singlePost {border: 1px solid black; padding: 5px 5px 5px 5px;}
/* Эта строчка не надо, наверное ) */
#side div.bordered {border: none; background-color:transparent; }
/* Увеличить шрифт меню */
#side { font-size:100%; oveflow:hidden; }
/* Не помню зачем. Наверное надо. */
body.left { padding-left: 10px !important; padding-left: 244px; }
/* Задаем рамки для менюшек и цвет по умолчанию */
div.menuSection {border: 1px solid black; padding: 5px 5px 5px 5px; background-color: #EFE;}
/* Раскраска менюшек */
#myDiaryLinks { background-color: #FFE; }
#globalLinks { background-color: #FEF; }
#YaSearch { background-color: #EFF; }
#thisDiaryInfo { background-color: #EEF; }
/* Эта штука делает выезжающие меню */
#side div.menuSection {border: 1px solid black; padding: 5px 5px 5px 5px; width:45px !important; overflow: hidden !important; overflow: visible; width:214px; white-space:nowrap; height: auto;}
#side div.menuSection a {color: #999 !important; color: #000;}
#side div.menuSection:hover { width:214px !important;white-space:normal;}
#side div.menuSection:hover a {color: #000; color: #000 !important;}
#side div.menuSection:hover a:hover {text-decoration: none; color: #08F !important;}
body.left { padding-left: 10px !important; padding-left: 244px; }
.left #wrapper { margin:0 !important; margin-left:-234px; padding-left:60px !important; padding-left:234px;}
.left #side { float:left; width:224px; margin-left:-74px !important; margin-left:-117px; margin-right:-224px; }
------------------------------------------------------
-
-
16.03.2007 в 18:18-
-
16.03.2007 в 23:31