Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.04.2009 um 18:02 (UTC)    
Titel: Menüpunkte machen ^^

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:

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:

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:

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:

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:

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:

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:

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:

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:   


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