pinion.de.tl

the finest page

applique

Design "applique"

das menü ist links vom design und
die Grundfarbe ist orange
Viel Spass!

Allgemeine Daten

Designname:	applique
Kategorie:	CSS Profi / HPBK
Aktuelle Version:	3.0
Erscheinung:	1.1.2008

Getestet auf:	»Firefox

text über dem design:

Text unter dem design:

</div> 				 				 				<div id="sidebar"> 					<ul> 						<li> 							<h2>Categories</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#">Aliquam liberonare</a></li> 								<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing</a></li> 								<li><a href="#" _fcksavedurl="#">Metusin  pellentesque</a></li> 								<li><a href="#" _fcksavedurl="#">Suspendisse  maurisres</a></li> 								<li><a href="#" _fcksavedurl="#">Urnanet  molestie semper</a></li> 								<li><a href="#" _fcksavedurl="#">Proin gravida  porttitor</a></li> 							</ul> 						</li> 						<li> 							<h2>Blogroll</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#">Aliquam liberonare</a></li> 								<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing</a></li> 								<li><a href="#" _fcksavedurl="#">Metusin  pellentesque</a></li> 								<li><a href="#" _fcksavedurl="#">Suspendisse  maurisres</a></li> 								<li><a href="#" _fcksavedurl="#">Urnanet  molestie semper</a></li> 								<li><a href="#" _fcksavedurl="#">Proin gravida  porttitor</a></li> 							</ul> 						</li> 						<li> 							<h2>Archives</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#">September</a> (23)</li> 								<li><a href="#" _fcksavedurl="#">August</a> (31)</li> 								<li><a href="#" _fcksavedurl="#">July</a> (31)</li> 								<li><a href="#" _fcksavedurl="#">June</a> (30)</li> 								<li><a href="#" _fcksavedurl="#">May</a> (31)</li> 								<li><a href="#" _fcksavedurl="#">April</a> (30)</li> 							</ul> 						</li> 					</ul> 				</div> 				 				<div style="clear:both"> </div> 			</div> 		</div> 	</div> </div> </div> <div id="footer"> 	<p>©2010 All Rights Reserved  •  Template design by <a href="http://www.pinion.de.tl/" _fcksavedurl="http://www.pinion.de.tl/">pinion</a></p> </div>

css code:

/*copyright darf nicht entfernt werden pinion.de.tl*/  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;}   body { 	margin-top: 20px; 	padding: 0; 	background: #F5E5C5 url(http://nndesigner.nn.funpic.de/designs/applique/img01.jpg) repeat left top; 	font-size: 11px; 	text-align: justify; 	color: #ABABAB; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }  h1, h2, h3 { 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #000000; }  h1 { 	letter-spacing: -2px; 	font-size: 3em; }  h2 { 	letter-spacing: -1px; 	font-size: 2em; }  h3 { 	font-size: 1em; }  p, ul, ol { 	line-height: 200%; }  blockquote { 	padding-left: 1em; }  blockquote p, blockquote ul, blockquote ol { 	line-height: normal; 	font-style: italic; }  a { 	color: #CDCDCD; }  a:hover { 	color: #CDCDCD; }  hr { 	display: none; }  #wrapper { 	width: 800px; 	margin: 0 auto; 	padding: 0; 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img03.jpg) repeat-y left top; 	border-left: 1px solid #000000; 	border-right: 1px solid #000000; 	border-bottom: 1px solid #000000; }  #wrapper .top { 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img02.jpg) no-repeat left top; }   /* Header */  #header { 	width: 800px; 	height: 80px; 	margin: 0 auto; 	padding: 20px 0 0 0; 	background: #FFB03B; 	border-left: 1px solid #000000; 	border-right: 1px solid #000000; 	border-top: 1px solid #000000; 	color: #B64926; }  #header h1, #header p { 	margin: 0; 	text-transform: lowercase; 	font-family: Georgia, "Times New Roman", Times, serif; }  #header h1 { 	color: #000000; 	font-size: 42px; 	padding-left: 35px; }  #header p { 	padding: 0px 0 0 30px; 	font-size: 12px; 	font-weight: bold; }  #header a { 	text-decoration: none; 	color: #F79F1A; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; 	margin-bottom: 15px; }  /* Content */  #content { 	float: right; 	width: 505px; 	margin: 0; 	padding: 25px 25px 15px 20px; }  .post { 	padding: 0px 0 0 0; }  .title { 	border-left: 6px solid #2E2E2E; 	padding: 0 20px 0 27px; 	font-size: 24px; }  .title a { 	text-decoration: none; 	color: #FFFFFF; }  .pagetitle { }  .byline { 	margin: -25px 20px 0 33px; 	color: #FFFFFF; }  .meta { 	text-align: left; 	color: #5C1600; 	padding: 10px 20px 10px 17px; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	background: #FFB03B; 	border: 3px solid #000000; }  .meta .more { 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img05.jpg) no-repeat left 50%; 	padding-left: 10px; }  .meta .comments { 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img05.jpg) no-repeat left 50%; 	padding-left: 10px; }  .meta a { 	color: #000000; }  .navigation { }  .alignleft { 	float: left; }  .alignright { 	float: right; }  .posts { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  .posts li { }  .posts h3 { 	margin: 0; 	font-weight: bold; }  .posts p { 	margin: 0; 	line-height: normal; }  .posts a { }  .entry { 	margin: 0; 	padding-left: 35px; 	color: #FFFFFF; }  .last { 	border: none; }  /* Sidebar */  #sidebar { 	float: left; 	width: 250px; 	margin-bottom: 10px; 	padding: 40px 0 0 0px; 	color: #5C1600; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin: 0; 	padding: 0; }  #sidebar li ul { 	margin: 0 0 20px 0; 	padding: 0; }  #sidebar li li { 	margin: 0 0 0 30px; 	padding: 0 0 0 10px; 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img05.jpg) no-repeat left 50%; 	line-height: 25px; }  #sidebar h2 { 	width: 240px; 	height: 54px; 	margin: 0; 	padding: 10px 0 0 10px; 	font-size: 18px; 	background: url(http://nndesigner.nn.funpic.de/designs/applique/img04.jpg) no-repeat left top; 	color: #FFFFFF; }  #sidebar a { 	color: #000000; }  #sidebar a:hover { 	text-decoration: none; }  /* Search */  #search input { 	display: none; }  #search input#s { 	display: block; 	width: 230px; 	padding: 2px 5px; 	border: 1px solid #3DD1FF; 	background: #FFFFFF url(http://nndesigner.nn.funpic.de/designs/applique/img05.jpg) repeat-x; }  #search br { 	display: none; }  /* Calendar */  #calendar { }  #calendar h2 { 	margin-bottom: 15px; }  #calendar table { 	width: 80%; 	margin: 0 auto; 	text-align: center; }  #calendar caption { 	width: 100%; 	text-align: center; }  #next { 	text-align: right; }  #prev { 	text-align: left; }  /* Footer */  #footer { 	width: 800px; 	height: 60px; 	min-height: 60px; 	margin: 0 auto; 	margin-bottom: 20px; 	text-align: center; 	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif; 	color: #B64926; }  #footer p { 	padding: 20px 0; }  #footer p a { 	color: #5C1600; }

wir haben ein neues design

pinion