PhiSie13.eu - Testseite

Grey Headless

Design Grey Headless

VORSCHAU:
Klick hier.

INFORMATION:
Dieses Design ist für "Profi Design CSS" optimiert.

CODE:

Text über dem Design:	<!-- Begin Designcontainer --> <div id="designcontainer"> <!-- Begin Header --> <div id="headerdesign"><div> <!-- End Header -->
Text unter dem Design:	<div id="Feld_unten"><center>2007 - 2008 by PhiSie13 | Design by www.phisie13.website.de.vu</center></div></div> </div> <!-- End Designcontainer -->
CSS Style ohne Tags:	/* Style-Reset */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;/* Style-Reset */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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: 13px; font-family: arial; vertical-align: baseline; } h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 50px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } * { padding: 0; margin: 0; } /* Generelles */ a{ color: black; text-decoration: none; } a:hover{ color: black; text-decoration: none; } /* Design */ #designcontainer { margin: 0 auto; width: 900px; } #headerdesign { color: #000000; width: 900px; float: left; padding: 0px; border: 0px solid black; height: 150px; background-color: #FFFFFF; background-image: url(http://phisie13.ph.funpic.de/fabi/header.png);; background-position: center; } #nav_container { color: black; border-bottom: 1px solid black; border-top:1px solid black; border-left:1px solid black; background: #e6e6e6; margin: 0px 0px 0px 0px; padding-bottom: 10px; height: 360px; width: 169px; float: left; text-align: center; } #content { float: left; color: black; border: 1px solid black; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 518px; display: inline; overflow: auto; } #sidebar_container { color: black; border-bottom: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; background: #e6e6e6; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 169px; float: left; position: relative; text-align: center; } /* Ausblendungen */ div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{ display: none; } /* Seitentitel */ h2#title{ font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; color: #000000; background-color: #e6e6e6; border: 1px solid black; width: 170px; height: 15px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; } /* Navigation */ li.nav_element{ list-style-type: none; border: 0px; height: 15px; text-align: center; } li.nav_element a{ display: block; width: 169px; height: 15px; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #c0c0c0; background-image: none; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } li.nav_element a:hover{ display: block; color: #808080; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #f5f5f5; background-image: none; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } .subpage a{ color: #f5f5f5 !important; text-decoration: none !important; } .subpage a:hover{ color: #000000 !important; text-decoration: none !important; } body{background-color: #808080} #Feld_unten { width: 878px; color: #f5f5f5; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background: #c0c0c0; margin: 0px 0px 00px 0px; padding: 10px;} Speichern Speichern padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: arial; vertical-align: baseline; } h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 50px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } * { padding: 0; margin: 0; } /* Generelles */ a{ color: black; text-decoration: none; } a:hover{ color: black; text-decoration: none; } /* Design */ #designcontainer { margin: 0 auto; width: 900px; } #headerdesign { color: #000000; width: 900px; float: left; padding: 0px; border: 0px solid black; height: 150px; background-color: #FFFFFF; background-image: url(http://phisie13.ph.funpic.de/fabi/header.png);; background-position: center; } #nav_container { color: black; border-bottom: 1px solid black; border-top:1px solid black; border-left:1px solid black; background: #e6e6e6; margin: 0px 0px 0px 0px; padding-bottom: 10px; height: 360px; width: 169px; float: left; text-align: center; } #content { float: left; color: black; border: 1px solid black; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 518px; display: inline; overflow: auto; } #sidebar_container { color: black; border-bottom: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; background: #e6e6e6; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 169px; float: left; position: relative; text-align: center; } /* Ausblendungen */ div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{ display: none; } /* Seitentitel */ h2#title{ font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; color: #000000; background-color: #e6e6e6; border: 1px solid black; width: 170px; height: 15px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; } /* Navigation */ li.nav_element{ list-style-type: none; border: 0px; height: 15px; text-align: center; } li.nav_element a{ display: block; width: 169px; height: 15px; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #c0c0c0; background-image: none; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } li.nav_element a:hover{ display: block; color: #808080; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #f5f5f5; background-image: none; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } .subpage a{ color: #f5f5f5 !important; text-decoration: none !important; } .subpage a:hover{ color: #000000 !important; text-decoration: none !important; } body{background-color: #808080} #Feld_unten { width: 878px; color: #f5f5f5; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background: #c0c0c0; margin: 0px 0px 00px 0px; padding: 10px;}

HEADERVORLAGE FÜR DIESES DESIGN:
Dieses Design heißt "Headless", es hat keine Header .