Horizontales Menü

Honni72 · 5. Mär 2011, 21:05

Hallo Leute

Bin neu hier und möchte mich an das System heranarbeiten. Habe aber bei Navigation Probleme bzw bin auch in den Foren net so ganz schlau geworden. Würde gern ein Menü erstellen so wie das von Redaxo, halt mit Farbleitsystem. Was brauch ich denn da alles für bzw muß ich dabei beachten.
Für Hilfe bin gerne dankbar.

Ingo · 6. Mär 2011, 13:55

Honni72 hat geschrieben:Was brauch ich denn da alles für bzw muß ich dabei beachten.

Grundkenntnisse in HTML und CSS wären nicht verkehrt. Speziell die CSS-Pseudoklasse "hover" und die CSS-Eigenschaft "background" sind in diesem Zusammenhang interessant.

Grüße Ingo

Richard.Laing · 6. Mär 2011, 14:17

hallo honni
schau doch mal bei
http://www.rexvideo.de
und hier
http://www.redaxo.org/de/doku/tutorials/
vorbei... wird dir bestimmt einiges leichter fallen beim einarbeiten.
gruß richy

Honni72 · 7. Mär 2011, 11:00

hallo zurück und danke für die hinweise

wie kann ich denn bzw wo verschiedene body id's den seiten zuweisen
danke und lg

Richard.Laing · 7. Mär 2011, 11:14

im html template

Code: Alles auswählen

<body id="REX_ARTICLE_ID">

gruß richy

Honni72 · 7. Mär 2011, 11:20

ok danke für die schnelle antwort, werde es versuchen
muß ich denn da auch was im css verändern??

Richard.Laing · 7. Mär 2011, 12:09

jup na klar
das was halt bei der einzelnen body id passieren soll
also z.B.:

Code: Alles auswählen

<body id="body_REX_ARTICLE_ID">

Code: Alles auswählen

body#body_1 {anweisungen}

body#body_2 {anweisungen }

usw...
css und html kenntnis ist hier aber pflicht voraussetzung.
gruß richy

Honni72 · 7. Mär 2011, 12:47

das mit dem css und html is kein problem, hab das schon im css umgesetzt und will es jetzt in das cms einbinden
lg

Honni72 · 7. Mär 2011, 21:46

soweit so gut, aber welche snavi template nehme ich denn dafür, habe schon einige durchprobiert, die body id's abgeändert aber funzt net

</head>

<body id="body_REX_ARTICLE_ID">

<div id="wrapper">

<div id="top">
<a href="index.php?article_id=1"><div id="logo"></div></a>
<div id="menue">

<ul>
<li id="bthome"><a href="index.php?article_id=1" >Home</a></li>
<li id="btverein"><a href="index.php?article_id=2" >Der Verein</a></li>
<li id="btabteil"><a href="index.php?article_id=3" >Abteilungen</a></li>
<li id="btaktuell"><a href="index.php?article_id=4" >Aktuelles</a></li>
<li id="btservice"><a href="index.php?article_id=5" >Service</a></li>
<li id="btprojekt"><a href="index.php?article_id=6" >Projekte</a></li>
<li id="btkontakt"><a href="index.php?article_id=7" >Kontakt</a></li>
</ul

</div>
</div>

kann ich das denn so schreiben???

lg

Richard.Laing · 8. Mär 2011, 08:48

du kannst dafür die rex navigation nutzen
oder auch fest im template wenn sich die navigation nicht ändert.

Code: Alles auswählen

<a href="index.php?article_id=1"

sollte dann aber so aussehen damit das rewrite auch klappt.

<a href="<?php print rex_getUrl(1);?>"

gruß richy

Honni72 · 8. Mär 2011, 09:44

sorry aber irgendwie bekomme ich das hier net hin
das ganze soll eigentlich so aussehen

http://www.media-factory-one.de/TVO/index.html

bin schon fast am verzweifeln

oder hab ich da einen denkfehler???
er greift auf das css zu aber nur bei farben, die bilder zeigt er net an ????

lg

Richard.Laing · 8. Mär 2011, 09:54

wenn die navi fest ins template kann dann mach es so...

Code: Alles auswählen

<div id="menue">
  <ul>
    <li id="bthome"><a href="<?php print rex_getUrl(1);?>">Home</a></li>
    <li id="btverein"><a href="<?php print rex_getUrl(2);?>">Der Verein</a></li>
    <li id="btabteil"><a href="<?php print rex_getUrl(3);?>">Abteilungen</a></li>
    <li id="btaktuell"><a href="<?php print rex_getUrl(4);?>">Aktuelles</a></li>
    <li id="btservice"><a href="<?php print rex_getUrl(5);?>">Service</a></li>
    <li id="btprojekt"><a href="<?php print rex_getUrl(6);?>">Projekte</a></li>
    <li id="btkontakt"><a href="<?php print rex_getUrl(7);?>">Kontakt</a></li>
  </ul>
</div>

BITTE DIE ID anpassen an den jeweiligen artikel.
gruß richy

Honni72 · 8. Mär 2011, 10:58

ok danke
nur warum greift er net auf die bg bilder zu
body#body_1 {
background:url(files/bg_home.jpg) repeat-x;
}
das is doch soweit richtig oder ???

Richard.Laing · 8. Mär 2011, 11:05

wenn der menuepunkt einen andere farbe haben soll...?
nee dann ist das nicht richtig.
mach mal so und dann für jeden menuepunkt...

Code: Alles auswählen

#menue #bthome {
background:url(files/bg_home.jpg) repeat-x;
... restliche anweisungen...
}

gruß richy

Honni72 · 8. Mär 2011, 11:47

jepp habe da ein farbleitsystem drin wo jeder menuepunkt ein anderen background hat, hab es ausprobiert aber funzt net, die id's angepasst und so aber er greift nur bei farben auf das css und net bei bildern????

Richard.Laing · 8. Mär 2011, 12:16

wenn du die css datei im files ordner leigen hast natürlich so:

Code: Alles auswählen

#menue #bthome {
background:url(bg_home.jpg) repeat-x;
... restliche anweisungen...
}

Honni72 · 8. Mär 2011, 14:40

suuuupi danke daanke danke =) es funzt...
war schon kurz vorm verzweifeln =)

Honni72 · 8. Mär 2011, 16:34

wie kann ich denn beim submenue die ebenen so einstellen das sie auch als active angezeigt werden wenn die seite online ist
habe diese navigation verwendet

<?php

$cat = OOCategory::getCategoryById($this->getValue('category_id'));
$tree = $cat->getParentTree();
$id = $tree[0]->getId();
$subnav = rex_navigation::factory();
$subnav->setClasses(array('sub1', 'sub2'));
echo $subnav->get($id,2,FALSE,TRUE);
?>

Richard.Laing · 8. Mär 2011, 16:48

jup das ist die navigations factory die tut es...

Honni72 · 8. Mär 2011, 17:00

bei welcher einstellung zeigt er denn die entsprechende seite als active ???

Richard.Laing · 8. Mär 2011, 17:15

ich würde das ganze evtl. so machen...
rex nav factory ausgabe rootkategoriene

Code: Alles auswählen

<?php $rexnav = rex_navigation::factory(); echo $rexnav->get(0,1,FALSE,TRUE); ?>

den rest per css.

Code: Alles auswählen

#menue {anweisung}
#menue ul {anweisung}
#menue ul li {anweisung}
#menue ul li a {anweisung}
#menue ul li a.rex-active {anweisung}
#menue ul li a.rex-current {anweisung}
#menue ul li a:hover {anweisung}

schau dir doch einfach mal den quelltext an das was die factory rausschmeist.
gruß richy

Honni72 · 8. Mär 2011, 17:44

#menue ul li a.rex-current {anweisung}
für was braucht man das denn ???

mow · 11. Apr 2011, 15:28

Honni72 hat geschrieben:#menue ul li a.rex-current {anweisung}
für was braucht man das denn ???

schau mal hier rein, vielleicht bringt dich das auch weiter:
http://webberater.ch/tuned-by-redaxo/rex_navigation
grüsse
mow

Horizontales Menü

Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü

Re: Horizontales Menü