Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.08.2010 um 11:53 (UTC)    
Titel: HTML zu CSS umschreiben

Hallo Leute arbeite gerade an meiner Website http://www.kennytv.de.tl

Ich habe nun soweit das HTML Dokument fertig weiß aber leider nicht wie ich es für CSS umwandeln/umschreiben kann. Ich hoffe ihr könnt mir helfen.



Das der HTML Code ist jetzt komplett alles drin sogar die Werbung Wink
Ich hoffe ihr könnt mir helfen.
Hier ein Bild wie die Wesbite mit DreamWeaver aussieht :




Liebe Grüße KennyTV


Zuletzt bearbeitet von kennytv am 21.08.2010, 18:37, insgesamt 2-mal bearbeitet
Beitrag08.08.2010 um 12:08 (UTC)    
Titel:

Moin, ist eigentlich ganz easy:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen


Arrow Den CSS Code fügst dann im Feld "CSS Code ohne Style Tags" ein:
Code:
                 
#header_container {display:none;}     

body { background-attachment:fixed;
margin:0px;
padding:0px;
height:100%;
background-color:#000000;
background-image:url();}   

#bigbg { position:absolute;
left:0px;
top:0px;
width:100%;
background-image:url();
border:none;
height:600px;
z-index:-1; }   

 #container { top:30px;
width:950px;
height:auto;
background-image:url(http://img.webme.com/pic/k/kennytv/conttopv1.png);
background-repeat:repeat-x;
padding:0px;
background-color:#;
font-family:"Trebuchet MS",
Verdana; font-size:13px;
color:#FFFFFF; }   

#Feld_oben  { width:950px;
background-color:#;
height:190px; }   

#header { display:none; }
.header { text-align:right; }   

ul#nav { height: 43px;
list-style-type:none;
margin:0;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
background-image:url(); }   

li.nav_element { display:inline;
list-style:none;
margin:0px;
padding:8px;
background-image:url(); }   

#nav_element:hover { height: 20px;
background:url(http://img.webme.com/pic/k/kennytv/leer_bg.png); }   

#nav_heading { display:none; }

#menu { font-family:"Trebuchet MS",
Verdana; font-size:13px;
font-weight:bold;
text-decoration:none;
color:#e1e1e1; }   

#menu:hover { color:#edad00; }   

 #content { border:#cccccc solid 0px;
height:px;
width:925px;
border-top:none;
background-image:url(http://img.webme.com/pic/k/kennytv/mittelstueck.png);
background-color:#000000;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
overflow:auto;
text-align:justify; }   

#counter { margin-top:-1px;
padding-top:14px;
text-align:center; font-size:12px;
 font-family:Arial color:#FFFFFF;
letter-spacing:2px;  color:#FFFFFF;
background-image:url(http://img.webme.com/pic/k/kennytv/fooooterv1.png);
width:950px; height:30px; }   
#sidebar_heading { margin:0; padding:0; overflow:auto; }   
#adcontainer { position:absolute; left:50%; margin-left:-600px; top:80px;
width:145px; height:950px; background:url(); z-index:99; }   

 #adsmedia { position:absolute; left:px; top:13px; }   

h2#title { width:938px; height:10px; margin:0px; background-image:url();
background-color:#; padding-left:5px; padding-right:5px;
padding-top:2px; border:0px # solid;
border-top:none;
padding-bottom:0; font-family:"Trebuchet MS",
Verdana; font-size:0px;  font-weight:normal;
margin-left:-8px; margin-right:550px; text-align:center;
color:#FFFFFF; letter-spacing:2px; margin-bottom: 0px; } 


Arrow Diesen Teil fügst du im Feld "Text über dem Designs":
Code:

<div id="Feld_oben"> <map name="Partner"><area shape="rect" coords="710,174,761,189" href="http://kennytv.de.tl/Auftrag.htm" _fcksavedurl="http://kennytv.de.tl/Auftrag.htm"/>
<area shape=rect coords="655,173,694,189" href="http://www.giga.de" _fcksavedurl="http://www.giga.de">
<area shape=rect coords="581,175,639,188" href="http://www.youtube.com/kennytheshow" _fcksavedurl="http://www.youtube.com/kennytheshow">
<area shape=rect coords="728,161,780,175" href="http://kennytv.de.tl/Kontakt.htm" _fcksavedurl="http://kennytv.de.tl/Kontakt.htm">
<area shape=rect coords="656,162,707,175" href="http://kennytv.de.tl/Partner.htm" _fcksavedurl="http://kennytv.de.tl/Partner.htm">
<area shape=rect coords="566,161,634,176" href="http://kennytv.de.tl/Impressum.htm" _fcksavedurl="http://kennytv.de.tl/Impressum.htm">
<area shape=rect coords="514,174,577,188" href="http://kennytv.de.tl/xxxx.htm" _fcksavedurl="http://kennytv.de.tl/xxxx.htm">
</map>
<img src="http://img.webme.com/pic/k/kennytv/header2.png" width="951" border=0 usemap="#Partner" _fcksavedurl="http://img.webme.com/pic/k/kennytv/header2.png"></div> 


