Beatzzz
Navigation
  Css Designs
 

Diese Designs dürfen frei auf Eurer Homepage genutzt werden
Dürfen aber nicht auf Eurer Homepage zum Downloade angeboten werden


Designs by beatzz @joe ewrard
3

Wichtiger hinweis wenn ihr ein designs kopieren wollt müsst ihr STRG+C drücken






CSS Design Silver Business Line



Text über dem Design einfügen:




CSS-Code ohne Style Tags: einfügen








CSS Design City Life



CSS-Code ohne Style Tags: einfügen



Text über dem Design einfügen:
CSS Design Guild Wars


Text über dem Design
einfügen:




CSS-Code
ohne Style Tags: 
einfügen







CSS Design Tekken


Text über dem Design
einfügen:





CSS-Code
ohne Style Tags: 
einfügen









CSS Design Playstation 3



Text über dem Design
einfügen:





CSS-Code
ohne Style Tags: 
einfügen










CSS Design BF 2



Text über dem Design
einfügen:





CSS-Code
ohne Style Tags: 
einfügen









CSS Design World of Warcraft


Text über dem Design
einfügen:





CSS-Code
ohne Style Tags: 
einfügen










Einfügen unter CSS Designs
CSS Design-Ferrari



Text über dem Design
einfügen:
<div id="mydesignpage_design"></div>



CSS-Code
ohne Style Tags: 
einfügen

  #counter {display: none;}
 #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;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}
 

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}

#header_container {
position: absolute;
left: 50%;
top:60px;
margin-left:-490px;
width: 980px;
height:104px;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1959.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #202020;}

#content {
position: absolute;
left: 50%;
top: 175px;
margin-left:-310px;
width: 570px;
height: 562px;
padding:10px;
color: #FFFFFF;
font-size:13px;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1965.jpg);border:1px solid

#202020;overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top: 175px;
margin-left: 300px;
width: 190px;
height: 582px;
color: #909090;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1958.jpg);
border:1px solid #202020;overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:175px;
margin-left: -490px;
width: 160px;
height: 582px;
background-image:url(http://www.bilderspeicher24.de/bilder/1958.jpg);
border:1px solid #202020;overflow:auto;}

ul#nav{
width: 130px;
height: 20px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
margin:5px;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
height: 15px;
padding:0px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#000000;
background-image:url(http://www.bilderspeicher24.de/bilder/1960.png);
border: 1px solid #A30508;}

li.nav_element a:hover{
color: #FFFFFF;
background-color:#C9C9C9;
background-image:url(http://www.bilderspeicher24.de/bilder/1962.png);}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}







Einfügen unter CSS Designs
CSS-Design White



Text über dem Design
einfügen:
<div id="mydesignpage_design"></div>



CSS-Code
ohne Style Tags: 
einfügen

#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;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}


a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}


body {
background-color:#FFFFFF;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 1280px;
height:760px;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/hintergrund.png);background-position: top center;background-attachment: fixed;}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
margin-top:-750px;
width: 980px;
height:220px;
background-color:#xxxxxx;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/980gif.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #000000;}


#content {
position: absolute;
left: 50%;
top: 270px;
margin-left:-270px;
width: 590px;
height: 380px;
padding:10px;
color: #000000;
font-size:14px;
background-color:#xxxxxx;
background-image: none;
border: 1px solid #000000;
overflow:auto;}


#sidebar_container{
position: absolute;
left: 50%;
top:270px;
margin-left:-490px;
width: 190px;
height: 400px;
background-color:#xxxxxx;
background-image:url;
border:1px solid #000000;
color:#000000;
overflow:auto;}


#nav_container{
position: absolute;
left: 50%;
top:270px;
margin-left: 350px;
width: 140px;
border:1px solid #000000;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relativ;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 120px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: center;
color:#000000;
background-color:#343434;
background-image:url(https://img.webme.com/pic/m/mydesignpage/dgrey.jpg);
border: 1px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}



#counter{display: none;}  {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

 
  
  Heute waren schon 8 Besucher (12 Hits) hier!  
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden