+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Hierarchische Navigationsleiste - Untermenü einrücken

  1. #1
    Neu an Board
    Registriert seit
    22.06.2008
    Beiträge
    52
    Bedankte sich
    11
    1 Danksagung in 1 Beitrag

    Frage Hierarchische Navigationsleiste - Untermenü einrücken

    Hallo!

    Ganz neu im Umgang mit Joomla steh ich vor einem Problem, bei dem ich trotz Suchens hier im Forum und im www im Moment keinen blassen Schimmer hab, wie das zu lösen ist. Irgendwie steck' ich grad fest und würd mich freuen, vielleicht ein paar Hinweise von euch zu erhalten

    Vorweg: ich habe null Erfahrung mit einem CMS, hab Grundlagenkenntnisse in html und css, aber keinen Schimmer von php, ausser, dass ich die index.php mittlerweile lesen kann.

    Ich hab das Template "pluralism" ( http://www.joomlaos.de/index.php?set...view_photo.php ) installiert und bin dabei, es etwas umzustricken. Ich hab das Hauptmenü nach links gesetzt und möchte, dass es auf der zweiten Ebene hierarchisch dargestellt wird, also so:

    Oberpunkt
    Unter 1
    Unter 2
    ...
    Ich möchte das Untermenü nicht immer anzeigen, sondern nur, wenn der jeweilige Oberpunkt angeklickt wurde.

    Ich habe keine Ahnung, wo ich da ansetzen soll. Dabei ist nicht die Formatierung das Hauptproblem, sondern wie ich dem Programm "verständlich" mache, welche Punkte einzurücken sind und welche nicht. Ich nehme an, das muss irgendwo in der index.php passieren, aber wie? Und in der css-Datei muss ich dann einen neuen Stil "Untermenü" einfügen, oder?

    Vielen Dank schon mal, dass ihr euch damit beschäftigt und freundlichen Gruss

    Val

  2. #2
    Neu an Board
    Registriert seit
    22.06.2008
    Beiträge
    52
    Bedankte sich
    11
    1 Danksagung in 1 Beitrag

    Standard

    Habe gerade gelesen, dass das Untermenü automatisch erstellt werden soll, wenn man im Menüeintragsmanager einen Punkt einem anderen Menüpunkt unterordnet. Das habe ich natürlich getan und es funktoniert im Backend auch. Nur im Frontend stehen - wenn der Oberpunkt angeklickt wird - alle Einträge wie gleichberechtigt untereinander . Woran kann das liegen????

    LG Val

  3. #3
    Gute Seele des Boards Avatar von jacxx
    Registriert seit
    07.03.2005
    Ort
    horsehead nebula
    Beiträge
    10.926
    Bedankte sich
    625
    Erhielt 2.475 Danksagungen
    in 2.298 Beiträgen

    Standard

    Im Oberlink kannst du unter parameter einstellen..
    Expand menü.. yes or no..

    Bei Yes stehen die immer da..
    bei no.. nur bei Klick auf Oberlink..
    Wer Joomla nachmacht oder verfälscht, oder nachgemachte oder verfälschte sich verschafft und in Verkehr bringt, wird mit Typo3 nicht unter zwei Jahren bestraft.
    Joomla Forum
    Joomla braucht Dich!

  4. #4
    Neu an Board
    Registriert seit
    22.06.2008
    Beiträge
    52
    Bedankte sich
    11
    1 Danksagung in 1 Beitrag

    Standard

    Danke, Jacxx, aber das ist es nicht, leider. Das Problem ist nicht, dass das Untermenü immer erscheinen soll, sondern dass es nicht in einer hierarchischen Struktur erscheint. Also anstelle von:

    Oberpunkt1
    Unter1
    Unter2
    ...
    Oberpunkt2

    steht im Frontend:

    Oberpunkt
    Unter1
    Unter2
    ...
    Oberpunkt2
    ...

    Im Backend werden die Unterpunkt auch als solche angezeigt, aber im Frontend eben nicht :(.

  5. #5
    War schon öfter hier
    Registriert seit
    20.02.2008
    Beiträge
    185
    Bedankte sich
    10
    Erhielt 106 Danksagungen
    in 55 Beiträgen

    Standard

    das liegt am Template

    es wurden keine gesonderten Eintragungen für Unter-Menüpunkte in der CSS-Datei gemacht

    Untermenüs spricht man bei Standart-Stil-Menüs so an:

    ul.main ul li{
    css anweisungen; z.B.: margin-left:20px;
    }

    für jede weitere Untermenüstufe wird ein weiteres 'ul' benötigt

    z.B. für 2. Untermenüebene:

    ul.main ul ul li{
    css anweisungen;
    }


    ul.main ist die ('normale') oberste Ebene

    Gruß
    Chraneco
    PHP ist Spaß

    JoomGallery.net

  6. Erhielt Danksagungen von:


  7. #6
    Neu an Board
    Registriert seit
    22.06.2008
    Beiträge
    52
    Bedankte sich
    11
    1 Danksagung in 1 Beitrag

    Standard

    Jaaa, das war's! So einfach, aber ich wär nie drauf gekommen. Dank dir!

  8. #7
    Neu an Board
    Registriert seit
    23.04.2006
    Beiträge
    12
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo ich würde mich hier auch gerne mal ranklemmen

    wo kann man denn nachlesen wann ein ul.main usw. erfolgen muss.

    Ich habe z.b. hier local zum Testen und Spielen ein 1.0 er Template, auf Joomla 1.0.x läuft das wunderbar.

    Installiere ich aber im Legacy Mode das unter 1.5 dann wird mir zum Beispiel das Menü ohne irgend eine Farbe dargestellt, es bleibt einfach unformatiert.

    Was muss man denn hier im css eintragen damit das 1.0er Template wieder im 1.5 richtig dargestellt wird ?!

    Das laden der Module habe ich schon umgeändert usw. nur was muss bei css beachtet werden ?

  9. #8
    Neu an Board
    Registriert seit
    23.04.2006
    Beiträge
    12
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Frage für mich noch mal bitte :)

    siehe Beitrag oben drann weil es als Gelöst drin steht ...

  10. #9
    Neu an Board
    Registriert seit
    13.02.2009
    Beiträge
    92
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ich würde das hier gern nochmal aufleben....

    Hab das gleiche Problem wie oben beschrieben.

    Das er mir im Frontend die Untermenüs genau so wie die Obermenüs darstellt.

    Vielleicht könntet ihr mir sagen was im CSS ich wie anpassen muss.

    Es handelt sich um das Template "lights" für Joomla 1.5.

    Kompletter CSS Code, wobei das Fett markierte der passende bereich sein müsste....
    * {
    margin:0;
    padding:0;
    }
    html {
    margin:0;
    padding:0;
    color:#000000;
    font:normal 100%/1.2em Tahoma, Helvetica, Arial, sans-serif;
    background:#FFFFFF url(../images/bg-center.gif) repeat-x top center;
    }
    body {
    margin:0;
    padding:0;
    color:#000000;
    text-align:center;
    }
    a {text-decoration:none;}
    a:link {color:#000000;text-decoration:none;}
    a:visited {color:#757575;text-decoration:none;}
    a:hover {color:#666666;border-bottom:0px dotted #666666;}
    a:active {color:#666666;border-bottom:0px dotted #666666;}
    a:focus {color:#666666;border-bottom:0px dotted #666666;}

    #footer a:link {color:#EAEAEA;text-decoration:none;background-color:transparent;}
    #footer a:visited {color:#BCBCBC;text-decoration:none;background-color:transparent;}
    #footer a:hover {color:#FEFEFE;text-decoration:none;background-color:transparent;}
    #footer a:active {color:#FEFEFE;text-decoration:none;background-color:transparent;}
    #footer a:focus {color:#FEFEFE;text-decoration:none;background-color:transparent;}

    #container {
    margin:auto;
    width:980px;
    height:100%;
    text-align:center;
    background-color:#FFFFFF;
    }
    #langsel {
    float:right;
    clear:right;
    width:20%;
    height:100%;
    text-align:right;
    background:transparent url(../images/bg-center.gif) repeat-x top center;
    }

    #topmenue {
    float:left;
    clear:left;
    width:80%;
    margin:0;
    text-align:left;
    background:transparent url(../images/bg-center.gif) repeat-x top center;
    }
    #smallbar h1 {
    float:left;
    width:170px;
    background:transparent url(../images/content_header_bg_left.gif) repeat-x;
    height:70px;
    margin:0;
    padding-left:30px;
    font-size:20px;
    line-height:70px;
    font-weight:normal;
    color:#FFFFFF;
    overflow:hidden;
    }
    #smallbar {
    clear:left;
    background:transparent url(../images/content_header_bg.gif) repeat-x;
    height:70px;
    border-bottom:0px solid #353535;
    border-top:0px solid #22509D;
    }
    #smallbar span {
    float:left;
    background:transparent url(../images/content_header_bg_right.gif) no-repeat;
    height:70px;
    width:75px;
    }
    span img {
    margin:5px;
    }
    #topimage {
    width:980px;
    height:180px;
    background:transparent url(../images/topimage-bg.jpg) top left no-repeat;
    border-bottom:0px solid #353535;
    }
    #topimage span {
    display:block;
    text-align:right;
    padding:5px 10px 0 0;
    color:#FFFFFF;
    background-color:transparent;
    font-size:12px;
    }
    #content {
    float:right;
    width:750px;
    text-align:left;
    color:#353535;
    background-color:#FFFFFF;
    font-size:12px;
    }
    #content p {
    margin:5px;
    }
    #subnav {
    position:relative;
    top:-60px;
    left:10px;
    padding:0;
    margin:0;
    float:left;
    width:195px;
    text-align:center;
    color:#353535;
    background-color:#FFFFFF;
    border-top:0px solid #353535;
    }
    #subnav_innen {
    color:#353535;
    padding:3px;
    margin:0;
    background:transparent url(../images/subnav-bg.gif) no-repeat bottom right;
    }
    #subnav2 {
    padding:0;
    margin:0;
    float:left;
    width:205px;
    text-align:center;
    color:#353535;
    background-color:#FFFFFF;
    border-top:0px solid #353535;
    }
    #subnav_innen2 {
    color:#353535;
    padding:0px;
    margin:0;
    background:transparent url(../images/) no-repeat bottom right;
    }
    #footer {
    margin:auto;
    width:100%;
    color:#FFFFFF;
    background:transparent url(../images/bg-footer.gif) repeat-x top left;
    font-size:10px;
    height:85px;
    text-align:center;
    border-top:0px solid #22509D;
    border-bottom:0px solid #22509D;
    }

    #copyright {
    float:right;
    clear:right;
    margin: 0px 5px 0px 15px;
    width:755px;
    }

    #content-left {float:left;}

    #content-right {float:right;}

    #content-left, #content-right {
    width:300px;
    margin:10px;
    text-align:left;
    color:#353535;
    background:transparent url(../images/subnav-bg.gif) no-repeat bottom right;
    }
    #content-left h3, #content-right h3 {
    text-align:center;
    margin:10px 50px 0 0;
    }
    #content-left li, #content-right li {
    margin:5px 0 5px 15px;
    text-indent:15px;
    list-style:square;
    }
    h1, h2, h3, h4, h5, h6
    {
    color:#000000;
    margin:3px 3px 3px 10px;
    padding:0px;
    text-transform:uppercase;
    }
    h1 {font-size:20px;}
    h2 {font-size:18px;}
    h3 {font-size:16px;}
    h4 {font-size:14px;}
    h5 {font-size:12px;}
    h6 {font-size:10px;}
    i {
    font-size:11px;
    line-height:150%;
    }
    li {
    list-style:square;
    line-height:150%;
    }
    pre, blockquote {
    font-size:10px;
    font-family: Courier, Monaco, Monospace;
    padding: 5px 15px;
    color:#353535;
    background-color:transparent;
    }
    .small, .createdate, .modifydate {
    padding:0;
    margin:0;
    text-transform:lowercase;
    color:#B6B6B6;
    font-size:9px;
    }
    .highlight {
    background-color:#22509D;
    color:#FFFFFF;
    }
    #topimage span {
    margin:0 10px 0 0;
    padding:0;
    }
    .pathway {
    margin:0;
    padding:0;
    text-align:right;
    }
    .pathway img {
    padding:0;
    margin:0;
    }
    #newsflash {
    float:left;
    clear:left;
    width:100%;
    height:142px;
    overflow:hidden;
    color:#FFFFFF;
    background-color:transparent;
    }
    #newsflash td {
    background-color:transparent;
    color:#FFFFFF;
    }

    /* Menueeintraege (linkes Menu) */

    #subnav_innen .moduletable_menu, #subnav_innen .moduletable {
    margin:0;
    padding:0;
    margin-left:5px;
    text-align:left;
    }
    #subnav_innen .moduletable_menu li, #subnav_innen .moduletable td, #subnav_innen .moduletable li {
    text-indent:0px;
    text-align:left;
    list-style:none;
    margin:0;
    padding:3px 0;
    font-size:14px;
    }
    #subnav_innen .moduletable_menu a, #subnav_innen .moduletable td a{
    margin:0;
    display:block;
    text-decoration:none;
    color:#000000;
    font-size:14px;
    }
    #subnav_innen .moduletable_menu a:link, #subnav_innen .moduletable td a:link {
    margin:0;
    text-decoration:none;
    color:#000000;
    font-size:14px;
    }
    #subnav_innen .moduletable_menu a:hover, #menue .moduletable_menu a:active, #subnav_innen .moduletable td a:hover, #menue .moduletable td a:active {
    text-decoration:none;
    border-bottom:0px dotted #000000;
    color:#000000;
    background:transparent url(../images/action.gif) center right no-repeat;
    margin:0;
    padding:0 0 0 5px;
    font-size:14px;
    }
    #subnav_innen .moduletable_menu #current a, #subnav_innen .moduletable #active_menu {
    font-weight:bold;
    font-size:14px;
    color:#22509D;
    background-color:transparent;
    }
    label {
    background:transparent none;
    color:#000000;
    text-align:left;
    font-size:10px;
    padding:1px 7px 1px;
    }
    .searchintro td {
    padding:0;
    margin:0;
    padding-left:20px;
    }


    /*CONTENT-BEREICH */

    .contentheading, .buttonheading {
    font-size:20px;
    color:#000000;
    background-color:transparent;
    padding:10px;
    margin:0px;
    text-align:left;
    }
    table.contentpaneopen li, table.contentpane li {
    text-align:left;
    padding:0;
    margin:0;
    margin-left:50px;
    }
    .contentpane form {
    text-align:left;
    padding:0;
    margin:0;
    margin-left:10px;
    width:750px;
    }
    .componentheading {
    font-size:18px;
    color:#000000;
    background-color:transparent;
    font-weight:bold;
    margin:0;
    padding:5px 5px 5px 10px;
    }
    .contentheading {
    font-size:18px;
    color:#000000;
    font-weight:bold;
    margin:0;
    padding:5px 5px 5px 10px;
    }
    .sectiontableheader {
    color:#FFFFFF;
    font-weight:normal;
    padding:3px;
    background-color:#B6B6B6;
    }
    .sectiontablefooter {
    color:#FFFFFF;
    background-color:#B6B6B6;
    font-weight:normal;
    margin:3px;
    }
    .sectiontableentry1 td, .sectiontableentry2 td {
    padding-right:5px;
    }
    .button {
    margin:8px 0px;
    border:1px solid #666666;
    background-color:#B6B6B6;
    }
    .button a:hover {
    margin:8px 0px;
    border:1px solid #B6B6B6;
    background-color:#FEFEFE;
    }

    /* Bilder / Image / Caption */

    img, fieldset {
    margin:5px;
    padding:1px;
    border:0px solid #FFFFFF;
    }
    #content fieldset {
    margin:5px;
    padding:1px;
    border:1px solid #B6B6B6;
    }
    #content #path img, #content a img {
    margin:0px;
    padding:1px;
    border:0px solid #FFFFFF;
    }
    .contentpaneopen .buttonheading a, .contentpaneopen .buttonheading a:link, .contentpaneopen .buttonheading a:hover {
    border:0px solid #FFFFFF;
    }
    #content img {
    margin:5px;
    padding:0;
    }
    .caption {
    font-size:10px;
    margin:0;
    padding:0;
    }

    /* Suchergebnisfeld */

    #content table {
    margin:0;
    padding:0;
    width:98%;
    }

    /* Top Menue Definition */
    #topmenue ul {
    margin:0;
    padding:0;
    list-style:none;
    height:30px;
    }
    #topmenue li {
    padding:0;
    display:inline;
    text-transform:uppercase;
    }
    #topmenue a {
    float:left;
    margin:0;
    padding:3px 10px 0 10px;
    height:27px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#22509D;
    background-color:transparent;
    }
    #topmenue a:hover {
    margin:0;
    padding:3px 10px 0 10px;
    color:#FFFFFF;
    background-color:#22509D;
    text-decoration:none;
    border:0px solid #FFFFFF;
    }

  11. #10
    Neu an Board
    Registriert seit
    13.02.2009
    Beiträge
    92
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    keiner eine Idee?!??!

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein