Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.04.2009 um 18:02 (UTC)    
Titel: Menüpunkte machen ^^
Antworten mit Zitat
Hallo,

Ich habe mir ein Design von zitapage geholt, aber jetzt weiß ich nit wie man da die menüpunkte macht, kann mir bitte wer helfen? Smile

Lg
↑
Beitrag08.04.2009 um 20:39 (UTC)    
Titel:
Antworten mit Zitat
Am besten mit HTML!!
Einfache Metode für Anfänger:
Geh auf "eigene Seiten editieren"
Erstelle eine neue Seite.
Schreibe die Menüpunkte untereinander auf, und verlinke sie.
Klicke auf Quellcode und kopiere alles!

Einfügen:

Also im Moment habe ich nur die Rechts oben herrausgefunden.
Das ist die rechte Box. Den Code kannst du also da einfügen.

Das andere dauert etwas, aber das schaf ich schon!!

vg tjpeiler
↑
Beitrag08.04.2009 um 20:58 (UTC)    
Titel:
Antworten mit Zitat
So, fertig!
Puhhh... war das ne arbeit.
Alles war föllig unsortiert!

Ich hab den Code jetzt mal geordnet!!

Am besten du fügst ihn komplet neu ein!

Text über dem Design:
Code:
<div id="side"> 
<a href="http://zitapage.de.tl/" _fcksavedurl="http://zitapage.de.tl/" _fcksavedurl="http://zitapage.de.tl/">Design by zitapage</a></div>
 
<div id="sidebar3">Hier Menüpunkt</div>         
<div id="sidebar4">Hier Menüpunkt </div>     
<div id="sidebar6">Hier Menüpunkt</div>   
<div id="sidebar7">Hier Menüpunkt</div>   
<div id="sidebar8">Hier Menüpunkt</div>   
<div id="copyrightbyzitapage"><a href="http://www.zitapage.com" _fcksavedurl="http://www.zitapage.com">design by zitapage</a></div><center>       
<div id="container">


Bei "Hier Menüpunkt" kannst du deinen Code einfügen!!

CSS-Code:


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;} 
#nav{display: none;} 
div.header{display: none;}
 h1#title{display: none;} 
 h2#title span {display: none;}   

a{ color:#ffffff;
text-decoration: none;
 font-size:13px;}

 a:hover { color: #ffffff;
font-size: 13px;
 text-decoration: none;}

  a:link { color: #ffffff;
 font-size: 13px;
text-decoration: none;}

 a:active { color: #ffffff;
font-size: 13px;
text-decoration: none;}

 a:visited { color: #ffffff;
 font-size: 13px;
 text-decoration: none;}

body {
background-color:#000000;
background-image:url(http://s10.directupload.net/images/081213/rce3857i.png);
}

*{ padding: 0; margin: 0; }     

#Mein_Bild {
 margin: 0 auto;
 width: 1024px;
height:768px;
 background-image:url(http://s10.directupload.net/images/081213/rce3857i.png);
}   

  #header_container {
position: absolute;
 left: 50%;
margin-left:-475px;
 width: 960px;
height:200px;
 background-color:#343434;
background-image:url(http://images.ps-art.at/?1239217457_testheader.png); color:#0090ff;
 font-size:13px;
 border: 1px solid #0090ff;
}   

 #content {
position: absolute;
 left: 50%;
 top: 250px;
margin-left:-325px;
width: 638px;
 height: px;
 padding:10px;
 color: #ffffff;
font-size:13px;
background-color:#111111;
 background-image:url();
 border: 1px solid #5F5F5F;
overflow:auto;}     

#sidebar_container{
position: absolute;
left: 50%;
top:257px;
margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#000000; overflow:auto;
}   

#side{
position: absolute;
 left: 50%;
 top:200px;
margin-left: -475px;
 width: 960px;
height: 35px;
background-color:#dbdbdb;
background-image:url(http://s10.directupload.net/images/081216/fd6925np.png); border:1px solid #5F5F5F;
 color:#000000; overflow:auto;
}       

#sidebar3{ position: absolute;
left: 50%;
top:257px;
margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000; overflow:auto;
}             
 #sidebar4{
position: absolute;
 left: 50%;
top:497px;
 margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#000000;
overflow:auto;
}     

 #sidebar6{
position: absolute;
 left: 50%;
 top:497px;
 margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
overflow:auto;}     

#sidebar7{ position: absolute;
 left: 50%;
 top:735px;
 margin-left: -475px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
 overflow:auto;
}     

 #sidebar8{
 position: absolute;
left: 50%;
top:735px;
margin-left: 345px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png);
 border:1px solid #5F5F5F;
 color:#000000;
overflow:auto;
}       

#copyrightbyzitapage{ position: absolute;
 left: 50%;
 top:23px;
margin-left: 350px;
 width: 140px;
 height: 20px;
 background-color:#;
background-image:url();
 border:0px solid #5F5F5F;
color:#000000;
overflow:auto;
}
↑
Beitrag09.04.2009 um 06:59 (UTC)    
Titel:
Antworten mit Zitat
Ja also erstmal vielen Dank!

ABER, Ich will ja die ganzen Menüpunkte in wie Gästebuch, Kontakt und so Sad

Und: Jetzt sieht man das "Design by Zitapage" nimmer und ich glaub das schmeckt ihm gar nit^^
↑
Beitrag09.04.2009 um 07:04 (UTC)    
Titel:
Antworten mit Zitat
Und noch was:

Wie kann ich das jettzt machen das die boxen alle um 10 pxp weiter unten sind? also das sie nich so am header dransind?
↑
Beitrag09.04.2009 um 09:37 (UTC)    
Titel:
Antworten mit Zitat
Also, ich seh das Copyright noch!!

Warum du nicht weiß ich nicht.

Und was das andere betrifft, brauche ich eine genauere beschreibung was du meinst!
↑
Beitrag09.04.2009 um 09:44 (UTC)    
Titel:
Antworten mit Zitat
mike-awards hat Folgendes geschrieben:
Und noch was:

Wie kann ich das jettzt machen das die boxen alle um 10 pxp weiter unten sind? also das sie nich so am header dransind?


Such im Code folgendes:

Code:
#sidebar_container{
position: absolute;
left: 50%;
top:257px;
margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#000000; overflow:auto;
}   

#side{
position: absolute;
 left: 50%;
 top:200px;
margin-left: -475px;
 width: 960px;
height: 35px;
background-color:#dbdbdb;
background-image:url(http://s10.directupload.net/images/081216/fd6925np.png); border:1px solid #5F5F5F;
 color:#000000; overflow:auto;
}       

#sidebar3{ position: absolute;
left: 50%;
top:257px;
margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000; overflow:auto;
}             
 #sidebar4{
position: absolute;
 left: 50%;
top:497px;
 margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#000000;
overflow:auto;
}     

 #sidebar6{
position: absolute;
 left: 50%;
 top:497px;
 margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
overflow:auto;}     

#sidebar7{ position: absolute;
 left: 50%;
 top:735px;
 margin-left: -475px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
 overflow:auto;
}     

 #sidebar8{
 position: absolute;
left: 50%;
top:735px;
margin-left: 345px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png);
 border:1px solid #5F5F5F;
 color:#000000;
overflow:auto;
}       


Überall wo "top:XXpx" steht 10 dazurechnen!

XX steht für die Pixel-Zahl, die überall anders ist.

Statt "top:XXpx;" steht da zum Beispiel "top:123px;".

vg tjpeiler
↑
Beitrag09.04.2009 um 10:15 (UTC)    
Titel:
Antworten mit Zitat
Ja hab ich schon herausgefunden, deeshalb ist das copyright wieder sichtbar also das passt jetzt

Aber wie ich die ganzen menüpunkte machen kann weis ich noch immer nit .(
↑
Beitrag09.04.2009 um 11:23 (UTC)    
Titel:
Antworten mit Zitat
bitte, hier ist der Code, alles löschen und nochmal einfügen!!

Text über dem Design:
Code:
<div id="side"> 
<a href="http://zitapage.de.tl/" _fcksavedurl="http://zitapage.de.tl/" _fcksavedurl="http://zitapage.de.tl/">Design by zitapage</a></div>
 
<div id="sidebar3"><br/>
<font color="#000000">Headline</font>
<br/>
<br/>
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a></div>         

<div id="sidebar4"><br/><font color="#000000">Headline</font>
<br/>
<br/>
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a></div>     

<div id="sidebar6"><br/><font color="#000000">Headline</font>
<br/>
<br/>
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a></div>   

<div id="sidebar7">
<br/><br/><br/><img height="150" width="120" alt="" src="http://BildURL" /></div>   

<div id="sidebar8"><br/><br/><br/><img height="150" width="120" alt="" src="http://BildURL" /></div>   

<div id="copyrightbyzitapage"><a href="http://www.zitapage.com" _fcksavedurl="http://www.zitapage.com">design by zitapage</a></div><center>       
<div id="container">


Bei "http://deine-seite.de.tl/ musst du den Link zur unterseite angeben:
z.B. "http://tjpeiler-designs.de.tl/Kontakt.htm"

Bei "Link zur Seite" Das eingeben was im Punkt stehen soll!
z.B. Kontakt

EDIT
Bei "Headline" kannst du irgenteine Überschrift schreiben!
Oder löschen wenn du das nicht willst!!

CSS-Code ohne Style-Tags:
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;} 
#nav{display: none;} 
div.header{display: none;}
 h1#title{display: none;} 
 h2#title span {display: none;}   

