Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.04.2009 um 17:09 (UTC)    
Titel: Cool Menü

Hallo,
Da meine Seite nciht viel Inhalt hat wollte ich euch mal fragen wie
ich das Design mit ganz einfachen klicks zu einem Coolmenü umbaue.

Falls ihr meinen Design-Code bracuht postet es hier

lg
Beitrag03.04.2009 um 17:21 (UTC)    
Titel:

Beitrag03.04.2009 um 17:24 (UTC)    
Titel:

Da Du keine Untermenüs benötigst, kannst Du auch folgenden Code bei Dir mit einbauen.
Evtl.musst Du noch ein wenig mit den Werten spielen Wink

Zitat:
<style type="text/css">
<!--
td.edit_header_full{height:142px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Regeln{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Siegel{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Kriterien{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Anmeldung{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Geprft{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
-->
</style>
Beitrag03.04.2009 um 17:26 (UTC)    
Titel:

WOOW Danke muss ich den alten Code löschen???
Und kann ich die Button behalten oder muss ich diesen Code einfach einfügen???
Beitrag03.04.2009 um 17:29 (UTC)    
Titel:

hi,

den Code von Coolplace kannst du eigentlich so übernehmen. Du solltest den Code nur ganz unten vom CSS-Code einfügen Wink
Wenn du den Code aus einen der von mir geposteten Tutorials nimmst, bedarf es einige Änderungen.

Ich empfehle dir die Lösung von coolplace - ist für die Anzahl an Seiten besser.

Gruß,
Max
______________
http://blog.mamuehi.de
Beitrag03.04.2009 um 17:33 (UTC)    
Titel:

Aber irgednwei ist da eine Lücke zwischen Home,
was mache ich falsch???

Außerdem feheln 2 Seiten? *hä*

Hier mein Code:

<a href="http://www.scverl-2.de.tl"><strong><font color="#000000">Copright by scverl-2.de.tl</font></strong></a>

<style type="text/css"> <!--
body{background-image:url(http://s11b.directupload.net/images/090401/pc7lezds.jpg);background-position: center center;background-attachment: fixed;}
a{color: ; font-size: 11px; text-decoration: none;}
a:hover{color: ; font-size: 11px; text-decoration: none;}
td.edit_header_full{background-image: url(http://s11b.directupload.net/images/090401/8ijpg5oc.png); background-repeat: no-repeat; width: 921px; height: 104px;}
td.headline{visibility: hidden;}
td.nav{background-image: url(http://s10.directupload.net/images/090401/2ngpb5l7.png); height: 33;}
td.nav:hover{background-image: url(http://s10b.directupload.net/images/090401/82o6k2c2.png);}
td.nav_heading{background-image: url(http://s10.directupload.net/images/090401/rek4v634.png); height: 23px; color: #000000; font-size: 11px;}
td.edit_navi_headbg{background-image: url(); height: 0px;}
td.edit_below_nav {visibility: hidden; height: 0px;}
td.edit_content_top{background-image: url(http://s10.directupload.net/images/090401/u8jwbn94.png); height: 25px;font-weight:bold;}
td.headline2{color: #000000; font-size: 11px;}
td.edit_content{background-image: url(http://img.webme.com/pic/s/scverl-2/inhalt.jpg);background-color: #FFFFFF;border: 1px solid #000000;overflow:auto;}
td.edit_content_bottom{background-image: url(http://s10b.directupload.net/images/090401/p6afsu5y.png);}
td.edit_content_bottom2{background-image: url();}
td.edit_rechts_cbg{background-image: url(); height: 0px;}
td.sidebar_heading {background-image: url(http://s10.directupload.net/images/090401/rek4v634.png); height: 23px; color: #000000; font-size: 11px;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{border: 1px solid #000000;background-image:url();background-color:#FFFFFF;}
td.edit_rechts_bottom{background-image: url();}
td.edit_rechts_sbg{background-image: url(); height: 0px;}
td.edit_rb_footer {background-image: url();}
--> </style>
<style type="text/css">
<!--
td.edit_header_full{height:142px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Regeln{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Siegel{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Kriterien{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Anmeldung{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Geprft{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
#nav_Mitarbeiter{position:absolute;left:761px;top:155px;width:140px;z-index:7;}
#nav_Impressum{position:absolute;left:761px;top:155px;width:140px;z-index:8;}
-->
</style>


Zuletzt bearbeitet von sites-check am 03.04.2009, 18:34, insgesamt einmal bearbeitet
Beitrag03.04.2009 um 17:38 (UTC)    
Titel:

Zitat:
<style type="text/css">
<!--
td.edit_header_full{height:142px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Regeln{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Siegel{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Kriterien{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Anmeldung{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Geprft{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
#nav_Mitarbeiter{position:absolute;left:761px;top:155px;width:140px;z-index:7;}
#nav_Impressum{position:absolute;left:761px;top:155px;width:140px;z-index:8;}
-->
</style>
Die seite "Regeln" fehlt,
darum wird dort auch kein Button angezeigt Wink

Du könntest jetzt natürlich auch alle Pixel umändern, dann würde es so aussehen:
Zitat:
<style type="text/css">
<!--
td.edit_header_full{height:142px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Siegel{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Kriterien{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Anmeldung{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Geprft{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Mitarbeiter{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
#nav_Impressum{position:absolute;left:918 px;top:155px;width:140px;z-index:7;}
-->
</style>
Das blaue war auch noch falsch Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 03.04.2009, 18:44, insgesamt einmal bearbeitet
Beitrag03.04.2009 um 17:43 (UTC)    
Titel:

Wenn Du Dich dann entschieden hast, wie die einzelnen Titel heißen, kannst Du auch einen entgültigen Code bekommen ^^ Wink
Beitrag03.04.2009 um 17:44 (UTC)    
Titel:

Ja jezt ist alles so0 wie es sein solll,
aber da ist noch was am Content wie ihr seht!
z.B auf Kriterien!
Beitrag03.04.2009 um 17:48 (UTC)    
Titel:

Dann bau das jetzt mal so ein:
Zitat:
<style type="text/css">
<!--
td.edit_header_full{height:143px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Siegel{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Kriterien{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Anmeldung{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Geprft{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Mitarbeiter{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
#nav_Impressum{position:absolute;left:761px;top:155px;width:140px;z-index:8;}
-->
</style>


Edit:

Hast noch einen Fehler drin:

Zitat:
<style type="text/css"> <!--
body{background-image:url(http://s11b.directupload.net/images/090401/pc7lezds.jpg);background-position: center center;background-attachment: fixed;}
a{color: ; font-size: 11px; text-decoration: none;}
a:hover{color: ; font-size: 11px; text-decoration: none;}
td.edit_header_full{background-image: url(http://s11b.directupload.net/images/090401/8ijpg5oc.png); background-repeat: no-repeat; width: 921px; height: 104px;}
td.headline{visibility: hidden;}
td.nav{background-image: url(http://s10.directupload.net/images/090401/2ngpb5l7.png); height: 33;}
td.nav:hover{background-image: url(http://s10b.directupload.net/images/090401/82o6k2c2.png);}
td.nav_heading{background-image: url(http://s10.directupload.net/images/090401/rek4v634.png); height: 23px; color: #000000; font-size: 11px;}
td.edit_navi_headbg{background-image: url(); height: 0px;}
td.edit_below_nav {visibility: hidden; height: 0px;}
td.edit_content_top{background-image: url(http://s10.directupload.net/images/090401/u8jwbn94.png); height: 25px;font-weight:bold;}
td.headline2{color: #000000; font-size: 11px;}
td.edit_content{background-image: url(http://img.webme.com/pic/s/scverl-2/inhalt.jpg);background-color: #FFFFFF;border: 1px solid #000000;overflow:auto;}
td.edit_content_bottom{background-image: url(http://s10b.directupload.net/images/090401/p6afsu5y.png);}
td.edit_content_bottom2{background-image: url();}
td.edit_rechts_cbg{background-image: url(); height: 0px;}
td.sidebar_heading {background-image: url(http://s10.directupload.net/images/090401/rek4v634.png); height: 23px; color: #000000; font-size: 11px;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{border: 1px solid #000000;background-image:url();background-color:#FFFFFF;}
td.edit_rechts_bottom{background-image: url();}
td.edit_rechts_sbg{background-image: url(); height: 0px;}
td.edit_rb_footer {background-image: url();}
--> </style>
<style type="text/css">
<!--

<style type="text/css">
<!--
td.edit_header_full{height:143px;background-repeat:no-repeat;}
#nav_Home{position:absolute;left:5px;top:155px;width:140px;z-index:1;}
#nav_Siegel{position:absolute;left:155px;top:155px;width:140px;z-index:2;}
#nav_Kriterien{position:absolute;left:295px;top:155px;width:140px;z-index:3;}
#nav_Anmeldung{position:absolute;left:450px;top:155px;width:140px;z-index:4;}
#nav_Geprft{position:absolute;left:597px;top:155px;width:140px;z-index:5;}
#nav_Mitarbeiter{position:absolute;left:761px;top:155px;width:140px;z-index:6;}
#nav_Impressum{position:absolute;left:761px;top:155px;width:140px;z-index:8;}
-->
</style>


So sieht Dein fertiger Code aus ohne dem roten einfügen Wink


Zuletzt bearbeitet von coolplace am 03.04.2009, 18:51, insgesamt einmal bearbeitet
Beitrag03.04.2009 um 17:56 (UTC)    
Titel:

DANKESCHÖN!!!
Beitrag03.04.2009 um 17:58 (UTC)    
Titel:

Gern geschehen Wink
Darf ich hier schließen?
Beitrag03.04.2009 um 18:09 (UTC)    
Titel:

hi,

falls du den Content noch etwas breiter haben willst, füge das noch hinzu (getestet unter ff3 - fürn ie kenne ich kein addon um css live zu testen Sad):
Zitat:
td.edit_main_tr{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
td.edit_navi_headbg{width:15%;}
table.edit_rechts_tabelle{margin-left:-185px;width: 753px; !important;}


Zuletzt bearbeitet von max-im-web am 03.04.2009, 19:11, insgesamt einmal bearbeitet
Beitrag03.04.2009 um 18:17 (UTC)    
Titel:

@coolplace

Ja du darfst jezt schließen
Beitrag03.04.2009 um 18:24 (UTC)    
Titel:

hi,

gebe ich nochmal mein Senf dazu:
Der IE mag den Code von mir nicht.

Füge das mal noch dazu:
Zitat:
#nav_AdminBereich{display:none;}

Vielleicht klappt es ja so Wink

Gruß,
Max
______________
http://blog.mamuehi.de
Beiträge der letzten Zeit anzeigen:   


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