Arrow Und das im Feld "Text unter dem Designein" :
Code:
<map name="MeinBild">
<area href="http://kwennytv.de.tl" coords="12,199,192,247" shape="rect" />
<area href="http://kennytv..de.tl/Sendungen.htm" coords="12,257,192,306" shape="rect" />
<area href="http://kennytv.de.tl/Kontakt.htm" coords="12,315,192,362" shape="rect" />
<area href="http://kennytv.de.tl/Jobs.htm" coords="13,373,193,420" shape="rect" />
<area href="http://kennytv.de.tl/.ue.ber-kennytv.htm" coords="13,431,193,479" shape="rect" />
<area href="http://kennytv.de.tl/News.htm" coords="721,199,902,247" shape="rect" />
<area href="http://kennytv.de.tl/Top-Themen.htm" coords="721,258,902,304" shape="rect" />
<area href="http://kennytv.de.tl/Funny-News.htm" coords="721,315,902,362" shape="rect" />
<area href="http://kennytv.de.tl/Das-Team.htm" coords="721,373,902,420" shape="rect" />
<area href="http://kennytv.de.tl/G.ae.stebuch.htm" coords="721,430,902,480" shape="rect" /> </map> <img border="0" usemap="#MeinBild" src="http://img.webme.com/pic/k/kennytv/kennytv-homepic.png" alt="" />            </div>


Arrow Anmerkungen:
Bei dem Tag <map></map> kann es passieren dass er vom BK nicht anerkannt wird.
Ändere dass dann einfach in <div></div>

Ich habe deinen Code jetzt nicht auf Fehler überprüft.

MfG Demon
______________


Beitrag08.08.2010 um 13:40 (UTC)    
Titel:

das mit dem text unter dem design wird nicht funktionieren dann geht das bild nicht weg sondern ist immer unter der fusleiste zudem.

die obere leiste fehlt und die navigation fehlt leider auch.


Zuletzt bearbeitet von kennytv am 08.08.2010, 14:41, insgesamt einmal bearbeitet
Beitrag10.08.2010 um 19:19 (UTC)    
Titel:

hat keiner ne idee??
Beitrag11.08.2010 um 09:18 (UTC)    
Titel:

Hey,

Schritt 1: Design einfügen
Dazu gehen wir jetzt einfach in Design einstellen >> erweiterte Einstellungen >> CSS-Code ohne Styletags

Code:

#header_container, #nav_container {display:none;}     

body { background-attachment:fixed;
margin:0px;
padding:0px;
height:100%;
background-color:#000000;
background-image:url();}   

#bigbg { position:absolute;
left:0px;
top:0px;
width:100%;
background-image:url();
border:none;
height:600px;
z-index:-1; }   

 #container { top:30px;
width:950px;
margin: 0 auto;
height:auto;
background-image:url(http://img.webme.com/pic/k/kennytv/conttopv1.png);
background-repeat:repeat-x;
padding:0px;
background-color:#;
font-family:"Trebuchet MS",
Verdana; font-size:13px;
color:#FFFFFF; }   

#Feld_oben  { width:950px;
background-color:#;
height:190px;
margin: 0 auto; }   

#header { display:none; }
.header { text-align:right; }   

ul#nav { height: 43px;
list-style-type:none;
margin:0;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
background-image:url(); }   

li.nav_element { display:inline;
list-style:none;
margin:0px;
padding:8px;
background-image:url(); }   