a{ color:#ffffff;
text-decoration: none;
 font-size:13px;}

 a:hover { color: #ffffff;
font-size: 13px;
 text-decoration: none;}

  a:link { color: #ffffff;
 font-size: 13px;
text-decoration: none;}

 a:active { color: #ffffff;
font-size: 13px;
text-decoration: none;}

 a:visited { color: #ffffff;
 font-size: 13px;
 text-decoration: none;}

body {
background-color:#000000;
background-image:url(http://s10.directupload.net/images/081213/rce3857i.png);
}

*{ padding: 0; margin: 0; }     

#Mein_Bild {
 margin: 0 auto;
 width: 1024px;
height:768px;
 background-image:url(http://s10.directupload.net/images/081213/rce3857i.png);
}   

  #header_container {
position: absolute;
 left: 50%;
margin-left:-475px;
 width: 960px;
height:200px;
 background-color:#343434;
background-image:url(http://images.ps-art.at/?1239217457_testheader.png); color:#0090ff;
 font-size:13px;
 border: 1px solid #0090ff;
}   

 #content {
position: absolute;
 left: 50%;
 top: 250px;
margin-left:-325px;
width: 638px;
 height: px;
 padding:10px;
 color: #ffffff;
font-size:13px;
background-color:#111111;
 background-image:url();
 border: 1px solid #5F5F5F;
overflow:auto;}     

#sidebar_container{
position: absolute;
left: 50%;
top:257px;
margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#FFFFFF; overflow:auto;
}   

#side{
position: absolute;
 left: 50%;
 top:200px;
margin-left: -475px;
 width: 960px;
height: 35px;
background-color:#dbdbdb;
background-image:url(http://s10.directupload.net/images/081216/fd6925np.png); border:1px solid #5F5F5F;
 color:#000000; overflow:auto;
}       

#sidebar3{ position: absolute;
left: 50%;
top:257px;
margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
text-align:center;
 overflow:auto;
}             
 #sidebar4{
position: absolute;
 left: 50%;
top:497px;
 margin-left: 345px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
color:#000000;
text-align:center;
overflow:auto;
}     

 #sidebar6{
position: absolute;
 left: 50%;
 top:497px;
 margin-left: -475px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
text-align:center;
 color:#000000;
overflow:auto;}     

#sidebar7{ position: absolute;
 left: 50%;
 top:735px;
 margin-left: -475px;
 width: 140px;
 height: 220px;
 background-color:#dbdbdb;
background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png); border:1px solid #5F5F5F;
 color:#000000;
 overflow:auto;
}     

 #sidebar8{
 position: absolute;
left: 50%;
top:735px;
margin-left: 345px;
 width: 140px;
height: 220px;
background-color:#dbdbdb;
 background-image:url(http://s5b.directupload.net/images/090207/8krg73fq.png);
 border:1px solid #5F5F5F;
 color:#000000;
overflow:auto;
}       

#copyrightbyzitapage{ position: absolute;
 left: 50%;
 top:23px;
margin-left: 350px;
 width: 140px;
 height: 20px;
 background-color:#;
background-image:url();
 border:0px solid #5F5F5F;
color:#000000;
overflow:auto;
}


Hier bitte nichts verändern!!

Für die Box rechts oben folgendes in die rechte Box einfügen:
Code:
<br/>
<font color="#000000">Headline</font>
<br/>
<br/>
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a><br />
<a href="http://www.deine-seite.de.tl">LinkzurSeite</a>


Zuletzt bearbeitet von tjpeiler-designs am 09.04.2009, 12:27, insgesamt 2-mal bearbeitet
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.