- Design Monster

Design Monster

Text überm Design

<div class="main"> 	<div class="header"> 		<div class="header_resize"> 			<div class="logo"> 				<h1> 					<a href="index.html" _fcksavedurl="index.html">Paddys-Blog</a><small> Simple web template</small></h1> 			</div> 			<div class="menu_nav"> 				<ul> 					<li class="active"> 						<a href="home.htm" _fcksavedurl="home.htm"><span>Home</span></a></li> 					<li> 						<a href="/kontakt.htm" _fcksavedurl="/kontakt.htm"><span>Kontakt</span></a></li> 					<li> 						<a href="about.html" _fcksavedurl="about.html"><span>About Us</span></a></li> 					<li> 						<a href="blog.html" _fcksavedurl="blog.html"><span>Blog</span></a></li> 					<li> 						<a href="contact.html" _fcksavedurl="contact.html"><span>Contact Us</span></a></li> 				</ul> 				<div class="clr"> 					 </div> 			</div> 			<div class="clr"> 				 </div> 			<div class="header_img"> 				<img alt="image" height="102" src="https://img.webme.com/pic/p/paddys-blog/fdgvdf.png" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/fdgvdf.png" width="392" /> 				<div class="clr"> 					 </div> 			</div> 		</div> 	</div> 	<div class="clr"> 		 </div> 	<div class="content"> 		<div class="content_resize"> 			<div class="mainbar"> 				<div class="article"> 					<h2>

Text unterm Design

<span>Template</span> License</h2> 					<div class="clr"> 						 </div> 					<p> 						Posted on 18. Sep, 2015 by Sara in Filed under templates, internet, with Comments 18</p> 					<img alt="image" src="https://img.webme.com/pic/p/paddys-blog/img_1.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/img_1.jpg" style="width: 613px; height: 193px;" /> 					<div class="clr"> 						 </div> 					<p> 						This is a free CSS website template by <a href="http://www.iwebsitetemplate.com/" _fcksavedurl="http://www.iwebsitetemplate.com/" title="Website Templates">iWebsiteTemplate.com</a>. This work is distributed under the <a href="http://creativecommons.org/licenses/by/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to <a href="http://www.iwebsitetemplate.com/" _fcksavedurl="http://www.iwebsitetemplate.com/" title="Website Templates">iWebsiteTemplate.com</a>.</p> 					<p> 						Maecenas dignissim mauris in arcu congue tincidunt. Vestibulum elit nunc, accumsan vitae faucibus vel, scelerisque a quam. Aenean at metus id elit bibendum faucibus. Curabitur ultrices ante nec neque consectetur a aliquet libero lobortis. Ut nibh sem, pellentesque in dictum eu, convallis blandit erat. Cras vehicula tellus nec purus sagittis id scelerisque risus congue. Quisque sed semper massa. Donec id lacus mauris, vitae pretium risus. Fusce sed tempor erat.</p> 					<p> 						<a href="#" _fcksavedurl="#">Read more </a></p> 				</div> 				<div class="article"> 					<h2> 						 </h2> 				</div> 			</div> 		</div> 	</div> </div>  <p> 	<span>Aliquam Risus</span> Justo</p> <div class="clr"> 	 </div> <p> 	Posted on 18. Sep, 2015 by Sara in Filed under templates, internet, with Comments 18</p> <p> 	<img alt="image" height="193" src="images/img_1.jpg" _fcksavedurl="images/img_1.jpg" width="613" /></p> <div class="clr"> 	 </div> <p> 	This is a free CSS website template by <a href="http://www.iwebsitetemplate.com/" _fcksavedurl="http://www.iwebsitetemplate.com/" title="Website Templates">iWebsiteTemplate.com</a>. This work is distributed under the <a href="http://creativecommons.org/licenses/by/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to <a href="http://www.iwebsitetemplate.com/" _fcksavedurl="http://www.iwebsitetemplate.com/" title="Website Templates">iWebsiteTemplate.com</a>.</p> <p> 	<a href="#" _fcksavedurl="#">Read more </a></p> <div class="article" style="padding:5px 20px 2px 20px;"> 	<p> 		Page 1 of 2 <span class="butons"><a href="#" _fcksavedurl="#">3</a><a href="#" _fcksavedurl="#">2</a> <a class="active" href="#" _fcksavedurl="#">1</a></span></p> </div> <div class="sidebar"> 	<div class="search"> 		<form action="" id="form" method="post" name="form"> 			<span><input class="keywords" id="textfield" maxlength="50" name="q" type="text" value="Search..." /> <input class="button" name="b" src="images/search.gif" type="image" /> </span></form> 	</div> 	 	<div class="gadget"> 		<h2> 			Sidebar Menu</h2> 		<div class="clr"> 			 </div> 		<ul class="sb_menu"> 			<li> 				<a href="#" _fcksavedurl="#">Home</a></li> 			<li> 				<a href="/kontakt.htm" _fcksavedurl="/kontakt.htm">Kontakt</a></li> 			<li> 				<a href="#" _fcksavedurl="#">Style Demo</a></li> 			<li> 				<a href="#" _fcksavedurl="#">Blog</a></li> 			<li> 				<a href="#" _fcksavedurl="#">Archives</a></li> 			<li> 				<a href="http://www.dreamtemplate.com/" _fcksavedurl="http://www.dreamtemplate.com/">Web Templates</a></li> 		</ul> 	</div> 	<div class="gadget"> 		 </div> 	<div class="gadget"> 		<h2> 			Wise Words</h2> 		<div class="clr"> 			 </div> 		<p> 			<img alt="image" height="17" src="images/test_1.gif" _fcksavedurl="images/test_1.gif" width="19" /> <em>We can let circumstances rule us, or we can take charge and rule our lives from within </em>.<img alt="image" height="17" src="images/test_2.gif" _fcksavedurl="images/test_2.gif" width="19" /></p> 		<p style="float:right;"> 			<strong>Earl Nightingale</strong></p> 	</div> </div> <div class="clr"> 	 </div> <div class="fbg"> 	<div class="fbg_resize"> 		<div class="col c1"> 			<h2> 				<span>Image Gallery</span></h2> 			<a href="#" _fcksavedurl="#"><img alt="pix" src="https://img.webme.com/pic/p/paddys-blog/gallery_1.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_1.jpg" style="width: 58px; height: 58px;" /></a> <a href="#" _fcksavedurl="#"><img alt="pix" src="https://img.webme.com/pic/p/paddys-blog/gallery_2.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_2.jpg" style="width: 58px; height: 58px;" /></a> <a href="#" _fcksavedurl="#"><img alt="pix" src="https://img.webme.com/pic/p/paddys-blog/gallery_3.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_3.jpg" style="width: 58px; height: 58px;" /></a> <a href="#" _fcksavedurl="#"><img alt="pix" src="https://img.webme.com/pic/p/paddys-blog/gallery_4.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_4.jpg" style="width: 58px; height: 58px;" /></a> <img alt="" src="https://img.webme.com/pic/p/paddys-blog/gallery_5.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_5.jpg" /> <a href="#" _fcksavedurl="#"><img alt="pix" src="https://img.webme.com/pic/p/paddys-blog/gallery_6.jpg" _fcksavedurl="https://img.webme.com/pic/p/paddys-blog/gallery_6.jpg" style="width: 58px; height: 58px;" /></a></div> 		<br /> 		<div class="clr"> 			 </div> 	</div> </div> <div class="clr"> 	 </div> <div class="footer"> 	<p class="lr"> 		© Copyright <a href="http://Paddys-Blog.de/Home.htm" _fcksavedurl="http://Paddys-Blog.de/Home.htm">Paddys-Blog.de</a>.</p> 	<p class="lr"> 		Coding: <a href="http://paddys-blog.de" _fcksavedurl="http://paddys-blog.de">Paddys-Blog.de</a></p> 	<p class="lf"> 		Layout by [i] <a href="http://www.iwebsitetemplate.com/" _fcksavedurl="http://www.iwebsitetemplate.com/">Website Templates</a></p> 	<div class="clr"> 		 </div> </div> <p> 	 </p>

