Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.10.2009 um 22:25 (UTC)    
Titel: DESIGN teilen

Code:
<style type="text/css">
<!--
body { background-image:url(http://i106.piczo.com/view/4/d/c/7/f/6/i/9/1/q/t/l/img/t315007220_79775_5.png) }
//-->
</style>



<style type="text/css">
<!--
#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;}

body {
background-color:#1100FF;}


*{ padding: 0; margin: 0; }



#Mein_Bild {
position:absolute;
top: 60px;
left:10px;
width: 1099px;
height:832px;
background-image:url(http://img.webme.com/pic/h/hotel-habbos-design1/12324rd4rdefc3wftggtgh541.png);}

#content {
position:absolute;
left:280px;
top:250px;
width: 530px;
height: 550px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}




#sidebar_container{
position: absolute;
top:225px;
left:835px;
width: 167px;
height: 142px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}


#nav_container{
position: absolute;
top:235px;
left: 90px;
width: 200px;
height:400px;
font-family: arial, sans-serif;
}

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

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

li.nav_element a{
display: block;
width: 142px;
padding:4px;
font-weight: arial;
text-decoration: arial;
text-align: left;
color:#000000;
background-color:#000000;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);}







//-->
</style>
</head>
<body id="hpb_cssonly">
<table height="27">
<tr>

</tr>
</table> <div id="Mein_Bild"></div>


Das ist mein Designcode nun ich glaube ich muss Ihn teilen also für CSS und Text über dem Design doch wo?
Beitrag12.10.2009 um 23:34 (UTC)    
Titel:

versuch mal das

Text über Design:

Code:
//-->
</style>
</head>
<body id="hpb_cssonly">
<table height="27">
<tr>

</tr>
</table> <div id="Mein_Bild"></div>


CSS ohne Style Tags

Code:
<style type="text/css">
<!--
body { background-image:url(http://i106.piczo.com/view/4/d/c/7/f/6/i/9/1/q/t/l/img/t315007220_79775_5.png) }
//-->
</style>



<style type="text/css">
<!--
#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;}

body {
background-color:#1100FF;}


*{ padding: 0; margin: 0; }



#Mein_Bild {
position:absolute;
top: 60px;
left:10px;
width: 1099px;
height:832px;
background-image:url(http://img.webme.com/pic/h/hotel-habbos-design1/12324rd4rdefc3wftggtgh541.png);}

#content {
position:absolute;
left:280px;
top:250px;
width: 530px;
height: 550px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}




#sidebar_container{
position: absolute;
top:225px;
left:835px;
width: 167px;
height: 142px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}


#nav_container{
position: absolute;
top:235px;
left: 90px;
width: 200px;
height:400px;
font-family: arial, sans-serif;
}

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

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

li.nav_element a{
display: block;
width: 142px;
padding:4px;
font-weight: arial;
text-decoration: arial;
text-align: left;
color:#000000;
background-color:#000000;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);}






Kenn mich mit dem coden zwar nicht so gut aus aber das müsste es sein
______________


Zuletzt bearbeitet von ddesign am 13.10.2009, 09:44, insgesamt einmal bearbeitet
Beitrag13.10.2009 um 09:00 (UTC)    
Titel:

Viele Sachen sind so noch unnötig:

CSS Code:
Zitat:


body { background-image:url(http://i106.piczo.com/view/4/d/c/7/f/6/i/9/1/q/t/l/img/t315007220_79775_5.png) }

#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;}

body {
background-color:#1100FF;}


*{ padding: 0; margin: 0; }



#Mein_Bild {
position:absolute;
top: 60px;
left:10px;
width: 1099px;
height:832px;
background-image:url(http://img.webme.com/pic/h/hotel-habbos-design1/12324rd4rdefc3wftggtgh541.png);}

#content {
position:absolute;
left:280px;
top:250px;
width: 530px;
height: 550px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}




#sidebar_container{
position: absolute;
top:225px;
left:835px;
width: 167px;
height: 142px;
background-color:#343434;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
border:px solid #6699FF;
color:;
overflow:auto;}


#nav_container{
position: absolute;
top:235px;
left: 90px;
width: 200px;
height:400px;
font-family: arial, sans-serif;
}

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

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

li.nav_element a{
display: block;
width: 142px;
padding:4px;
font-weight: arial;
text-decoration: arial;
text-align: left;
color:#000000;
background-color:#000000;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);
}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://www.duw-pool.de/images/produkte/pools/alkor-weiss.jpg);}




Text über Design:

Zitat:

<body id="hpb_cssonly">
<table height="27">
<tr>

</tr>
</table> <div id="Mein_Bild"></div>


Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de