Hallo,
Kann mir jemand sagen wie man das grafische Sitemap statt horizontal in die
vertikale bringt ??
Warum sehe ich bei meiner Sitemap nur die Struktur ab dem nächsten
Mutterknoten ?
Bsp:
+-Hauptseite
-+Über uns
-+Irgendwas
-++Info
----Sitemap
----Kontakt
----Anfahrt
---Weiters
-+Mitglieder
-+Mitarbeiter
Wie im obigen Beispiel ist auch meine Struktur der Website aber wenn ich die
Sitemap aufrufe zeigt es mir nur die elemente des Knotens: Info
Vielen Dank
Hi,
Kann mir jemand sagen wie man das grafische Sitemap statt horizontal in die vertikale bringt ??
Klar sagen schon, aber umsetzen mußt Du es dann schon selbst.
Also erst einmal kannst Du diesen Ausgangspunkt nehmen: 
#3016 falls noch keine Sitemap vorhanden ... und dann muss natürlich entsprechend das TypoScript der Variablen (kannst Du dem Tutorial entnehmen) umgebaut werden!
Sollte mit etwas HTML Kenntnisse kein Problem sein. Lediglich die Suche der TypoScript Variablen hängt ab vom Umgang mit Typo3.
Zu Deinem Knoten: Du mußt den Anfangspunkt Deiner Sitemap setzen!
Ciao
Der DJ
Hallo,
wie auch mein Vorgänger habe ich Probleme für die vertikale
Darstellung. Hat jemand sowas schon realisiert ??
Ich bekomme es einfach nicht hin.
http://web41.p15124142.pureserver.info/blank/index.php?id=326
Gruß
celeron
[/url]
Sorry Picasso aber deine Anleitung hatt mit NICHT weitergeholfen .... 😢
Um die Sitemap in die vertikale zu bekommen, müsst ihr folgendes tun:
Seite mit Sitemap bzw. dem Template f.d. Sitemap -> Template Analyzer -> styles.sitemap.gs -> unten gucken und folgenden Part kopieren:
styles.sitemap.gs.20.20 = HMENU
styles.sitemap.gs.20.20 {
excludeUidList = {$styles.sitemap.gs.excludeUids}
entryLevel = {$styles.sitemap.gs.entryLevel}
wrap = <tr align="left" valign="top"> |</tr>
1 = TMENU
1.target = {$styles.sitemap.gs.target}
1.expAll = 1
1.NO {
wrapItemAndSub = <td><table border="0" cellpadding="1" cellspacing="1">|</table></td>
allWrap = <tr><td bgcolor="{$styles.sitemap.gs.color}" colspan="3"><div align="center">|</div></td></tr>
linkWrap = {$styles.sitemap.gs.wrap1}
ATagBeforeWrap = 1
}
2 = TMENU
2.expAll = {$styles.sitemap.gs.level3}
2.target = {$styles.sitemap.gs.target}
2.NO {
allWrap = <tr><td align="center" valign="top">{$styles.sitemap.gs.bullet2}</td><td align="left" valign="top" colspan=2>|</td></tr>
linkWrap = {$styles.sitemap.gs.wrap2}
ATagBeforeWrap = 1
}
3 = TMENU
3.target = {$styles.sitemap.gs.target}
3.NO {
allWrap = <tr><td></td><td align="center" valign="top">{$styles.sitemap.gs.bullet3}</td><td align="left" valign="top">|</td></tr>
linkWrap = {$styles.sitemap.gs.wrap3}
ATagBeforeWrap = 1
}
}
Wenn ihr hier die HTML-Struktur ändert, könnt ihr eine vertikale, grafische Sitemap erzeugen. Der eigentlich wichtige Wrap ist dabei dieser hier: wrapItemAndSub
Eigentlich ganz einfach - hab aber lange rumprobiert.
Ich hoffe, das hilft einigen 😉
vielleicht hilft dir der ansatz:
meine idee war: einfach ein menü bauen. eine sitemap ist nichts anderes als ein menü. ich fake ein bischen rum und baue eben mehrere menüs.
ich hab es mir einfach gemacht, hab ein template erstellt mit einer tabelle und 6 zellen. in diesen marker für die 6 hauptpunkte, von denen ich die unterpunkte zeigen will und mir dann einfach für die marker ein HMENU mit nur für den gewünschten punkt erstellt. klappt mit gmenü sicher auch. so hab ich zwar ein langes setup, aber eine voll frei gestaltbare sitemap. da kann ich sogar bestens entscheiden, welche unterpunkte ich von welchem hauptounkt haben will usw.
Mein Tip:
die styles.sitemap.text modifizieren
Ein Beispiel-Code:
tt_content.menu.20.2 < styles.sitemap.text
tt_content.menu.20.2 = HMENU
tt_content.menu.20.2.wrap = <table width="450" cellpadding="0" cellspacing="0" border="0"><tr><td background="uploads/tf/sitemap_linie.gif" colspan="2" valign="top"><div id="sitemaptitel">www.URL_Der_Seite.de</div></td></tr><tr><td width="100"></td><td><table cellpadding="0" cellspacing="0" border="0">|</table></td></tr></table>
tt_content.menu.20.2 {
1 = TMENU
1.NO.allWrap = <tr><td background="uploads/tf/sitemap_linie.gif"> </td><td> </td></tr><tr><td background="uploads/tf/sitemap_linie.gif"><img src="uploads/tf/sitemap_kreuz.gif" width="20" height="20" border="0" alt=""></td><td><div id="sitemap"> |</div></td></tr>
1.NO.linkWrap =
1.NO.ATagBeforeWrap = 1
1.target = {$styles.sitemap.text.target}
1.expAll = 1
2 = TMENU
2.NO.allWrap = <tr><td background="uploads/tf/sitemap_linie.gif"> </td><td> <img vspace="2" src="uploads/tf/sitemap_bull_1.gif" width="16" height="7" border="0" alt=""> |</td></tr>
2.NO.linkWrap =
2.NO.ATagBeforeWrap = 1
2.target = {$styles.sitemap.text.target}
2.expAll = 1
3 = TMENU
3.NO.allWrap = <tr><td background="uploads/tf/sitemap_linie.gif"> </td><td> <img vspace="2" src="uploads/tf/sitemap_bull_2.gif" width="16" height="7" border="0" alt=""> |</td></tr>
3.NO.linkWrap =
3.NO.ATagBeforeWrap = 1
3.target = {$styles.sitemap.text.target}
3.expAll = 1
4 = TMENU
4.NO.allWrap = <tr><td background="uploads/tf/sitemap_linie.gif"> </td><td> <img vspace="2" src="uploads/tf/sitemap_bull_2.gif" width="16" height="7" border="0" alt=""> |</td></tr>
4.NO.linkWrap =
4.NO.ATagBeforeWrap = 1
4.target = {$styles.sitemap.text.target}
4.expAll = 1
}
Hierzu benötigst Du vier Grafiken:
sitemap_bull_1.gif: für die erste Rubrik
sitemap_bull_2.gif: für die zweite Rubrik (läßt sich nach unten natürlich ändern)
sitemap_linie.gif: die vertikale Linie hoch zum Site-Titel (so: |)
sitemap_kreuz.gif: eine vertikale Linie mit einem Strich nach rechts (so: |-)
Versteht sich von selbst, dass die vertikale Linie bei den beiden Grafiken den selben Abstand vom linken Rand haben müssen :-) Ich empfehle, die Grafik sitempa_linie.gif ruhig ein bißchen breiter zu machen, damit Du bei weit eingerückten Inhalten keinen Ärger bekommst (natürlich ginge auch ein background : no-repeat😉
Dann legst Du in deiner CSS-Datei zwei neue Klasse an (für obiges Beispiel):
#sitemap {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #FFFFFF;
height : 15px;
width : 200px;
border : 1px solid #024E79;
}
#sitemaptitel {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #FFFFFF;
height : 15px;
width : 200px;
background-color : #537180;
text-align : center;
}
Diese Sitemap ist getestet bis hin zur vierten Unterebene.
Ich hoffe, das hilft Dir weiter
@CaVo ich wollte nur mal loswerden (wenn es schon sonst niemand tut... o.O ) dass ich deinen Code gerade probiert&adaptiert habe und mit dem Ergebnis wirklich zufrieden bin (einfacher Code und trotzdem schöne Lösung).
In diesem Sinne: ein verspätetes Dankeschön von mir 😉
Ich habe den Code übrigens noch mittels optionsplit so angepasst, dass am unteren Ende der Map kein gewöhnlicher senkrechter Strich nach unten sondern eine Ecke nach rechts sichtbar ist indem ich in der letzten Zeile andere gifs verwendet habe:
1.NO.allWrap = <tr><td background="fileadmin/templates/main/pictures/sitemap_linie.gif"> </td><td> </td></tr><tr><td background="fileadmin/templates/main/pictures/sitemap_linie.gif"><img src="fileadmin/templates/main/pictures/sitemap_kreuz.gif" width="30" height="10" border="0" alt=""></td><td><div id="sitemap"> |</div></td></tr>|*||*|<tr><td background="fileadmin/templates/main/pictures/sitemap_linie.gif"> </td><td> </td></tr><tr><td background="fileadmin/templates/main/pictures/sitemap_linie_end.gif"><img src="fileadmin/templates/main/pictures/sitemap_kreuz_end.gif" width="30" height="10" border="0" alt=""></td><td><div id="sitemap"> |</div></td></tr>
(wobei linie_end.gif ein etwas höheres gif ist das nur am oberen Ende eine Linie aufweist und darunter nur leere Fläche und kreuz_end.gif ein gewöhnliches kreuz.gif nur mit leerer unterer Hälfte ist)
hm diese ganzen templates lassen sich nicht bearbeiten.
Über dem bearbeitungsstift ist ne rote linie.. was ja soviel heisst wie.. "du darfst mich net ändern" .. wie kann ich das aufheben? .. Ich wollte auch schon eigene Templates erstellen aber er speichert die garnet ab.
ich weiß zwar nicht genau, wo und wie du das template bearbeiten wolltest (kenn mich ja selbst kaum aus 😉 )aber wenn du den Beispielcode von CaVo so wie er ist ins Setup-Feld (Template Modul - Info/Modify) deines Templates kopierst dann wird die Sitemap auch entsprechend gestaltet.
Hier eine simple Version für 4 Hierarchien (keine "include statics" nötig) - lediglich die styles "sitemap1" - "sitemamp4" mit Schriftstil, -Farbe, Einrückungen, Zeilenhöhe etc. müssen im Standard-Stylesheet sein.
SETUP:
tt_content.menu.20.2 < styles.sitemap.text
tt_content.menu.20.2 = HMENU
tt_content.menu.20.2.wrap = <table width="450" cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2" valign="top"></td></tr><tr><td width="100"></td><td><table cellpadding="0" cellspacing="0" border="0">|</table></td></tr></table>
tt_content.menu.20.2 {
1 = TMENU
1.NO.allWrap = <tr><td> </td><td> </td></tr><tr><td></td><td class="sitemap1"> |</td></tr>
1.NO.linkWrap =
1.NO.ATagBeforeWrap = 1
1.target = {$styles.sitemap.text.target}
1.expAll = 1
2 = TMENU
2.NO.allWrap = <tr><td> </td><td class="sitemap2">|</td></tr>
2.NO.linkWrap =
2.NO.ATagWrap = 1
2.target = {$styles.sitemap.text.target}
2.expAll = 1
3 = TMENU
3.NO.allWrap = <tr><td> </td><td class="sitemap3">|</td></tr>
3.NO.linkWrap =
3.NO.ATagBeforeWrap = 1
3.target = {$styles.sitemap.text.target}
3.expAll = 1
4 = TMENU
4.NO.allWrap = <tr><td> </td><td class="sitemap4">|</td></tr>
4.NO.linkWrap =
4.NO.ATagBeforeWrap = 1
4.target = {$styles.sitemap.text.target}
4.expAll = 1
}