turk-tasarimci ya hoş geldiniz - Siyah Css Tasarım

Css Kodları

BODY {scrollbar-3dlight-color:black; scrollbar-arrow-color:#666666; scrollbar-base-color:black; scrollbar-darkshadow-color:black; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-shadow-color:transparent; }  a{ color: #969696; text-decoration: none; } a:hover{ color: #DADADA; text-decoration: none; }  /* Design */ body{ background-color: black; background: black url(images/dib_hg.gif) top repeat-x; margin-top: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; }  /* Header */ #header{ background-image: url(https://img.webme.com/pic/m/mytests/black_head.gif); background-repeat: no-repeat; height: 107px; width: 750px; position:absolute; left: 50%; margin-left: -410px; }  /* Navigation */ div#nav_container{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; display: block; background-color: #686868; background-image: Url(URL); background-repeat: no-repeat; position:absolute; top: 155px; left: 50%; margin-left: -210px; margin-top: 2px; padding: 0px; padding-top: 10px; height: 270px; width: 100px; text-align: center; float:left; border: 1px dotted #969696; z-index: 3; } li.nav_element{  list-style-type: none; position: relative; border: 0px; height: 22px; text-align: center; } li.nav_element a{ display: block; width: 90px; height: 22px; margin: 0px; padding-top: 5px; color: white; font-size: 12px !important; text-decoration: none; background-color: black; background-repeat: no-repeat; padding-left: 0px; border: 0px; } li.nav_element a:hover{ display: block; color: #990000; font-size: 10px !important; font-weight: bold; text-decoration: none; background-color: black; background-repeat: no-repeat; border: 0px; }  /* Seitentitel */ #h2#title{ font-size: 12px; font-style: none; text-align: left; color: white; background-color: #686868; background-image: URL(URL); height: 20px; width: 100%; margin-left: 0px; padding-top: 5px; margin-right: auto; margin-top: 5px; margin-bottom: 10px; }  /* Seiteninhalt */ div#content{ position: absolute; top: 130px; left: 50%; margin-left: -110px; margin-right: auto; margin-top: 30px; margin-bottom: 10px; background: black url(URL); border: 1px dotted #969696; width: 420px; height: 540px; text-align: left; padding: 0px 10px 10px 5px; color: white !important; overflow:auto; z-index: 7; } div#container{ margin-top: 10px; } div#content_container{ margin-top: 50px; }  #content1 { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; background: black url(https://img.webme.com/pic/m/mytests/black_box.gif) left center; background-repeat: no-repeat; width: 300px; height: 600px;     position:absolute; top: 165px; left: 50%; margin-left: -410px; margin-bottom: 0px; bottom:0px; text-align:left; padding-left: 0px; padding-top:5px; padding-buttom: 5px; margin-top: 0px; z-index: 3; color: white; }  #footer { margin-bottom: 0px;     position:absolute; left: 50%; margin-left: -410px; top: 685px;     bottom:0px; background: black url(https://img.webme.com/pic/m/mytests/black_footer.gif) ; background-repeat: no-repeat; width: 750px; height: 90px;         text-align:left; padding-left: 5px;     padding-top:5px; padding-buttom: 5px; margin-top: 0px; z-index: 5; color: white; }  /* Counter */ #counter{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; position: absolute; top: 614px; left: 50%; margin-left: -210px; vertical-align: bottomline; margin-top: 0px; padding-top: 5px; text-align: center; font-color: white!important; font-size: 8px; width: 100px; border: 1px dotted #969696; background-color: #686868; background-image: url(URL); background-repeat: no-repeat; z-index: 8; }  /* Style Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } /* Ausblendungen */ div.header span, div#post_header, div#pre_header, h2#nav_heading, h2#nav_heading span, div#pre_content{ display: none; }

Tasarımın Üstündeki Yazı