Вопрос #36401

как сделать как на скрине ?
http://mepic.ru/view/?id=fb664439ee85f1a13fdfd05428847290
я просто только начинаю не пойму не много.
вот код /*NEVBLACK THEME BY NEVETHIR 1.0*/
BODY {
background-color : #950000;
color : #950000;
}
/* header logo */
.pun H1
{
/* your logo & position */
display: block;
height: 10px;
border-top : 5px solid #950000;
border-bottom : 20px solid #950000;
}
}
/*header title*/
.pun H1 span
{
/* your font style */
color: #970000;
font-size: 18px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: underline;

/* your text position */
position: absolute;
top: 50px;
left: 535px;
}
.pun #brdtitle P {
text-align : left;
text-decoration : none;
}
.pun {
color : #333333;
}
.pun BLOCKQUOTE , DIV.codebox , DIV.box , adminconsole FIELDSET TH , .rowodd , .roweven {
background-color : #333333;
}
#adminconsole TD , #adminconsole TH {
border-color: #333333;
background-color : #333333;
}
#postpreview , #viewprofile DD , DIV.forminfo , DIV.blockmenu DIV.box {
background-color : #333333;
color : #333333;
}
#adminconsole FIELDSET TD {
border-color: #222222;
background-color : #000000;
}
TD.tc2 , TD.tc3 , TD.tc4 , TD.tc5 {
background-color : #111111;
}
TD.tcmod , adstats DD {
background-color : #111111;
}
.pun H2 {
background-image : url(../../img/nevblack/cellpic1.gif);
border-right : 1px solid #222222;
border-left : 1px solid #222222;
border-top : 1px solid #222222;
border-bottom : 0px solid #222222;
color : #C0C0C0;
font-weight : bold;
}
.pun #brdmenu {
background-image : url(../../img/nevblack/cellpic1.gif);
border-right : 0 solid #999999;
border-left : 0 solid #999999;
border-top : 1px solid #222222;
border-bottom : 1px solid #222222;
color : #fff;
font-weight : bold;
}
.pun TH {
background-color : #000000;
color : #C0C0C0;
}
.pun TH.tcl , TH.tc2 , TH.tc3 , TH.tc4 , TH.tc5 , TH.tcr , TH.tcmod {
background-image : url(../../img/nevblack/cellpic2.gif);
color : #C0C0C0;
font-weight : bold;
}
.pun div.infldset TH.tcl , div.infldset TH.tc2 , div.infldset TH.tc3 , div.infldset TH.tcr {
background-image : url(../../img/nevblack/pix.gif);
color : #C0C0C0;
}
.pun div.infldset th.hidehead {
color : #C0C0C0;
background-image : url(../../img/nevblack/pix.gif);
}
.pun span.byuser {
background-position : 0% 50%;
background-repeat : no-repeat;
background-image : url(../../img/nevblack/icon_post.gif);
padding : 0 20px;
}
.pun LEGEND {
color : #C0C0C0;
}
.pun DIV.blockmenu LI.isactive A , #posterror LI STRONG {
color : #f26522;
}
DIV.blockpost DIV.box , DIV.postright , DIV.postfootright {
background-color : #000000;
}
DIV.postright , DIV.postfootright {
border-left-color: #000000;
}
DIV.postleft , DIV.postfootleft , DIV.blockpost LABEL {
background-color : #000000;
}
DIV.blockpost H2 {
background-color : #000000;
}
DIV.blockpost H2 SPAN.conr {
color : #C0C0C0;
}
.pun HR {
color : #C0C0C0;
}
DIV.box {
border-left-color: #222222;
border-right-color: #222222;
border-top-color: #222222;
border-bottom-color: #222222;
}
DIV.blockpost DIV.box {
border-color : #222222;
}
.pun TD {
border-color : #222222;
}
.pun TH {
border-color : #222222;
}
.pun BLOCKQUOTE {
background-color : #111111;
color : #C0C0C0;
}
.pun BLOCKQUOTE , DIV.codebox , DIV.forminfo , DIV.blockpost LABEL {
border-color : #222222;
}
FIELDSET {
border-color : #222222;
}
.pun A:link , .pun A:visited {
color : #FFFFFF;
text-decoration: none;
}
.pun A:hover {
color : #999999;
}
.pun H2 A:link , .pun H2 A:visited , #brdmenu A:link , #brdmenu A:visited {
color : #999999;
}
.pun H2 A:hover , #brdmenu A:hover {
color : #999999;
}
LI.postreport A:link , LI.postreport A:visited , TR.iclosed TD.tcl A:link , TR.iclosed TD.tcl A:visited {
color : #aaaaaa;
}
LI.postreport A:hover , TR.iclosed TD.tcl A:hover {
color : #aaaaaa;
}
LI.maintenancelink A:link , LI.maintenancelink A:visited {
color : #b42000;
}
LI.maintenancelink A:hover {
color : #b42000;
}
TR.iclosed Div.icon {
background-image : url(../../img/nevblack/icon_closed.gif);
}
Div.icon {
background-image : url(../../img/nevblack/icon_normal.gif);
}
TR.iredirect DIV.icon {
background-image : url(../../img/nevblack/icon_redirect.gif);
}
TR.inew Div.icon {
background-image : url(../../img/nevblack/icon_new.gif);
}
TR.imoved Div.icon {
background-image : url(../../img/nevblack/icon_moved.gif);
}
TR.isticky DIV.icon {
background-image : url(../../img/nevblack/icon_sticky.gif);
}
.pun , .pun INPUT , .pun SELECT , .pun TEXTAREA , .pun OPTGROUP {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.pun {
font-size : 11px;
line-height : normal;
}
* HTML .pun {
font-size : 68.75%;
}
.pun TABLE , .pun INPUT , .pun SELECT , .pun OPTGROUP , .pun TEXTAREA , DIV.postmsg P.postedit {
font-size : 1em;
}
.pun H2 , .pun H4 {
font-size : 1em;
}
.pun H3 {
font-size : 1.1em;
}
#brdtitle H1 {
font-size : 1.4em;
}
DIV.postmsg P {
line-height : 1.4;
}
DIV.postleft DT {
font-size : 1.1em;
}
.pun PRE {
font-size : 1.2em;
}
DIV.postleft DT , DIV.postmsg H4 , TD.tcl H3 , DIV.forminfo H3 , P.postlink , DIV.linkst LI , DIV.linksb LI , DIV.postlinksb LI , .blockmenu LI , #brdtitle H1 , .pun SPAN.warntext , .pun P.warntext {