blueled
Design "Blueld"
<---- Zurück 
Infos zum diesem Design:
Dieses Design eignet sich gut für eine Geschäftliche Seite oder eine Seite die Dienstleistungen anbietet.
Ihr dürft alle Grafiken austauschen! - Das Copyright von turbopage muss stehen bleiben!
Text über dem Design:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BlueLed</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.loaditup.de/files/724368_5fvnmmn2c6.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/724367_2mg6eg2s9m.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/724366_c65gd6zpng.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"><small>Dein Slogan...</small><span>Blue</span>Led</a></h1>
</div>
<div class="clr"></div>
</div>
</div>
<div class="hbg">
<div class="hbg_resize">
<div class="menu_nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="support.html">About</a></li>
<li><a href="about.html">Blog</a></li>
<li><a href="blog.html">Kontakt</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div class="clr"></div>
<h2>Lese mich zuerst....</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac magna a turpis ornare aliquam id hendrerit nisl.</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac magna a turpis ornare aliquam id hendrerit nisl. Pellentesque adipiscing blandit mollis. Curabitur varius est et sem rhoncus et pretium massa molestie.</p>
<a href="#"><img src="images/readmore.jpg" width="135" height="67" alt="" border="0" /></a> </div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article_vert">
Text unter dem Design:
</div>
<div class="clr"></div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star">Navigation</h2>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Archiv(2012)</a></li>
</ul>
</div>
<div class="gadget">
<h2 class="star">Überschrift</h2>
<ul class="ex_menu">
<li><a href="#">Lorem ipsum dolor</a><br />
Donec libero. Suspendisse bibendum</li>
<li><a href="#">Donec mattis</a><br />
Phasellus suscipit, leo a pharetra</li>
<li><a href="#">Dui pede condimentum</a><br />
Tellus eleifend magna eget</li>
<li><a href="#">Condimentum lorem</a><br />
Curabitur vel urna in tristique</li>
<li><a href="#">Fringilla velit magna</a><br />
Cras id urna orbi tincidunt orci ac</li>
<li><a href="#">Suspendisse bibendum</a><br />
purus nec placerat bibendum</li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2>Bilder von uns...</h2>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<a href="#"><img src="https://img.webme.com/pic/f/fc-saarbruecken-fans/pix1.jpg" width="66" height="66" alt="" class="ad" /></a>
<div class="clr"></div>
</div>
<div class="col c2">
<h2><span>Partner</span></h2>
<p>Unsere Partner:</p>
<ul class="sb_menu">
<li><a href="#">Partner 1</a></li>
<li><a href="#">Partner 2</a></li>
<li><a href="#">Partner 3</a></li>
<li><a href="#">Partner 4</a></li>
</div>
<div class="col c3">
<h2>Kontakt</h2>
<p>Wir sind immer zu erreichen unter:</p>
<p>
<strong>E-mail:</strong> <a href="http://turbopage.de.tl">turbopage-support@live.de</a></p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">Deine Webseite</a>.Für den HpBk umgecodet von:<a href="http://turbopage.de.tl">Turbopage</a>. Alle Rechte vorbehalten!</p>
<p class="rf">Get More <a target="_blank" href="http://www.free-css.com/">Free CSS Templates</a> by <a target="_blank" href="http://www.freewebsitetemplatez.com/">FreeWebsiteTemplatez</a></p>
<div class="clr"></div>
</div>
</div>
</div>
</body>
</html>
CSS-Code ohne Styletags:
*Dieses Design wurde von www.turbopage.de.tl für den HpBk umgecodet*
*Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an*
***www.turbopage.de.tl***
------------------------------------------------------------------------
#extraDiv1 {
display:none;
}
#extraDiv2 {
display:none;
}
#extraDiv3 {
display:none;
}
#extraDiv4 {
display:none;
}
#extraDiv5 {
display:none;
}
#extraDiv6 {
display:none;
}
#pre_header {
display:none;
}
#post_header {
display:none;
}
#pre_content {
display:none;
}
#nav_heading {
display:none;
}
#nav {
display:none;
}
div.header {
display:none;
}
h1#title {
display:none;
}
h2#title span {
display:none;
}
td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}
CSS-Code
-------------------------------------------------------------------
@#webme_footer_textlink_dont_hide {body {
width: 550px;
color: black;
background-color: transparent;
display: block;
margin: auto; }
div#webme_sky_ad{
width: 200px;
position: absolute;
top: 175px;
margin-left: 505px;
right: 0;
left: 50%;
}
margin:0;
padding:0;
width:100%;
color:#5f5f5f;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
html, .main {
padding:0;
margin:0;
background:#fff url(https://img.webme.com/pic/f/fc-saarbruecken-fans/hbg_bg.gif) repeat-x center 80px;
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
.logo {
padding:13px 0 14px 40px;
float:left;
width:auto;
}
h1 {
margin:0;
padding:0;
color:#44b2ef;
font:bold 40px/1.2em Arial, Helvetica, sans-serif;
letter-spacing:-2px;
}
h1 a, h1 a:hover {
color:#44b2ef;
text-decoration:none;
}
h1 span {
color:#9a9b9b;
}
h1 small {
display:block;
padding:0 0 0 140px;
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
letter-spacing:normal;
color:#9a9b9b;
}
h2 {
font:bold 24px Arial, Helvetica, sans-serif;
padding:8px 0;
margin:8px 0;
color:#323a3f;
}
p {
margin:8px 0;
padding:0 0 8px 0;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
a {
color:#44b2ef;
text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.fbg_resize {
margin:0 auto;
padding:0 40px;
width:890px;
}
.header {
}
.header_resize {
margin:0 auto;
padding:0;
width:970px;
}
.hbg {
background:url(https://img.webme.com/pic/f/fc-saarbruecken-fans/image.jpg) no-repeat top;
height:353px;
}
.hbg_resize {
margin:0 auto;
padding:0;
width:970px;
}
.hbg h2 {
padding-top:12px;
}
.hbg h2, .hbg p {
color:#fff;
padding-left:40px;
width:520px;
}
.hbg img {
padding-left:40px;
}
.menu_nav {
margin:0;
padding:0 0 0 24px;
float:left;
}
.menu_nav ul {
list-style:none;
}
.menu_nav ul li {
margin:0;
padding:0 8px 0 0;
float:left;
background:no-repeat right center;
}
.menu_nav ul li a {
display:block;
margin:0;
padding:12px 16px 16px;
color:#959595;
text-decoration:none;
font-size:13px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
background-color:#453e35;
color:#44b2ef
}
.content_resize {
margin:0 auto;
padding:0;
width:1000px;
}
.content .mainbar {
margin:0;
padding:0 0 0 8px;
float:left;
width:678px;
}
.content .mainbar img {
padding:4px;
border:1px solid #b7b7b7;
}
.content .mainbar .article {
margin:0;
padding:16px 24px 24px 40px;
}
.content .mainbar .article_vert {
margin:0;
padding:16px 0 24px 32px;
float:left;
width:650px;
}
.content .sidebar {
padding:0;
float:right;
width:284px;
}
.content .sidebar .gadget {
margin:0;
padding:16px 16px 24px 40px;
}
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 0;
width:220px;
}
ul.ex_menu li {
padding:4px 0 8px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
color:#5f5f5f;
text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
color:#44b2ef;
}
ul.sb_menu li a:hover {
text-decoration:underline;
}
ul.ex_menu li a:hover {
text-decoration:none;
}
.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 {
background-color:#dff2fd;
border-top:1px solid #bee3f9;
border-bottom:1px solid #bee3f9;
}
.fbg_resize {
padding:16px 40px;
}
.fbg img {
border:1px solid #cfd2d4;
}
.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 16px 8px 0;
}
.footer_resize {
margin:0 auto;
padding:24px 40px;
width:890px;
}
.footer p {
margin:0;
padding:4px 0;
line-height:normal;
}
.footer a {
color:#5f5f5f;
padding:inherit;
text-decoration:underline;
}
.footer a:hover {
text-decoration:none;
}
.footer .lf {
float:left;
}
.footer .rf {
float:right;
}
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;
}
