Обновления в целом мне понравились.
Но админы дайри очень вовремя надумали менять оформление дневников. Я вчера весь вечер провозилась с этим CSS и наконец довольная результатом со спокойной душой легла спать. Утром открыла днев, а тут такой ужас - одна фоновая картинка и разбросанные по всему экрану ссылки. Думаю: "ну нифига себе наменяла дизайнчик"
Как вам, кстати, мой новый
золотой диз?
И ниже CSS, в основном для себя, но буду рада, если кому-нибудь пригодятся некоторые приемы или ссылки.
Шпаргалка по основным css-селекторам -
тыкCSS для @дневников: основные методы работы -
тыкСвойства и теги CSS -
тыкто, что я освоила вчера, меняя диз, чтоб не забыть до след.разаРамка вокруг объекта:
селектор {border: размер вид цвет}
пример: #page-c {border: 4px dotted #f40a26}
виды рамок - см
Если нужны рамки только с некоторых сторон объекта, то использовать свойства:
border-left (слева), border-right (справа), border-top (сверху), border-bottom (снизу).
Убрать пункты меню:
селектор1, селектор2, ... {display:none}
пример: #diarySpiritLink, #diarySupportLink, ... {display:none}
пункты меню можно найти здесь
Чтобы фон не прокручивался с содержимым дневника:
body{ background-attachment:fixed; }
Ширина и высота объектов:
Дизайн фиксированной ширины + генератор кода - здесь
Динамически изменяющийся размер блоков, динамический дизайн - какой ужас, это я изучу позже
Картинка вверху экрана:
мой
#extratop {background: #ccc url('/userdir/6/5/8/9/658984/39175799.jpg') 0 0 no-repeat; height:300 width:100%;}
при заданных размерах остального:
#wrapper{min-width:950px!important; width:950 margin: 0 auto !important; padding:0 !important; overflow:visible !important}
#side{width:180px !important; margin:0 !important}
#page-c{width:760px !important; padding:0 !important;}
меню по центру
.menuSection {text-align:center; }
Прозрачность элементов:
#side { filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#page-c { filter: alpha(opacity=93); -moz-opacity: 0.93; -khtml-opacity: 0.93; opacity: 0.93; }
Шрифт элемента:
#authorName { font: bold italic 15pt/10pt serif; }
#side h1 A { font: bold italic 15pt/10pt serif; }
про шрифты, семейства
Фиксация (только для мазилы?)
#page-t { overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: auto; height: 455 }