товарищи,помогите, пожалуйста организовать дизайн вот такой структуры, как этот:
кодa:hover {text-decoration: none; color: #d77375;}
A{cursor:crosshair}
h1 {font-size: 110%;}
body {padding-top:0 padding-bottom:0 }
.header {font-family: Century Gothic; font-size: 10pt; text-align:left;}
#wrapper{min-width:700px!important;width:700margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:700px !important;margin:0 !important; padding:0 !important;}
#page-c{width:675px !important;padding:0 !important;padding:0 !important; }
#page-t {margin:0 !important}
.singlePost#epigraph a {text-decoration:none; }
.singlePost,.menuSection{border-style: dotted; border-color:#ffffff; border-width:0 0 1 }
#fromAnotherName, #fromAnotherPass {width:80 }
#postsArea, #commentsArea {font-family: "tahoma"; }
#side {text-transform: lowercase;}
#side {position: absolute; top: 0px}
.countFirstDate,.countSecondDate{text-align:right;}
#side div.bordered {padding: 4px !important;margin: 0px !important;}
#randomDiaryLink { DISPLAY: none }
.menuSection { font-family: "Tahoma" ; line-height:91%; font-size: 10px !important; }
#postsArea, #commentsArea { line-height:91%; font-size: 11px !important; }
body{ background-attachment:fixed; }
.countFirstDate, .countSecondDate, .header h2 {text-transform: lowercase; }
.header,.countFirstDate {text-align:left; font-family : tahoma;}
body{line-height: 8px}
.singlePost .paragraph {line-height:90%;}
.left #page-c{line-height: 8px}
#wrapper {background:url('/userdir/9/3/4/9/934905/52506335.png');}
#side {text-align:right;}
#side {position: absolute; top: 0px}
A:HOVER{ font-family: tahoma; font-colour: #977e88; }
.postLinksBackg {text-transform: lowercase; font-size: 10}
.countSecondDate, .countFirstDate {color: #1f1f1f!important; background-color: #fcfcfc !important; }
#commentsArea div.paragraph {line-height:90%; }
.countSecondDate, .countFirstDate {text-transform: uppercase;}
.countSecondDate, .countFirstDate {text-align:center; font-family :Century Gothic; font-color: #392020; font-size: 13px !important; }
.header span {color: #72737a; font-family: Century Gothic; font-size: 11 background-color: #e3e3e3 !important; }
body {padding-top: 10 padding-bottom:0 }
#sortOrder {display: none; }
#postActionLinks {display: none; }
#faqLink {display: none; }
#diarySpiritLink {display: none; }
#randomDiaryLink {display: none; }
-moz-border-radius: 40 border-radius: 40 #albumLink {display: none; }
#page-c {padding-right:10px !important;}
#YaSearch {display: none; }
#myDiaryLink {position:absolute; left:50%;top:65 margin-left: -370px !important;}
#extratop {background: url('/userdir/9/3/4/9/934905/52505921.jpg') 0 0 no-repeat; !important; width:100%; height:420 line-height:0% !important; }
#iAmQuit {display: none; }
#pchs_title {display: none; }
#side h1 a {display: block; height:30 background:url('/userdir/9/3/4/9/934905/52505639.jpg') 50% 0 no-repeat; line-height:340}
#side h1 {background: url('/userdir/9/3/4/9/934905/52505639.jpg') 50% 0 no-repeat;}
#side h1 a {display: block; height:30 line-height:340 overflow:hidden}
#authorName {position:absolute; left:50%;top:45 margin-left: -210px !important; font-weight: bold; color: #b37f7f;}
#myDiaryLink {position:absolute; left:50%;top:45 margin-left: -150px !important; }
#umailLink {position:absolute; left:50%;top:45 margin-left: -67px !important; font-weight: bold;}
#myFavLink {position:absolute; left:50%;top:45 margin-left: -20px !important; font-weight: bold; }
#discussionLink {position:absolute; left:50%;top:45 margin-left: 50px !important; font-weight: bold;}
#mainpageLink {position:absolute; left:50%;top:45 margin-left: 115px !important; font-weight: bold; color: #b37f7f; }
#mainpageLink {color: #b37f7f; }
#pchs {display: none; }
#thisDiaryOwner {display: none; }
#writeThisDiary {display: none; }
#myDraftLink {display: none; }
#myNotepadLink {display: none; }
#myQuotLink {display: none; }
#albumLink {display: none; }
#myProfileLink {display: none; }
#optionsLink {display: none; }
#photolibLink {display: none; }
#allDiaryLink {display: none; }
#favListLink {display: none; }
#pchListLink {display: none; }
#communityCatalogueLink {display: none; }
#myCommunitiesLink {display: none; }
#diarySupportLink {display: none; }
#lastComments {display: none; }
#authorFav {display: none; }
#thisDiaryLinks {display: none; }
всё,что я прошу - расскажите,пожалуйста, как изменить ширину блоков, цвета фонов и текстов (какие именно теги за какой отвечают), как сделать меню Под эпиграфом,а не Над - как здесь, название - вместо "Ту зэ энд оф блабла" Blackberry field и вот это выделение цветом времени - что за тег? и да,куда урл другого эпиграфа воткнуть
прошу объяснений потомучто надоело ничего не понимать и тупо просить сделать)
спасибо заранее!
cheers
товарищи,помогите, пожалуйста организовать дизайн вот такой структуры, как этот:
код
всё,что я прошу - расскажите,пожалуйста, как изменить ширину блоков, цвета фонов и текстов (какие именно теги за какой отвечают), как сделать меню Под эпиграфом,а не Над - как здесь, название - вместо "Ту зэ энд оф блабла" Blackberry field и вот это выделение цветом времени - что за тег? и да,куда урл другого эпиграфа воткнуть
прошу объяснений потомучто надоело ничего не понимать и тупо просить сделать)
спасибо заранее!
код
всё,что я прошу - расскажите,пожалуйста, как изменить ширину блоков, цвета фонов и текстов (какие именно теги за какой отвечают), как сделать меню Под эпиграфом,а не Над - как здесь, название - вместо "Ту зэ энд оф блабла" Blackberry field и вот это выделение цветом времени - что за тег? и да,куда урл другого эпиграфа воткнуть
прошу объяснений потомучто надоело ничего не понимать и тупо просить сделать)
спасибо заранее!