Turbopage|net

Xerodeo

Design "Xerodeo"

<---- Zurück


Bild
Infos zum diesem Design:

-

Ihr dürft alle Grafiken austauschen! - Das Copyright von turbopage muss stehen bleiben!








Text über dem Design:


<head>
<script type="text/javascript" src="http://www.loaditup.de/files/781428_rawkckzmzs.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/781429_y5v73du8su.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/781430_a7zeg2chxg.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/781431_pnd49n5p6t.js"></script>
<script type="text/javascript" src="http://www.loaditup.de/files/781427_466hkgg78x.js"></script>
</head>
<body>
<div class="main">
<div class="headerr">
<div class="headerr_resize">
<div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Home Page</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="blog.html"><span>Blog</span></a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
<div class="logo">
<h1><a href="index.html"><span>Xerodeo</span> <small>Company Slogan Here</small></a></h1>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider">
<a href="#"><img src="http://www.loaditup.de/files/781432_h2dssxxxws.jpg" width="960" height="294" alt="" /> </a>
<a href="#"><img src="http://www.loaditup.de/files/781433_pkpb653rq2.jpg" width="960" height="294" alt="" /> </a>
<a href="#"><img src="http://www.loaditup.de/files/781432_h2dssxxxws.jpg" width="960" height="294" alt="" /> </a>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">


Text unter dem Design:

   </div>
</div>
<div class="sidebar">
<div class="clr"></div>
<div class="gadget">
<h2 class="star"><span>Sidebar</span> Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li><a href="#">TemplateInfo</a></li>
<li><a href="#">Style Demo</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Web Templates</a></li>
</ul>
</div>
<div class="gadget">
<h2 class="star"><span>Sponsors</span></h2>
<div class="clr"></div>
<ul class="ex_menu">
<li><a href="#">Lorem ipsum dolor</a><br />
Donec libero. Suspendisse bibendum</li>
<li><a href="#">Dui pede condimentum</a><br />
Phasellus suscipit, leo a pharetra</li>
<li><a href="#">Condimentum lorem</a><br />
Tellus eleifend magna eget</li>
<li><a href="#">Fringilla velit magna</a><br />
Curabitur vel urna in tristique</li>
<li><a href="#">Suspendisse bibendum</a><br />
Cras id urna orbi tincidunt orci ac</li>
<li><a href="#">Donec mattis</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><span>Image</span> Gallery</h2>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a>
<a href="#"><img src="http://www.loaditup.de/files/781437_u7a5vkwrp9.jpg" width="75" height="75" alt="" class="gal" /></a> </div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
<ul class="fbg_ul">
<li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
<li><a href="#">Excepteur officia deserunt.</a></li>
<li><a href="#">Integer tellus ipsum tempor sed.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
<p class="contact_info"> <span>Address:</span> 1458 TemplateAccess, USA<br />
<span>Telephone:</span> +123-1234-5678<br />
<span>FAX:</span> +458-4578<br />
<span>Others:</span> +301 - 0125 - 01258<br />
<span>E-mail:</span> <a href="#">mail@yoursitename.com</a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">Domain Name</a>. Für den HpBk umgecodet von <a href="http://turbopage.de.tl">Turbopage</a>. </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.dreamtemplate.com/">DreamTemplate</a></p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>



CSS-Code ohne Styletags:


#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #pre_content, #nav_heading, #nav, div.header, h1#title, h2#title span {
display : none;
}
table[height="102"] {
margin : 0 auto;
}
#webme_footer_textlink_dont_hide {
display : block;
width : 980px;
margin : 8px auto 0;
color : #FFF;
text-align : center;
text-shadow : 0 1px 0 #FFF;
background : transparent;
}
div#webme_sky_ad {
width : 160px;
position : absolute;
top : 220px;
left : 50%;
right : 0;
margin-left : 500px;
box-shadow : 0 0 5px #000;
}



