Autor |
Nachricht |
-
kennytv
|
08.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
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
|
|
↑
|
|
|
-
demon-x
|
08.08.2010 um 12:08 (UTC) Titel: |
|
|
Moin, ist eigentlich ganz easy:
Login
Design einstellen
Erweiterte Einstellungen
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; }
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>
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>
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 |
|
↑
|
|
|
-
kennytv
|
08.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
|
|
↑
|
|
|
-
kennytv
|
10.08.2010 um 19:19 (UTC) Titel: |
|
|
hat keiner ne idee?? |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
11.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> </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
|
|
↑
|
|
|
-
kennytv
|
11.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 |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
11.08.2010 um 15:52 (UTC) Titel: |
|
|
Kein Problem. Helfe doch immer gerne.
Setze doch ein Erledigt vor den Titel des Threads.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
|