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
Zitat
Ü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.
Zitatz.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!
hi
was hälst du denn vom somaire-menue ;) ;)
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
hi
rennt auf http://nuke-theme.de
download hier
http://www.pragmamx.org/modules.php?name=Downloads&op=view&lid=468
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
hi
@ vittatus
ist java ? richtig ?
wo kann man saugen zum testen :) :)
@jogi24
Ja ist java.. stelle nachher den Code rein. Bin leider noch auf der Arbeit :gruebel:
So gegen 20 Uhr bin ich daheim ;)
@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
@firstlevel
Gut das du was sagst :)
Welchen Browser Benutzt du denn ?
Gruss Markus
Zitat von: firstlevel am 22 November 2006, 13:48:26
@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 :smile: :smile:
@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.
hi
für änderungen ist eine testumgebung oder ein home-server schon beinahe pflicht ;) ;)
@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
hi
ich habe zwar keine webpakete, dafür aber einen eigenen server im netz, trotz allen habe ich noch einen home-server aufgesetzt ;) ;) ;) :BD: :BD:
So hier die Navi erklärung:
Folgenden Code in die Includes/javascript.php
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:
/*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.
<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
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:
<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:
<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