WebDesing Html-Code
AreaFantasy
Text at top of page
Text at bottom of page
"CSS Code without Style Tags"
AreaAlien
Text at top of page
Text at bottom of page
"CSS Code without Style Tags"
AreaAnime

Text at top of page
Text at bottom of page
"CSS Code without Style Tags"
Shadow
Text at top of page
Text at bottom of page
"CSS Code without Style Tags"
Text at top of page
Text at bottom of page
"CSS code without StyleTags"
Wii
Text at top of page
Text at bottom of page
"CSS-Code without Style Tags"
Bioshock
Text at top of page
Text at bottom of page
"CSS Code without Style Tags"

Text at top of page
Text at bottom of page
"Css-Code without Style-Tags" !
World of Warcraft
Text at top of page
Text at bottom of page
"Css-Code without Style-Tags" !
Text at top of page
Text at bottom of page
"Css-Code without Style-Tag" !
Ratchet and Clank
Text at top of page
Text at bottom of page
"Css Code without Style Tags"
Text at top of page
Text at bottom of page
"Css Code without Style-Tags" !


CSS Design Final Fantasy

Silver Business Line
![]() |
Text über dem Design einfügen:
CSS-Code ohne Style Tags: einfügen

![]() |
CSS-Code ohne Style Tags: einfügen
Text über dem Design einfügen:

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

![]() |
Text über dem Design
einfügen:
CSS-Code
ohne Style Tags:
einfügen

Einfügen unter CSS Designs
![]() |
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
![]() |
<div id="mydesignpage_design"></div> |
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;}