Lexi Help
Die neuesten Themen
» [phpBB2] Schriftfarbe nicht vollständig
von Fayé Heute um 16:09

» [Wichtige Information] Meine Tätigkeit in diesem Support. Von #Frank
von #Frank Heute um 13:42

» [Update] Neues Theme der mobilen Version V2
von #Frank Heute um 13:03

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

Partner
free forum

[phpBB2] Ausklappbare Menüleiste zentrieren?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von silberling am So 16 Jun 2013 - 15:25

Ich habe die neue Menüleiste mit dieser Hilfe nach oben verschoben http://hilfe.forumieren.com/t32627-banner-oben-und-navileiste#212144 jedoch bräuchte ich eine Hilfe, wie ich diese in der Mitte zentrieren kann? Kann man bei den klappbaren Menüs die Untermenüs auch einen Code zuweisen, damit dies alle untereinander aufgelistet werden da diese derzeit zentriert werden?

Der Code für die Verschiebung der Menüleiste:
Code:
   #navifix {
               height: 0px;
       left: 530;
       position: absolute;
       top: 385;
       width: 100%;
       z-index: 0;
   }


Zuletzt von #Frank am So 16 Jun 2013 - 18:57 bearbeitet, insgesamt 4 mal bearbeitet (Grund : Ein Code gehört auch in eine Codebox und nicht in einen Spoiler!)

silberling
Stammgast
Stammgast

Männlich Beiträge : 262
Anmeldedatum : 02.02.13

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von #Frank am So 16 Jun 2013 - 15:41

Du hast doch die Position deines ganzen Tabels hier mit left: 530; verschoben.
Auch deinen Menü hat ein CSS mit dem du das ganze Menü anpassen kannst.
Dort musst du doch nur die Einstellungen ändern.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34507
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von silberling am So 16 Jun 2013 - 16:02

Stehe irgendwie auf der Leitung. Wenn ich den Code abändere, bekomme ich die Menüleiste zwar in die Mitte, jedoch wenn ich zb. vom Firefox das seitliche Lesezeichen wegmache verschwindet die Menüleiste wieder nach links? Beim CSS Code für die ausklappbare Menüleiste habe ich keine Code gefunden wo ich die Leiste positionieren kann?

Code vom CSS für die neue Menüleiste:
Code:
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:6px 20px; font: 18px/100% Arial, Helvetica, sans-serif; text-align:center; color:#7F7771; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 5px 5px 5px;}
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:14px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#B6FF00; padding-bottom:15px; padding-top:8px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#B6FF00;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }

#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#cssmenu{border-color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:#333333;}

silberling
Stammgast
Stammgast

Männlich Beiträge : 262
Anmeldedatum : 02.02.13

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von #Frank am So 16 Jun 2013 - 18:35

Um deinen Textlinks in den Untermenüs nun noch auszurichten, musst du dieses Stelle im CSS um das Grüne erweitern:
#cssmenu ul li > ul li a {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34507
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von #Frank am So 16 Jun 2013 - 18:39

Und zum ausrichten der Tabelle in deren Mitte solltest du mal diese Zuweisung bei eintragen:
Code:
#navifix {
  height: 0;
  left: 50%;
  margin-left: -329px;
  position: absolute;
  top: 385px;
  width: 100%;
  z-index: 0;
}
margin-left kannst du noch variieren. Das kannst du über Fierbug ganz leicht testen.

Edit um 19:00:27:
Ich sehe, das du nun alles eingesetzt hast und das es nun so in etwa deinen Vorstellungen entsprechen sollte.
Aus diesem Grund mache ich hier nun zu.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34507
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von #Frank am So 16 Jun 2013 - 19:03

Noch einen Frage von silberling und deshalb noch mal geöffnet.

Eigentlich solltest du aber schon wissen, das wenn du solche Fremdcodes einsetzt was du wo wie anpassen musst.
Das sollte schon dort beschrieben sein, wo du diesen Code her hast.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34507
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von silberling am So 16 Jun 2013 - 19:09

#Frank schrieb:Um deinen Textlinks in den Untermenüs nun noch auszurichten, musst du dieses Stelle im CSS um das Grüne erweitern:
#cssmenu ul li > ul li a {
 color: #FFFFFF;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 10pt;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 text-align: left;
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
Der Text ist jetzt links ausgerichtet wäre es auch möglich, dass man den gesamten Text vom Untermenü weiter nach rechts schiebt?

silberling
Stammgast
Stammgast

Männlich Beiträge : 262
Anmeldedatum : 02.02.13

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von #Frank am So 16 Jun 2013 - 19:17

Versuchs doch mal mit
margin-left: 30px;

Wie wäre es wenn du für solche Sachen mal Firebug benutzt?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34507
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Beitrag von silberling am So 16 Jun 2013 - 19:45

danke nochmal!

silberling
Stammgast
Stammgast

Männlich Beiträge : 262
Anmeldedatum : 02.02.13

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten