Page 1 of 1
Horizontale sitemap
Posted: Wed Dec 11, 2013 9:46 am
by rayring
Ik gebruik de {site_mapper} tag om in mijn template de sitemap aan te roepen. De sitemap wordt hierop vertical weergegeven. Ik zou deze graag horizontaal in bijvoorbeeld 3 kolommen naast elkaar hebben. Ik probeer dit te stylen met css maar dit gaat niet naar wens... Iemand een idee of CSS tip
Re: Horizontale sitemap
Posted: Wed Dec 11, 2013 12:30 pm
by velden
Is dat niet een wrapper voor de Menu Manager module?
Een sitemap is natuurlijk eigenlijk een menu. Je kunt er net zo goed een horizontale sitemap mee maken als dat je een horizontaal menu kan maken.
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 1:15 pm
by rayring
velden wrote:Is dat niet een wrapper voor de Menu Manager module?
Een sitemap is natuurlijk eigenlijk een menu. Je kunt er net zo goed een horizontale sitemap mee maken als dat je een horizontaal menu kan maken.
Het zou fijn zijn als iemand een voorbeeld tag en css zou kunnen plaatsen. Ik ben al enige tijd door de documentatie van o.a. modulehulp in menubeheer aan het worstelen maar kom niet verder
Ik probeer verschillende menu templates aan te roepen maar kan niet goed vinden hoe dit op de juiste manier te doen.
Voor de duidelijkheid het lukt wel om de sitemap aan te roepen alleen dus niet om deze in de footer in bijv. 3 kolommen te stylen...
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 1:17 pm
by velden
Misschien kun je een link posten? Dan is zichtbaar wat je al wel voor elkaar hebt.
Het is waarschijnlijk ook geen cmsms 'probleem' maar iets met css ofzo.
Die 3 kolommen, betekent dat ook dat er 3 hoofdcategories (Section headers of Parents) in het menu zijn?
Voorbeeld:
http://tinyurl.com/mslyl6h
'Sitemap' staat onderaan de pagina. Klant heeft het wat door elkaar gegooid door een extra hoofdmenu aan te maken. Maar het idee is wel duidelijk denk ik.
Elk menu-item uit het eerste level van het menu is een 'kolom'.
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 1:49 pm
by rayring
velden wrote:Misschien kun je een link posten? Dan is zichtbaar wat je al wel voor elkaar hebt.
Het is waarschijnlijk ook geen cmsms 'probleem' maar iets met css ofzo.
Die 3 kolommen, betekent dat ook dat er 3 hoofdcategories (Section headers of Parents) in het menu zijn?
Voorbeeld:
http://tinyurl.com/mslyl6h
'Sitemap' staat onderaan de pagina. Klant heeft het wat door elkaar gegooid door een extra hoofdmenu aan te maken. Maar het idee is wel duidelijk denk ik.
Elk menu-item uit het eerste level van het menu is een 'kolom'.
Een voorbeeld is te vinden op
http://www.adkar.nl (testsite)
Onder de footer heb ik de {site_mapper} tag gezet zoals je ziet geeft dit een opsomming van het topmenu en submenu weer
Ik zou dit graag in de footer hebben met bijvoorbeeld:
Home | Verander management | Links
...........Link1........................Link1
...........Link2........................Link2
Wat jij aangeeft is inderdaad wat ik wil dat elk eerste level van het menu een kolom is... En inderdaad geen CMSMS probleem maar te weinig CSS skills
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 1:56 pm
by velden
Kijk naar mijn voorbeeld en gebruik bijvoorbeeld Firefox met Firebug om de css te zien die gebruikt is op de elementen.
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 2:07 pm
by Rolf
Zie ook de footer van
http://www.cmsmadesimple.org/
Deze "fat footer" functie zit volgens mij ook in de standaard CMSMS template NCleanBlue.
Re: Horizontale sitemap
Posted: Thu Dec 12, 2013 2:46 pm
by Rolf
Je gebruikt hier een template van Uniqu3. In de gebruiksvoorwaarden staat dat je een link naar zijn website er op laat staan...
Re: Horizontale sitemap
Posted: Fri Dec 13, 2013 8:45 am
by rayring
Rolf wrote:Je gebruikt hier een template van Uniqu3. In de gebruiksvoorwaarden staat dat je een link naar zijn website er op laat staan...
Ja ik zie het in de readme, is in ere hersteld
Re: Horizontale sitemap
Posted: Sun Dec 15, 2013 12:02 am
by HarmO
Probeer deze css eens:
Code: Select all
#footermenu ul li { list-style-type: none; float: left; margin-right: 30px; font-weight: bold; }
#footermenu ul li ul li { float:none; padding-left: 10px; font-weight: normal; }
#footermenu ul li a { color:#999; text-decoration:none; }
voor je footer plaats je deze code:
Code: Select all
<div id="footermenu">{site_mapper}</div>