body {
margin:0;
padding:0;
width:100%;
color:#7e7e7e;
font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
background:#353535 url(http://www.loaditup.de/files/781435_s2htaru65p.gif) repeat-x left top;
}
html, .main {
padding:0;
margin:0;
}
.main {
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
h2 {
margin:8px 0;
padding:8px 0;
font-size:26px;
font-weight:normal;
line-height:1.2em;
color:#646364;
text-transform:none;
}
p {
margin:8px 0;
padding:0 0 8px 0;
}
a {
color:#5286bc;
text-decoration:underline;
}
.headerr, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.headerr {
background:no-repeat center 78px;
}
.headerr_resize {
margin:0 auto;
padding:0;
width:960px;
}
.logo {
padding:0;
float:none;
float:left;
width:auto;
height:107px;
}
h1 {
margin:0;
padding:20px 0 0 20px;
font-size:45px;
font-weight:bold;
line-height:1.2em;
text-transform:none;
letter-spacing:2px;
}
h1 a, h1 a:hover {
color:#fff;
text-decoration:none;
}
h1 span {
}
h1 small {
display:block;
font-size:14px;
line-height:1.2em;
letter-spacing:normal;
text-transform:none;
color:#a5a6a6;
}
.slider {
margin:0;
padding:0 0 32px;
}
.rss {
padding:18px 20px 0 0;
float:right;
width:auto;
}
.rss p {
margin:0;
padding:0;
float:right;
width:auto;
color:#fff;
font-size:13px;
line-height:1.5em;
font-weight:bold;
}
.rss a {
color:#fff;
text-decoration:none;
}
.rss a:hover {
text-decoration:underline;
}
.rss img {
margin:-3px 0 -3px 6px;
border:none;
}
.menu_nav {
margin:0;
padding:16px 0 0;
height:66px;
float:right;
}
.menu_nav ul {
list-style:none;
padding:0 0 0 2px;
height:66px;
float:left;
}
.menu_nav ul li {
margin:0;
padding:0 2px 0 0;
float:left;
background:no-repeat right center;
}
.menu_nav ul li a {
display:block;
margin:0;
padding:24px;
font-size:15px;
line-height:18px;
font-weight:normal;
color:#b6b7b7;
text-decoration:none;
text-transform:none;
text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
text-decoration:none;
color:#fff;
background:none;
}
.content {
padding:0 0 24px;
border-bottom:1px solid #404040;
}
.content_resize {
margin:0 auto;
padding:24px 0 40px;
width:960px;
background:#fff;
}
.content .mainbar {
margin:0;
padding:0;
float:right;
width:680px;
}
.content .mainbar h2 {
margin-bottom:8px;
border-bottom:5px solid #353535;
}
.content .mainbar div.img {
padding:12px 0;
float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
margin:0;
border:1px solid #e5e5e5;
}
.content .mainbar .article {
margin:0 0 8px;
padding:6px 20px;
}
.content .mainbar .post_content {
float:right;
width:440px;
}
.content .mainbar .post_content strong {
color:#7e7e7e;
}
.content .sidebar {
padding:0;
float:left;
width:260px;
}
.content .sidebar .gadget {
margin:0 0 12px;
padding:6px 20px 24px;
}
.content .sidebar h2 {
border-bottom:5px solid #5286bc;
}
ul.sb_menu, ul.ex_menu {
margin:0;
padding:0;
list-style:none;
color:#7e7e7e;
}
ul.sb_menu li, ul.ex_menu li {
margin:0;
border-bottom:2px solid #ccc;
}
ul.sb_menu li, ul.ex_menu li {
padding:8px 0;
width:220px;
}
ul.sb_menu li a {
color:#7e7e7e;
text-decoration:none;
margin-left:0;
padding:4px 8px 4px 0;
}
ul.ex_menu li a {
font-weight:bold;
color:#7e7e7e;
text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
color:#5286bc;
font-weight:bold;
text-decoration:none;
}
p.spec {
padding:0;
border-bottom:2px solid #5689bd;
}

.article a.com {
display:block;
float:right;
margin:-36px 0 0;
padding:6px 12px 2px;
font-size:30px;
font-weight:normal;
text-decoration:none;
text-align:center;
color:#fff;
background:#5689bd;
}
.article a.com:hover {
text-decoration:none;
}
.article a.com span {
}
.post_content a.rm {
display:block;
padding:6px 0;
font-size:16px;
line-height:20px;
font-weight:normal;
text-transform:none;
color:#5286bc;
text-decoration:none;
}
.content p.pages {
margin:0;
padding:24px 20px;
font-size:11px;
line-height:16px;
color:#7e7e7e;
text-align:left;
}
.content p.pages span, .content p.pages a {
display:block;
float:left;
margin:0 2px 0 0;
padding:7px 0;
width:30px;
text-decoration:none;
text-align:center;
background:no-repeat center center;
}
.content p.pages span, .content p.pages a:hover {
color:#fff;
background:#5689bd;
}
.content p.pages a {
color:#7e7e7e;
border:none;
}
.content p.pages small {
font-size:12px;
float:right;
}
.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:#303030;
border-top:1px solid #282828;
border-bottom:1px solid #404040;
}
.fbg_resize {
margin:0 auto;
width:920px;
padding:16px 20px;
color:#fff;
}
.fbg h2 {
margin-bottom:24px;
padding-bottom:8px;
color:#fff;
}
.fbg img.gal {
margin:0 8px 8px 0;
padding:0;
border:4px solid #fff;
}
.fbg .col {
margin:0;
float:left;
}
.fbg .c1 {
padding:0 16px 0 0;
width:280px;
}
.fbg .c2 {
padding:0 36px 0 16px;
width:280px;
}
.fbg .c3 {
padding:0 0 0 16px;
width:274px;
}
.fbg .fbg_ul {
margin:0;
padding:0;
list-style:none;
}
.fbg .fbg_ul li {
margin:0;
padding:0;
list-style:none;
}

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:0;
padding:5px 2px;
height:16px;
background-color:#fff;
}
ol li textarea {
width:480px;
border:1px solid #c0c0c0;
margin:0;
padding:2px;
background-color:#fff;
}
ol li .send {
margin:16px 0 0 0;
}

