Project-4SP

Call of Duty Clan Design 01

Version 1.5

Call of Duty Clan Design Nr. 1

Design Übersicht

» Dieses Design darfst du kostenlos auf deine Homepage einfügen und verwenden. Unter "Und so geht´s" findest du eine kurze Anleitung, wie du dieses Design im Homepage-Baukasten einfügst. Mit einem Klick auf das Bild des Designs vergrößert du die Vorschau.

» Bitte beachte:
Die Copyright Informationen im Footer des Designs dürfen auf keinen Fall entfernt oder geändert werden, da du sonst gegen die Lizenz- und Nutzungsrechte des Designs verstößt. Natürlich darfst du Bilder und Grafiken (Header, etc.) verändern und beschriften und auch das Design anders gestalten.

Call of Duty Clan Design Nr. 1

Das Design "Call of Duty Clan Design Nr. 1" verfügt über eine horizontale Navigation über dem Header und weitere Menüpunkte können in der rechten Sidebar untergebracht werden. Am der horizontalen Navigation gibt es kleine Call of Duty Icons, die das Design zusätzlich verschönern. Dieses Design ist ein schönes Clan Design mit tollen Features.

Der Design Code

"Text über dem Design"

"Text unter dem Design"

</div>                 
</div>                 	
<div class="col_w300 col_last">

<h3>SHORT NEWS</h3>

<div class="sb_news_box">             	
<div class="news_date">OCT 28, 2048</div>                      		<h6><a href="#" _fcksavedurl="#">Ut volutpat erat nec mauris</a></h6>
Fusce sem nulla, rutrum ac suscipit eget commodo est.

<div class="sb_news_box">             	
<div class="news_date">OCT 25, 2048</div>
<h6><a href="#" _fcksavedurl="#">Vestibulum pharetra tortor</a></h6>
Donec et purus velit, eget euismod risus consectetur dolo.

<div class="sb_news_box">
<div class="news_date">OCT 16, 2048</div>
<h6><a href="#">Morbi vitae velit eget</a></h6>
Cras suscipit condimentum dolor, in facilisis est adipiscing.

</div>          	
<div class="cleaner"></div>     
</div>

<div id="templatemo_footer">
Copyright © 2048 <a href="#">Your Company Name</a> | 
Design by <a href="http://project-4sp.de.tl/" target="_blank">Project-4Sp</a> | 
Coding by <a href="http://hpbk-templateworld.de.tl/">HpBk-TemplateWorld</a>

</div>      
</div>  
</body> </html>

"CSS-Code Ohne Style Tag"

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}

body {
color:#555;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
line-height:1.5em;
background-color:#000;
background-image:url(https://img.webme.com/pic/p/project-4sp/cod_bg.png);
background-repeat:repeat-x;
background-position:top;
margin:0;
padding:0;
}

a,a:link,a:visited {
color:#083d4a;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

img {
border:none;
}

h1 {
font-size:40px;
font-weight:400;
margin:0 0 30px;
padding:5px 0;
}

h2 {
font-size:28px;
font-weight:400;
color:#00f;
margin:0 0 30px;
padding:0;
}

h3 {
font-size:21px;
font-weight:700;
margin:0 0 15px;
padding:0;
}

h4 {
font-size:18px;
margin:0 0 15px;
padding:0;
}

h5 {
font-size:16px;
margin:0 0 10px;
padding:0;
}

h6 {
font-size:13px;
color:#07a3e2;
margin:0 0 5px;
padding:0;
}

.cleaner {
clear:both;
width:100%;
height:0;
font-size:0;
}

.cleaner_h10 {
clear:both;
width:100%;
height:10px;
}

.cleaner_h20 {
clear:both;
width:100%;
height:20px;
}

.cleaner_h30 {
clear:both;
width:100%;
height:30px;
}

.cleaner_h40 {
clear:both;
width:100%;
height:40px;
}

.cleaner_h50 {
clear:both;
width:100%;
height:50px;
}

.cleaner_h60 {
clear:both;
width:100%;
height:60px;
}

.float_l {
float:left;
}

.float_r {
float:right;
}

.image_wrapper {
display:inline-block;
border:4px solid #00f;
background:#fff;
margin-bottom:5px;
padding:1px;
}

.image_fl {
float:left;
margin:3px 15px 5px 0;
}

.image_fr {
float:right;
margin:3px 0 0 15px;
}

blockquote {
font-style:italic;
margin-left:10px;
}

cite {
font-weight:700;
color:#3b3823;
}

cite span {
color:#696443;
}

.tmo_list {
list-style:none;
margin:20px 0 20px 20px;
padding:0;
}

.tmo_list li {
color:#07a3e2;
background:transparent url(https://img.webme.com/pic/h/hpbk-templateworld/urbanlist.png) no-repeat scroll 0 0;
line-height:1em;
margin:0 0 20px;
padding:0 0 0 20px;
}

.btn_more a {
display:block;
width:80px;
height:21px;
font-size:12px;
color:#fff;
font-weight:700;
text-align:center;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/urbonbuton.png) no-repeat;
padding:2px 0 0;
}

.btn_more a:hover {
color:#fff;
text-decoration:none;
}

.btn_more a:hover,.btn_more a:hover span {
color:#ccc;
}

#templatemo_wrapper {
width:960px;
border:5px solid #00f;
border-top:none;
margin:0 auto;
}

#templatemo_header {
width:960px;
height:130px;
background:url(https://img.webme.com/pic/p/project-4sp/cod_header.png) no-repeat;
}

#templatemo_header #site_title {
float:left;
width:210px;
padding-top:30px;
padding-left:20px;
}

#templatemo_header #site_title a {
font-size:40px;
color:#6a6a6a;
font-weight:400;
text-decoration:none;
margin:0;
padding:0;
}

#templatemo_header #site_title a strong {
color:#127087;
}

#templatemo_header #site_title a span {
display:block;
font-size:16px;
color:#2c2c2c;
font-weight:400;
margin-top:15px;
margin-left:5px;
}

#templatemo_menu {
float:right;
width:600px;
margin-top:40px;
margin-right:20px;
display:inline-block;
}

#templatemo_menu ul {
float:right;
display:inline-block;
list-style:none;
margin:0;
padding:0;
}

#templatemo_menu ul li {
display:inline-block;
margin:0;
padding:0;
}

#templatemo_menu ul li a {
float:left;
display:block;
font-size:14px;
margin-left:15px;
color:#b8b8b8;
text-decoration:none;
font-weight:700;
outline:none;
background:url(https://img.webme.com/pic/p/project-4sp/cod_menu_button.png) no-repeat center left;
padding:5px 0 5px 25px;
}

#templatemo_menu ul li a:hover,#templatemo_menu ul .current {
color:#4a9db3;
background:url(https://img.webme.com/pic/p/project-4sp/cod_menu_button_hover.png) no-repeat center left;
}

#templatemo_middle {
clear:both;
width:840px;
height:200px;
background:url(https://img.webme.com/pic/p/project-4sp/cod_middle.png) no-repeat;
padding:30px 60px;
}

#templatemo_middle h1 {
color:#f7e374;
line-height:1em;
margin-bottom:10px;
}

#templatemo_middle p {
font-size:20px;
line-height:1.2em;
color:#f7e374;
margin-bottom:20px;
}

#templatemo_middle .learn_btn a {
display:block;
width:162px;
height:40px;
background: none no-repeat;
}

#templatemo_middle .learn_btn a:hover {
background: none no-repeat;
}

#templatemo_content {
clear:both;
width:940px;
background:#000 url(https://img.webme.com/pic/p/project-4sp/cod_content.png) top center no-repeat;
padding:30px 10px;
}

.col_w300 {
float:left;
width:280px;
padding-right:20px;
margin-right:20px;
}

.col_w620_w2col {
float:left;
width:620px;
margin-right:20px;
}

.col_w620_content {
padding-right:20px;
margin-bottom:40px;
}

.col_last {
margin-right:0;
}

.sb_news_box {
margin-bottom:20px;
}

.news_date {
background:url(https://img.webme.com/pic/p/project-4sp/cod_date.png) top left no-repeat;
border-bottom:1px solid #00f;
margin-bottom:10px;
color:#fff;
font-weight:700;
font-size:11px;
padding:0 5px;
}

.sb_news_box img {
float:left;
width:60px;
height:60px;
margin-right:15px;
background:#fff;
border:2px solid #2d2f2f;
padding:1px;
}

.sb_news_box h6 a {
color:#3ca3e2;
}

.news_box {
clear:both;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px dashed #fff;
}

.news_box h2 {
color:#183544;
margin-bottom:10px;
}

.news_box img {
float:left;
width:220px;
height:180px;
margin-right:30px;
border:4px solid #ccc;
background:#fff;
margin-bottom:5px;
padding:1px;
}

.news_box_last {
border:none;
margin:0;
padding:0;
}

#contact_form {
padding:0;
}

#contact_form form .input_field {
width:270px;
background:#fff;
border:1px solid #dfdfdf;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
padding:5px;
}

#contact_form form label {
display:block;
width:100px;
margin-right:10px;
font-size:13px;
}

#contact_form form textarea {
width:266px;
height:140px;
background:#fff;
border:1px solid #dfdfdf;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
padding:5px;
}

#contact_form .submit_btn {
background:#fff;
border:1px solid #dfdfdf;
padding:5px 14px;
}

#templatemo_footer {
width:940px;
height:40px;
text-align:center;
background:url(https://img.webme.com/pic/p/project-4sp/cod-footer.png) no-repeat;
padding:55px 10px 0;
}

#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6,#pre_header,#post_header,#pre_content,#nav_heading,#nav,div.header,h1#title,h2#title span {
display:none;
}

p,#templatemo_header #site_title h1,#contact_form form {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,#templatemo_footer a {
color:#00f;
}

em,.tmo_list li a,.tmo_list li a:hover {
color:#07a3e2;
}

#templatemo_content p,.news_box .news_meta {
margin-bottom:10px;
}

Und so geht´s

» Zuerst musst du dich in den Homepage-Baukasten einloggen.
» Dann klickst du auf "Design einstellen" und wählst dort das "CSS-Design - Nur für Profis geeignet" aus.
» Danach klickst du auf "Erweiterte Einstellungen" und fügst die Codes, die hier auf der Seite stehen, in die verschiedenen Felder "Text über dem Design" "Text unter dem Design" und "CSS-Code ohne Style Tags" ein.
» Danach speicherst du das Ganze ab und darfst dein neues Design bestaunen.

Sie sind unser 68426 Besucher

Sidebar

Project-4SP

Call of Duty Clan Design 01

Kennst du schon...?

Partner

Partner

Follow Us