Autor |
Nachricht |
-
dark-blacksun
|
11.09.2009 um 16:54 (UTC) Titel: Brauche dringend hilfe!! |
|
|
Hallo wollte ein design für meine homepage haben aber etwas klappt nicht guckt doch mal nah :; dark-blacksun.de.tl was muss ich noch machen damit es passt habe das eingegeben :
<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://img5.imagebanana.com/img/9ce3ogyr/habbodesing.mst.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> |
|
↑
|
|
|
-
homepage-vergleich
|
11.09.2009 um 16:58 (UTC) Titel: Re: Brauche dringend hilfe!! |
|
|
dark-blacksun hat Folgendes geschrieben: Hallo wollte ein design für meine homepage haben aber etwas klappt nicht guckt doch mal nah :; dark-blacksun.de.tl was muss ich noch machen damit es passt habe das eingegeben :
<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://img5.imagebanana.com/img/9ce3ogyr/habbodesing.mst.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>
Oh,
die Style Tags ,üssen weg !
Habe sie mal Fett gemacht
Und die Sachen du musst die ganzen Sachen so positionieren das sie passen,
schreibe mich per PN an und ich mach das
Zuletzt bearbeitet von homepage-vergleich am 11.09.2009, 17:59, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
dark-blacksun
|
11.09.2009 um 17:01 (UTC) Titel: habe es mal gemacht |
|
|
hab es mal gemacht sieht aber immer noch gleich aus |
|
↑
|
|
|
-
css-test-oftringen
|
11.09.2009 um 21:01 (UTC) Titel: Re: Brauche dringend hilfe!! |
|
|
Bei ( Css ohne Style Tags ) einfügen:
Code:
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://img5.imagebanana.com/img/9ce3ogyr/habbodesing.mst.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);}
Bei ( Text über dem Desing ) einfügen:
Code: <div id="Mein_Bild"></div>
Zuletzt bearbeitet von css-test-oftringen am 11.09.2009, 22:02, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
homepage-vergleich
|
11.09.2009 um 21:06 (UTC) Titel: Re: Brauche dringend hilfe!! |
|
|
css-test-oftringen hat Folgendes geschrieben: Bei ( Css ohne Style Tags ) einfügen:
Code:
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://img5.imagebanana.com/img/9ce3ogyr/habbodesing.mst.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);}
Bei ( Text über dem Desing ) einfügen:
Code: <div id="Mein_Bild"></div>
Das funktioniert nicht |
|
↑
|
|
|
-
css-test-oftringen
|
11.09.2009 um 21:14 (UTC) Titel: ... |
|
|
Es geht;) er muss nur den Content und so richtig platzieren, der code nimmt jede Klasse an;) |
|
↑
|
|
|
-
css-test-oftringen
|
11.09.2009 um 21:29 (UTC) Titel: Re: Brauche dringend hilfe!! |
|
|
Hier habe ich die Klassen eingestellt, setze diesen Code in deine HP ein.
Bei ( Css ohne Style Tags ) einfügen:
Code:
#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:200px;
left:10px;
width: 1200px;
height:700px;
background-image:url(http://img5.imagebanana.com/img/9ce3ogyr/habbodesing.mst.png);}
#content {
position:absolute;
left:300px;
top:430px;
width: 530px;
height: 400px;
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:417px;
left:1023px;
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:410px;
left: 20px;
width: 200px;
height:400px;
font-family: arial, sans-serif;
overflow:auto;}
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);}
Bei ( Text über dem Desing ) einfügen:
Code: <div id="Mein_Bild"></div>
Zuletzt bearbeitet von css-test-oftringen am 12.09.2009, 10:59, insgesamt 4-mal bearbeitet
|
|
↑
|
|
|
|