.footer {
border-top:1px solid #282828;
}
.footer_resize {
margin:0 auto;
padding:0;
width:920px;
line-height:1.5em;
color:#fff;
}
.footer_resize p {
margin:24px 0;
padding:0;
line-height:normal;
white-space:nowrap;
text-indent:inherit;
}
.footer_resize a {
color:#5689bd;
font-weight:normal;
margin:0;
padding:0;
border:none;
text-decoration:underline;
background-color:transparent;
}
.footer_resize a:hover {
color:#5689bd;
background-color:transparent;
text-decoration:none;
}
.footer_resize .lf {
float:left;
}
.footer_resize .rf {
float:right;
}
a {
outline:none;
}

.coin-slider {
padding:0;
overflow:hidden;
zoom:1;
position:relative;
float:right;
}
.coin-slider a {
text-decoration:none;
outline:none;
border:none;
}

.cs-buttons {
display:none;
margin:8px 0 0;
padding:0;
font-size:0;
float:left;
}
.cs-buttons a {
margin:0 2px;
width:20px;
height:20px;
float:left;
color:#fff;
text-indent:-10000px;
background:no-repeat center center;
}
.cs-buttons a.cs-active {
color:#fff;
}

.cs-title {
display:none;
padding:16px 60px 16px 24px;
width:876px;
color:#fff;
font-size:15px;
line-height:1.5em;
background:url(http://www.loaditup.de/files/781436_pfgr9c6efv.png) repeat left top;
}
.cs-title big {
font-size:20px;
}

.cs-prev, .cs-next {
background:url(http://www.loaditup.de/files/781436_pfgr9c6efv.png) repeat left top;
color:#fff;
padding:0 10px;
}











Sonstiges


Werbung

Text
janinauhse-fanpage.de.tl zerfall-subkultur-rost.de.tl geldregen-cash.de.tl

1. Platz

2. Platz

3. Platz

www.janinauhse-fanpage.de.tl www.zerfall-subkultur-rost.de.tl www.geldregen-cash.de.tl
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden