Block / Menu Bildung

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[firstlevel]

Servus,

ich habe akt. ein kl. organisdatorisch Problem. Ich möchte eine Webseite welche aktuell nur Inhalte hat umstellen und hierfür ggf. pragmamx nutzen. Eine Communitybildung soll ggf. erst später erfolgen.

Die Inhalte sollen selbst schon im Menu abgebildet werden

Überschrift
    Text1
    Text2
    Text3
    Text4


Überschrift 2
    Text11
    Text21
    Text31
    Text41

Dieses wäre akt. noch kein Problem da dieses manuell erstellbar wäre. Was ist jedoch wenn die Url Bildung gleich die der Texte sein soll.

z.B.
Domain.de/text1.html
Domain.de/text2.html
etc.

Ist dieses möglich ?
Gibt es da ggf. eine elegantere Lösung auf welche ich momentan nicht komme ?
Gibt es da ggf. auch aufklappbare Menus wo beim Klick auf die Überschrift die untergeordneten Punkte aufgehen ?


LG B!

[jogi24]

hi

was hälst du denn vom somaire-menue 

[firstlevel]

kann man sich das irgendwo anschauen und oder infos zu einsehen ?
habe im forum nur dieses gefunden http://www.pragmamx.org/modules.php?name=Forum&topic=9841.0

[jogi24]

hi

rennt auf http://nuke-theme.de

download hier
http://www.pragmamx.org/modules.php?name=Downloads&op=view&lid=468

[vittatus]

Hallo,

Hätte auch noch ein Interesanntes Menü.
Ist aber von der einbindung ein bischen schwiriger.

einfach mal anschauen bei Interesse gibts ne erklärung zum einbau.

www.mak-life.de

Gruss Markus

[jogi24]

hi
@ vittatus

ist java ? richtig ?

wo kann man saugen zum testen 

[vittatus]

@jogi24

Ja ist java.. stelle nachher den Code rein. Bin leider noch auf der Arbeit

So gegen 20 Uhr bin ich daheim

[firstlevel]

@vittatus
sieht gut aus, nur leider komme ich nicht in die zweite Navigationsebene mit der Maus rein. Menu geht jedesmal wieder zu. Nicht gut.

@jogi
jep sowas, danke. Ist sowas auch ein wenig individuell einstellbar ?

mfG

[vittatus]

@firstlevel

Gut das du was sagst
Welchen Browser Benutzt du denn ?

Gruss Markus

[jogi24]

@jogi
jep sowas, danke. Ist sowas auch ein wenig individuell einstellbar ?

mfG

es sind dort fast alle einstellungen möglich.
ob modul, externer link, interner link usw.usw.
verschiedene ebenen 

[firstlevel]

@jogi
danke das schaue ich mir mal an. ich glaube ich brauche bald mal eine eigene testumgebung...

@vittatus
aktuell den firefox 1.0.7
wollte mir das heute abend nochmal mitm 2.x anschauen.

[jogi24]

hi

für änderungen ist eine testumgebung oder ein home-server schon beinahe pflicht 

[firstlevel]

@vittatus
mitm firefox 2.0 gehts.

@jogi
du ich habe soviele wepakete, da ist die arbeit sich sowas auch noch aufzusetzen schon fast zu viel. auch wenn ich dir der eleganz wegen schon recht gebe. im neuen büro wird das auch pflicht, aber so...denke ich noch nicht

[jogi24]

hi

ich habe zwar keine webpakete, dafür aber einen eigenen server im netz, trotz allen habe ich noch einen home-server aufgesetzt 

[vittatus]

So hier die Navi erklärung:

Folgenden Code in die Includes/javascript.php

Code: [Select]  

echo "<script type=\"text/javascript\">

var menuids=[\"suckertree1\"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName(\"ul\")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName(\"a\")[0].className=\"subfolderstyle\"
                if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
                        ultags[t].style.left=ultags[t].parentNode.offsetWidth+\"px\" //dynamically position first level submenus to be width of main menu item
                else //else if this is a sub level submenu (ul)
                  ultags[t].style.left=ultags[t-1].getElementsByTagName(\"a\")[0].offsetWidth+\"px\" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName(\"ul\")[0].style.display=\"block\"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName(\"ul\")[0].style.display=\"none\"
    }
    }
                for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use \"display:none\" to hide menus (to prevent possible page scrollbars
                ultags[t].style.visibility=\"visible\"
                ultags[t].style.display=\"none\"
                }
  }
}

if (window.addEventListener)
window.addEventListener(\"load\", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent(\"onload\", buildsubmenus)

</script>";

Folgendes in die style.css des jeweiligen themes:

Code: [Select]  

/*Navigation*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 146px; /* Width of Menu Items */
border-bottom: 1px solid #cccccc;
}
       
.suckerdiv ul li{
position: relative;
}
.suckerdiv ul li:hover{
background-color: #CCCCCC;
}


/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 150px; /*sub menu width*/
top: 0;
visibility: hidden;
background: #ffffff;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #ffffff;
padding: 1px 5px;
border: 1px solid #cccccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #CCCCCC;
}

.suckerdiv .subfolderstyle{
background: url(http://Link-zum-Bild.gif) no-repeat center right;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

Dann ein Block erstellen (auf html eingabe gehen) dort folgendes Beispiel für die Navi Struktur eingeben.

Code: [Select]  

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>

<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Sub Item 2.1.3</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>

Gruss Markus


EDIT: Beim Einsatz unter pragmaMx ab V0.1.10 bitte unbedingt diesen Thread beachten: http://www.pragmamx.org/Forum-topic-24529-start-msg164271.html#msg164271

[_icke_]

Hi...

Vielen Dank für das Menü...

Ich habe nur ein Problem, ich bekomme es nicht hin das Folder auch mit Links hinterlegt sind und der Pfeil für die SubItems angezeigt wird. Mit html Links scheint es zu gehen aber nicht zu Modulen oder php Seiten.

hier mal der Code meines Menüs, ohne verlinkte Folder Einträge:

Code: [Select]  

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="index.php">Home</a></li>
<li><a href="#">Über uns</a>
  <ul>
  <li><a href="modules.php?name=Content&pa=showpage&pid=18">Über uns</a></li>
  <li><a href="modules.php?name=Team">Das Team</a></li>
  <li><a href="modules.php?name=Impressum">Impressum</a></li>
  <li><a href="modules.php?name=Feedback">Kontakt / Feedback</a></li>
  <li><a href="modules.php?name=Recommend_Us">Weiterempfehlen</a></li>
  <li><a href="javascript:window.external.AddFavorite ('http://www.BeStSLK.de','Berliner SLK Stammtisch')">Bookmark</a></li>
  </ul>
</li> 
<li><a href="#">News</a>
  <ul>
  <li><a href="modules.php?name=News">Newsbeiträge</a></li>
  <li><a href="modules.php?name=Topics">Themenbereiche</a></li>
  <li><a href="modules.php?name=Stories_Archive">News Archiv</a></li>
  <li><a href="modules.php?name=Submit_News">News schreiben</a></li>
  <li><a href="modules.php?name=Kalender">Kalender</a></li>
  <li><a href="modules.php?name=Newsletter">Newsletter</a></li>
  <li><a href="modules.php?name=Siteupdate">Whats new</a></li>
  </ul>
</li>
<li><a href="modules.php?name=Forum">Forum</a></li>
<li><a href="#">Stammtischplanung</a>
    <ul>
    <li><a href="modules.php?name=Content&pa=showpage&pid=21">17. BeSt am 14.01.07</a></li>
    <li><a href="modules.php?name=anmeldung">Anmeldung zum Stammtisch</a></li>
    <li><a href="#">Vorschläge</a></li>
      <ul>
      <li><a href="modules.php?name=Work_Board">Vorschläge ansehen</a></li>
      <li><a href="modules.php?name=vorschlag">Vorschlag erstellen</a></li>
      </ul>
    </ul>
  </li>
<li><a href="#">Mitglieder</a>
<ul>
<li><a href="modules.php?name=Your_Account">Anmelden</a></li>
<li><a href="modules.php?name=User_Registration">Registrieren</a></li>
<li><a href="modules.php?name=Your_Account">Dein Account</a></li>
<li><a href="modules.php?name=Members_List">Mitgliederliste</a></li>
<li><a href="modules.php?name=Private_Messages">Private Nachrichten</a></li>
<li><a href="modules.php?name=Your_Account&op=logout">Abmelden</a></li>
</ul>
  </li>
</li>
<li><a href="#">Rückblick</a>
<ul>
<li><a href="#">Berichte</a>
<ul>
<li><a href="modules.php?name=Sections&sop=listarticles&secid=1">Stammtischberichte</a></li>
<li><a href="modules.php?name=Sections&sop=listarticles&secid=4">inoffizielle Stammtischberichte</a></li>
<li><a href="modules.php?name=Sections&sop=listarticles&secid=2">Reiseberichte</a></li>
<li><a href="modules.php?name=Sections&sop=listarticles&secid=3">Erlebnisberichte</a></li>
</ul>
  </li>
<li><a href="modules.php?name=coppermine">Gallery</a></li>
</ul>
  </li>
</li>
<li><a href="#">Down- Uploads & Links</a>
<ul>
<li><a href="modules.php?name=Downloads">Download</a></li>
<li><a href="modules.php?name=Content&pa=showpage&pid=16">Bilderupload</a></li>
<li><a href="modules.php?name=Web_Links">Links</a></li>
</ul>
  </li>
</li>
<li><a href="#">Infos & Service</a>
<ul>
<li><a href="modules.php?name=Web_Links&l_op=viewlink&cid=4">Tools & Helferlein</a></li>
<li><a href="modules.php?name=Surveys">Umfragen</a></li>
<li><a href="modules.php?name=Guestbook">Gästebuch</a></li>
<li><a href="modules.php?name=maaXStat2">Statistik</a></li>
<li><a href="modules.php?name=Search">Suche</a></li>
</ul>
  </li>
</li>
<li><a href="#">SLK Community</a>
<ul>
<li><a href="HTTP://www.mbslk.de/">MBSLK.de</a></li>
</ul>
  </li>
</li>
</div>

Ein verlinktes Folder würde ich dann so machen:

Code: [Select]  

<li><a href="modules.php?name=Beispiel">Infos & Service</a>
<ul>
<li><a href="modules.php?name=Web_Links&l_op=viewlink&cid=4">Tools & Helferlein</a></li>
<li><a href="modules.php?name=Surveys">Umfragen</a></li>
<li><a href="modules.php?name=Guestbook">Gästebuch</a></li>
<li><a href="modules.php?name=maaXStat2">Statistik</a></li>
<li><a href="modules.php?name=Search">Suche</a></li>
</ul>
  </li>
</li>

oder bin ich da auf dem Holzweg? Wäre für jeden Tip dankbar.

Hab es mal zum Testen in mein Portal eingebaut (unten links): www.BeStSLK.de

Der Eintag "Über uns" ist ein Folder als Link, somit ein negativ Beispiel.

icke