8 — @дневники: асоциальная сеть

пятница, 14 мая 2010

02:45

8

все записи пользователя в сообществе winterwolf

Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём

Хотел поделиться очень простым дизайном, даже не дизайном, а его структурой, думаю написать его не составило бы труда, а кому лень...

цсс код для желающих

 body{ backgroundt: #000; }
 div#addCommentArea {border:1px solid #853c3c !important; background: repeat !important;padding:5px !important; }
 .postLinks #comment A{color: #df0005;}
 #message{background:#7cbdd9;}
 #postarea { background: #510001;}
 #side{width:150px !important;margin: 3px !important; }
 #side {background: #;}
 .MenuSection {background: #404040; border-bottom: 2px solid #020202;}
 #wrapper{min-width:900px!important; max-width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #wrapper{background:#ffffff;}
 
 #side h1{!important;margin:0 !important}
 #page-c{width:742px !important;padding:0 !important;padding:0 !important}
 #page-t {background:#fff8e6; margin:3px !important}
 #wrapper {border-width:2px; border-color:#020202; border-style:solid;}
 a:hover, a:active { color:#510003 !important;}

Похож на некий блог, не так ли?
Теперь для любителей огненной лисицы. (или других современных браузеров)

Немного посмотрев свойства цсс3 и дописав цсс одной строчкой.

#wrapper, .bordered{border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 5px 5px 2px black; -moz-box-shadow: 5px 5px 2px #666; -webkit-box-shadow: 5px 5px 2px #666; }

Мы получаем вот такие эффекты.

Интересно, правда? Но такой эффект можно увидеть только в современных браузерах, ибо спецификации цсс3 еще в разработке, но в этих браузерах уже можно поиграться с этими свойствами.

@темы: winterwolf, CSS-дизайн