.nav_element:hover { height: 20px;
background:url(http://img.webme.com/pic/k/kennytv/leer_bg.png); }   

#nav_heading { display:none; }

.menu { font-family:"Trebuchet MS",
Verdana; font-size:13px;
font-weight:bold;
text-decoration:none;
color:#e1e1e1; }   

.menu:hover { color:#edad00; }   

 #content { border:#cccccc solid 0px;
height:px;
width:925px;
border-top:none;
background-image:url(http://img.webme.com/pic/k/kennytv/mittelstueck.png);
background-color:#000000;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
overflow:auto;
text-align:justify; }   

#counter { margin-top:-1px;
padding-top:14px;
text-align:center; font-size:12px;
 font-family:Arial color:#FFFFFF;
letter-spacing:2px;  color:#FFFFFF;
background-image:url(http://img.webme.com/pic/k/kennytv/fooooterv1.png);
width:950px; height:30px; }   
#sidebar_heading { margin:0; padding:0; overflow:auto; }   
#adcontainer { position:absolute; left:50%; margin-left:-600px; top:80px;
width:145px; height:950px; background:url(); z-index:99; }   

 #adsmedia { position:absolute; left:px; top:13px; }   

h2#title { width:938px; height:10px; margin:0px; background-image:url();
background-color:#; padding-left:5px; padding-right:5px;
padding-top:2px; border:0px # solid;
border-top:none;
padding-bottom:0; font-family:"Trebuchet MS",
Verdana; font-size:0px;  font-weight:normal;
margin-left:-8px; margin-right:550px; text-align:center;
color:#FFFFFF; letter-spacing:2px; margin-bottom: 0px; }   


Schritt 2: Header und Navigation einfügen
Der folgende Code wird jetzt in Design einstellen >> erweiterte Einstellungen >> Text über Design eingefügt:
Code:

<div id="Feld_oben"> <map name="Partner"><area shape="rect" coords="710,174,761,189" href="http://kennytv.de.tl/Auftrag.htm" _fcksavedurl="http://kennytv.de.tl/Auftrag.htm"/>
<area shape=rect coords="655,173,694,189" href="http://www.giga.de" _fcksavedurl="http://www.giga.de">
<area shape=rect coords="581,175,639,188" href="http://www.youtube.com/kennytheshow" _fcksavedurl="http://www.youtube.com/kennytheshow">
<area shape=rect coords="728,161,780,175" href="http://kennytv.de.tl/Kontakt.htm" _fcksavedurl="http://kennytv.de.tl/Kontakt.htm">
<area shape=rect coords="656,162,707,175" href="http://kennytv.de.tl/Partner.htm" _fcksavedurl="http://kennytv.de.tl/Partner.htm">
<area shape=rect coords="566,161,634,176" href="http://kennytv.de.tl/Impressum.htm" _fcksavedurl="http://kennytv.de.tl/Impressum.htm">
<area shape=rect coords="514,174,577,188" href="http://kennytv.de.tl/xxxx.htm" _fcksavedurl="http://kennytv.de.tl/xxxx.htm">
</map>
<img src="http://img.webme.com/pic/k/kennytv/header2.png" width="951" border=0 usemap="#Partner" _fcksavedurl="http://img.webme.com/pic/k/kennytv/header2.png"></div>

<div style="text-align: center;"><a href="http://kennytv.de.tl"><img border="0" alt="" src="http://img.webme.com/pic/k/kennytv/startseite.png" /></a><a href="http://kennytv.de.tl/sendungen.htm/"><img border="0" alt="" src="http://img.webme.com/pic/k/kennytv/sendungen.png" /></a><a href="http://kennytv.de.tl/G.ae.stebuch.htm"><img border="0" alt="" src="http://img.webme.com/pic/k/kennytv/gaestebuch.png" /></a><a href="http://kennytv.de.tl/news.htm"><img border="0" alt="" src="http://img.webme.com/pic/k/kennytv/news2.png" /></a><a href="http://kennytv.de.tl/.ue.ber-kennytv.htm"><img border="0" alt="" src="http://img.webme.com/pic/k/kennytv/ueberkennytv.png" /></a>&nbsp;</div>


Schritt 3: Startseite einfügen
Dazu gehen wir jetzt in den Editor und wählen dort die Startseite aus. Dort klicken wir oben auf Quelltext und löschen den kompletten Inhalt. Dan fügen wir Folgendes ein:
Code:

<map name="MeinBild">
<area href="http://kwennytv.de.tl" coords="12,199,192,247" shape="rect" />
<area href="http://kennytv..de.tl/Sendungen.htm" coords="12,257,192,306" shape="rect" />
<area href="http://kennytv.de.tl/Kontakt.htm" coords="12,315,192,362" shape="rect" />
<area href="http://kennytv.de.tl/Jobs.htm" coords="13,373,193,420" shape="rect" />
<area href="http://kennytv.de.tl/.ue.ber-kennytv.htm" coords="13,431,193,479" shape="rect" />
<area href="http://kennytv.de.tl/News.htm" coords="721,199,902,247" shape="rect" />
<area href="http://kennytv.de.tl/Top-Themen.htm" coords="721,258,902,304" shape="rect" />
<area href="http://kennytv.de.tl/Funny-News.htm" coords="721,315,902,362" shape="rect" />
<area href="http://kennytv.de.tl/Das-Team.htm" coords="721,373,902,420" shape="rect" />
<area href="http://kennytv.de.tl/G.ae.stebuch.htm" coords="721,430,902,480" shape="rect" /> </map> <img border="0" usemap="#MeinBild" src="http://img.webme.com/pic/k/kennytv/kennytv-homepic.png" alt="" /> 


Eine Frage von mir
Hast du das Recht das Logo von Giga zu nutzen?

Edit:
So jetzt ist jetzt alles mittig. Einfach den CSS-Code (das oberste) neu einfügen.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING


Zuletzt bearbeitet von ig444 am 11.08.2010, 13:54, insgesamt einmal bearbeitet
Beitrag11.08.2010 um 12:12 (UTC)    
Titel:

Hey dankeschön das hat geklappt.
nur noch ne frage.
nur das menü ist mittig wie macht in den rest jetzt mittig?

und nein bis jetzt hab ich das recht noch net. hab vor mehreren monaten angefragt aber keine antwort von carsten bekommen. ist sowieo nur vorrübergehen. ist nur ein test. wird eh bald nochmal umdesigned mit neuem logo und alles Wink
Beitrag11.08.2010 um 15:52 (UTC)    
Titel:

Kein Problem. Helfe doch immer gerne. Wink
Setze doch ein Erledigt vor den Titel des Threads.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


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