pinion.de.tl

the finest page

beyond

Design "Beyond"

Das design hat zwei menüs
und hat di eGrunfarbe Blau.
Viel Spass!

Allgemeine Daten

Designname:	Beyond
Kategorie:	CSS Profi / HPBK
Aktuelle Version:	3.0
Erscheinung:	23.1.2010

Getestet auf:	»Firefox

text über dem design:

text unter dem design:

</div> 			</div> 	 	<div id="sidebar"> 		<div id="links"> 			<h2 class="title">Nullam Veroeros</h2> 			<div class="content"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Maecenas luctus lectus at</a></li> 					<li><a href="#" _fcksavedurl="#">Etiam rhoncus volutpat erat</a></li> 					<li><a href="#" _fcksavedurl="#">Donec dictum metus</a></li> 					<li><a href="#" _fcksavedurl="#">Integer gravida quis urna</a></li> 					<li><a href="#" _fcksavedurl="#">Etiam posuere augue amet</a></li> 					<li><a href="#" _fcksavedurl="#">Lorem ipsum dolorem </a></li> 				</ul> 			</div> 		</div> 		<div> 			<h2 class="title">A Blockquote</h2> 			<div class="content"> 				<blockquote> 					<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p> 				</blockquote> 			</div> 		</div> 	</div> 	 	<div style="clear: both; height: 1px;"></div> </div>  <div id="footer"> 	<p class="links"><a href="#" _fcksavedurl="#">Privacy Policy</a> · <a href="#" _fcksavedurl="#">Terms of Use</a> · Designed By <a href="http://www.pinion.de.tl/" _fcksavedurl="http://www.pinion.de.tl/">Free CSS Templates</a> · <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> 	<p class="legal">© 2010 pinion</p> </div>

css code:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /* Design by pinion http://www.pinion.de.tl */  * { 	margin: 0; 	padding: 0; }  body { 	background: #6DCFF6 url(http://nndesigner.nn.funpic.de/designs/fertig_beyond/img1.jpg) no-repeat center top; 	font: normal 13px Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; }  h1, h2, h3 { 	color: #313131; }  h1 { 	margin-bottom: .5em; 	font-size: 182%; 	font-weight: normal; 	letter-spacing: -2px; }  h2 { 	margin-bottom: .5em; 	font-size: 136%; 	font-weight: normal; 	letter-spacing: -1px; }  h3 { 	font-size: 100%; 	font-weight: bold; }  p, blockquote, ol, ul { 	margin-bottom: 1.5em; 	text-align: justify; 	line-height: 167%; 	font-size: 107%; }  blockquote { 	margin-left: 2em; }  ol { 	margin-left: 2em; }  ul { 	list-style: none; }  ul li { }  a { 	border-bottom: 1px dotted #FFFFFF; 	text-decoration: none; 	color: #0033CC; }  a:hover { 	border-bottom: none; }  /* Menu */  #menu { 	width: 700px; 	height: 20px; 	margin: 0 auto; }  #menu ul { 	margin: 0; 	padding: 0; 	text-align: right; 	list-style: none; }  #menu li { 	padding: 0; 	display: inline; 	background: none; }  #menu a { 	padding-left: 20px; 	border: none; 	font: bold 77% Verdana, Arial, Helvetica, sans-serif; 	color: #FFFFFF; }  #menu a:hover { 	color: #0033CC; }  #menu b { 	text-decoration: underline; }  /* Logo */  #logo { 	width: 700px; 	height: 140px; 	margin: 0 auto; }  #logo h1 { 	margin: 0; 	padding: 20px 0 0 60px; 	letter-spacing: 5px; 	font-size: 60px; }  #logo h1 a { 	color: #FFFFFF; }  #logo h2 { 	margin: -10px 0 0 0; 	padding: 0 0 0 200px; 	letter-spacing: 3px; 	font-size: 36px; }  #logo h2 a { 	color: #00AEEF; }  #logo a { 	border-bottom: none; 	text-decoration: none; 	text-transform: lowercase; 	font-style: italic; }  /* Page */  #page { 	width: 700px; 	margin: 0 auto; 	background: url(http://nndesigner.nn.funpic.de/designs/fertig_beyond/img3.gif) repeat-y; }  /* Content */  #content { 	float: right; 	width: 446px; 	padding: 5px 0 0 30px; }  #welcome { 	margin-bottom: 20px; 	padding-bottom: 1px; }  .floating-box { 	float: left; 	width: 210px; }  .floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul { 	font-size: 92%; }  .floating-box img { 	border: 5px solid #FFFFFF; }  /* Sidebar */  #sidebar { 	float: left; 	width: 218px; 	padding: 0 5px 10px 1px; 	background: url(http://nndesigner.nn.funpic.de/designs/fertig_beyond/img2.jpg) no-repeat; }  #sidebar .title { 	height: 30px; 	padding: 10px 0 0 20px; 	background: url(http://nndesigner.nn.funpic.de/designs/fertig_beyond/img5.gif) repeat-x; }  #sidebar .content { 	padding: 10px 20px; }  #sidebar blockquote { 	margin: 0; }  #sidebar blockquote p { }  #links { }  #links ul { }  #links li { 	padding: 5px 0; }  #links a { 	border: none; 	color: #FFFFFF; }  #links a:hover { 	border-bottom: 1px dotted #FFFFFF; }  /* Footer */  #footer { 	width: 700px; 	margin: 0 auto; 	padding: 20px 0; 	background: url(http://nndesigner.nn.funpic.de/designs/fertig_beyond/img4.gif) no-repeat; }  #footer .links { }  #footer .legal { }

wir haben ein neues design

pinion