CSS Code ohne Style tags

@charset "utf-8"; /* Design by http://www.templateaccess.com Released for free under a Creative Commons Attribution 3.0 License */  body { margin:0; padding:0; width:100%; color:#9a9a9a; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} html, .main { padding:0; margin:0; background:#1e557a;} .clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} .logo { padding:15px 0 20px 0; margin:0 auto; width:450px; float:left;} .logo img { float:left; margin:0 10px 0 0; } h1 { margin:0; padding:5px 0; width:340px; color:#fff; font:normal 36px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px;} h1 a { color:#fff; text-decoration:none; float:left;} h1 a:hover { color:#78bbe6; text-decoration:none;} h1 a:hover span { color:#fff;} h1 span { color:#78bbe6;} h1 small {  color:#fff; float:left; padding:18px 0 0 10px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;} h2 { font:normal 24px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; color:#595959;} p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} p.spec { text-align:right;} a { color:#78bbe6; text-decoration:none;} a:hover { text-decoration:underline;} a.rm, a.com { margin-left:8px; padding:9px 12px; background:url(images/a_bg.gif) repeat-x top; text-decoration:none; color:#fff;}  .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}  /* header */ .header { } .header_resize { margin:0 auto; padding:3px 0 0 0; width:970px;} .header_img { width:970px;  padding:20px 0 0 0;} .header_img img  { float:left;} .header_img h2 { width:500px; float:right; text-align:left; font: normal 26px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 0; margin:0; text-transform:uppercase;} .header_img p {width:500px; float:right; text-align:left; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:10px 0 0 0;} /* menu */ .menu_nav { margin:20px 0 0 0; padding:3px 0 0 10px; float:right; width:500px;} .menu_nav ul { list-style:none; padding:0; margin:0; } .menu_nav li { float:left; padding:0 5px; } .menu_nav li a { background:url(https://img.webme.com/pic/p/paddys-blog/r_menu_one.gif) no-repeat right; font:normal 13px Arial, Helvetica, sans-serif; color:#878989; display:block; float:left; padding:10px 0; } .menu_nav li a span {background:url(https://img.webme.com/pic/p/paddys-blog/l_menu_one.gif) no-repeat left; padding:10px 15px; } .menu_nav li a:hover { text-decoration:none; color:#878989; background:url(https://img.webme.com/pic/p/paddys-blog/r_menu.gif) no-repeat right; } .menu_nav li a:hover span { text-decoration:none; color:#878989; background:url(https://img.webme.com/pic/p/paddys-blog/r_menu.gif) no-repeat left; } .menu_nav li.active a { text-decoration:none; color:#878989; background:url(https://img.webme.com/pic/p/paddys-blog/r_menu.gif) no-repeat right; } .menu_nav li.active a span {text-decoration:none; color:#878989; background:url(https://img.webme.com/pic/p/paddys-blog/l_menu.gif) no-repeat left; }  /* search */ .search { margin:0; padding:20px 0;} .search form { padding:0; margin:0; } .search span { display:block; float:left; background:#fff; border:1px solid #dcdcdd; width:250px; padding:0 5px; height:29px; margin:0;} .search form .keywords { width:220px; line-height:13px; height:13px; float:left; background:none; border:0; padding:8px 0px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#767676; } .search form .button { float:left; margin:0; padding:4px 0 0 0; border:0; position:relative; } /* content */ .content { padding:10px 0 0 0;} .content_resize { margin:0 auto; padding:20px 0 0 0; width:970px; background:#ececec;} .content .mainbar { margin:0; padding:0 20px 0 0; float:right;} .content .mainbar img { float:left; padding:4px; margin:0 10px 0 0; border:1px solid #eaecec; background-color:#fff;} .content .mainbar .article { margin:0 0 20px 0;  padding:30px 20px;  width:590px;} .content .mainbar .article span.butons a { margin:0 5px 0 0; float:right; color:#9a9a9a; padding:1px 10px; text-decoration:none;  border:1px solid #ebe8e8; background:#fbfbfc;} .content .mainbar .article span.butons a:hover { border:1px solid #d9f0ff; background:#78bbe6; color:#fff; text-decoration:none;} .content .mainbar .article span.butons a.active {  border:1px solid #ebe8e8;  background:#78bbe6; color:#fff; text-decoration:none;} .content .sidebar { margin:0; padding:0 0 0 20px; float:left; } .content .sidebar .gadget { margin:0 0 20px 0; padding:30px 10px; width:200px;} ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;} ul.sb_menu li, ul.ex_menu li { margin:0;} ul.sb_menu li { padding:4px 0 4px 12px; width:220px;} ul.ex_menu li { padding:4px 0 8px 12px;} ul.sb_menu li a, ul.ex_menu li a { color:#959595; text-decoration:none; margin-left:-12px; padding-left:22px;  background:url(https://img.webme.com/pic/p/paddys-blog/li_a_hover.gif) left no-repeat;} ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#78bbe6; text-decoration:underline; background:url(https://img.webme.com/pic/p/paddys-blog/li_a.gif) left no-repeat;} ul.sb_menu li a:hover { text-decoration:underline;} ul.ex_menu li a:hover { text-decoration:none;}  /* subpages */ .content .mainbar .comment { margin:0; padding:16px 0 0 0;} .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}  /* fbg */ .fbg { padding:10px 0 0 0;background: url(https://img.webme.com/pic/p/paddys-blog/fbg_bg.gif) top repeat-x; margin:10px 0 0 0;} .fbg_resize { margin:0 auto; padding:20px 20px; width:930px;} .fbg  h2 { color:#5190bb;} .fbg  p { color:#959595;} .fbg  a { color:#959595; text-decoration:none;} .fbg  img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;} .fbg .col { margin:0; float:left;} .fbg .c1 { padding:0 16px 0 0; width:266px;} .fbg .c2 { padding:0 16px; width:300px;} .fbg .c3 { padding:0 0 0 16px; width:260px;} .fbg .c1 img { margin:8px;} .fbg .c3 img { margin:8px 16px 4px 0; float:left;}  /* footer */ .footer { width:970px; margin:0 auto; padding:40px 0 20px 0;} .footer p.lf { margin:0; padding:4px 0; float:right; width:auto; text-align:right; line-height:1.5em; color:#a5bbca;} .footer p.lf a { color:#63aedf;} .footer p.lr { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em; color:#a5bbca;} .footer p.lr a { color:#63aedf;}   /* form */ ol { list-style:none;} ol li { display:block; clear:both;} ol li label { display:block; margin:0; padding:16px 0 0 0;} ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;} ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;} ol li .send { margin:16px 0 0 0;} #nav_container{display:none!important;}

Herzlich Willkommen

Design Monster

new

Besucherstatistik

Navigation

Partner

Webmaster Log-In

Benutzername:
Kennwort: