Кажется я придумал, как можно реализовать скругленные края для всего дневника, если он выполнен в динамическом (растягивающемуся) виде)) При этом основные блоки не будут затронуты и их фоны можно делать иными.
Воспользуемся все теми же дополнительными блоками #add_block.
Для полной замены основных блоков эддблоками нам понадобится 4 допблока:
Первому блоку налагаем фон в виде закругленного угла сверху-слева, ставим фону no-repeat, блоку добавляем цвет фона, который сливается с фоновой картинкой в виде угла. Теперь - определяем абсолютную позицию этого блока так, чтобы left и top выровняли его слитно с wrapper, приделав допблок сверху и слева. Проще говоря - чтобы add_block казался частью wrappera, который у нас будет того же цвета. А ширину допблока width делаем, скажем, 60%.
Делаем второй блок: прикрепляем его сверху и справа с помощью top и right, накладываем фон в виде верхнего правого скругленного угла, ширина тоже 60% - так первые два блока будут смотреться слитно и никогда между ними не будет разрыва.
Как вы уже догадались, два нижних блока делаются по тому же принципу, только левый будет определяться left и bottom, а правый right и bottom. Ну и углы у них будут "смотреть" вниз, таким образом весь дневник станет похож на прямоугольник со скругленными краями, который к тому же будет растягиваться по ширине.
Ну и сами понимаете, что не обязательно делать именно скругленные углы, можно придумать нечто иное!
diaryCSS
| среда, 25 марта 2009