CSS дизайн

sotoba | среда, 08 декабря 2010

Если кто хочет - дизайн сss.
Первая проба пера, так сказать) Если понравилось - берите)

превью - не очень удачное, т.к. у меня нетбук с маленьким разрешением экрана

Настройки:
тутЭКСТРАТОП - s012.radikal.ru/i321/1012/4d/06a925570019.jpg
АВАТАР - i038.radikal.ru/1012/4c/652fbf2e67f8.png
код

  body {margin:0; padding:0;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:860px !important;repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('ЭКСТРАТОП') no-repeat bottom; height: 350 width: 860 margin-left:20px}
 #wrapper{width:880min-width:880;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; no-repeat bottom center; }
 {-------------меню------------}
 #side {position: relative; top: 0px !important; left: 20px !important;}
 #side {font:12px Verdana !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style: disc inside !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #65635c; padding: 0px 0 4px 0px !important; list-style: disc inside !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180 }
 #authorName {font: bold 12px Verdana; color: #721c9a ; }
 #thisDiaryPhoto img { padding: 3 background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 3 border-radius: 3 width: 70 height: 70 -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 3px #000; }
 .menuSection{font: bold 12px Verdana !important; color: #721c9a !important;}
 #side h1 {font: bold 15px Georgia !important; color: #721c9a !important; }
 {------------запись----------}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650 margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10width: 650 text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; color:#721c9a !important;}
 .postDate {border-top: 1px dashed #721c9a; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #721c9a; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 10px !important;}
 .postLinks a, .authorName a {color: #721c9a;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #721c9a; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 a:hover{cursor: crosshair;}
 .header{ font: bold 12px Verdana !important; text-transform: lowercase;}
 #TagsList{ border-bottom: 1px solid #721c9a; padding: 0px !important;}
 .atTag em:before {content: "темы:"; font-size: 13 color:#721c9a;font-weight:bold; text-transform:uppercase; }
 p.atTag em span{display:none !important; color: #721c9a; }
 .atTag em{font-style:normal; font-size: 11 color:#721c9a;}
 .atTag a{text-decoration: none; color:#721c9a !important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#721c9a !important }
 .paragraph div:first-letter { font-size: 25}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18 }
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 10px Georgia !important; color: #721c9a !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink{display:none}
 #albumLink{display:none}
 #rssLink{display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink, #unsubscribeEmail{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #randomDiaryLink{display:none}
 #paySupportLink{display:none}
 #authorQuot{display:none}
 #upInChart{display:none}
 #myQuotLink{display:none}
 #favListLink{display:none}
 #faqLink{display:none}
 #YaSearch {display:none}
 #pchListLink{display:none}
 #iAmQuit, #photolibLink{display:none}
 .order_button {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:70 height:70-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:70 height:70 -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color:#6083a7;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20 line-height:18px !important}
 #postsArea .postTitle span:before{content:'время: ' !important; color: #721c9a; font-size: 10}
 .postDate span:before{content:'Дата: ' !important; color: #721c9a;}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #Journal .postInner {background: url('АВАТАР') 0px 0px no-repeat !important;}
 #Journal .postInner {padding-left: 140}
 #epigraph .postInner{background-image: none !important; padding:0 !important;}
 .postInner { min-height:140height:auto !important; height:140}
 .paragraph {width:80%;}
 #epigraph .paragraph{width:100% !important;}

остальные:
дизайн блочный
навигационная панель слева
цвет заголовка #a6a6a6
ссылки #888888
записи #e8e8e8
оффтопика #721c9a
фона дневника #050505
фона записи #2c2e2f
фона заголовка #
границы #fbf8f9

anime

дизайн

fan-art

Натсуно

CSS дизайн

Смотрите также