CMS Made Simple Forums

Posted: **Sat Oct 30, 2010 2:15 pm**

Beste gebruikers,

Ik heb wel beetje verstand van HTML en CSS maar ik kom niet echt uit met het menu.
Normaal bouw ik zeg maar met en menu op zeg maar, en dan kan ik dus linkjes maken etc.

Maar bij deze CMS kijkt die dus naar pagina.. ik snap niet echt precies hoe het te werk gaat.. Ik weet dat je waarschijnlijk tags moet gebruiken.

Ik heb een beetje gezogd voordat ik een topic aan ging maken maar ik kom niet helemaal uit.. normaal maak ik zo:

Code: Select all

<ul>
     <li><a href="websitelink">Menu1</a></li>
     <li><a href="websitelink">Menu2</a></li>
</ul>

Met css heb ik hem dan opgemaakt. Maar ik snap dus niet hoe je het aangeeft wat er waar moet komen staan en naar welke link die moet gaan..

Kan iemand mij uitleggen?

Alvast bedankt!

Posted: **Sat Oct 30, 2010 2:43 pm**

----------

Posted: **Sat Oct 30, 2010 2:57 pm**

Code: Select all

  {foreach from=$nodelist item=node}
  {if $node->current == true}{$node->hierarchy|truncate:1:""}{/if}
  {/foreach}

    The above code would render the first digit of $node->hierarchy. For example if you have the following layout: 
    1. Home 
    2. Services 
    2.1. First 
    2.2. Second 
    3. Contact 
    3.1. Address 
    3.2. Form

Ik snap dan helemaal niet wat $node enzo is. Kan iemand niet in het nederlands beetjeuitleggen over het menu etc?

Word niet eens uitgelegd waarom die dat doet, wat de codes betekenen zoals

Posted: **Sat Oct 30, 2010 3:04 pm**

ik heb even verder gekeken. Kan iemand helpen of dit voldoende is als ik het zet in de menubeheer:

Code: Select all

<ul>
<li><a href="{$node->url}">{$node->target}</a></li>
</ul>

Posted: **Sat Oct 30, 2010 3:16 pm**

Je hebt al een aantal menu templates tot je beschikking bij de installatie van CMSms.

Wil je een basismenu stylen, dan doe je dat in een CSS.

Met de aanroep:

Code: Select all

{menu}

in je template roep je het menu aan. Dit plaatst automatisch de pagina's die je hebt aangemaakt.

Zet je deze tag in een DIV, dan wordt het (eenvoudige) menu gestyled door een CSS. De code ziet er dan (ong.) zo uit:

Code: Select all

<div id="CSS_id_naam">
  {menu}
</div>

Probeer het maar eens uit.

Posted: **Sat Oct 30, 2010 3:27 pm**

erpee wrote: Je hebt al een aantal menu templates tot je beschikking bij de installatie van CMSms.

Wil je een basismenu stylen, dan doe je dat in een CSS.

Met de aanroep:
Code: Select all
{menu}
in je template roep je het menu aan. Dit plaatst automatisch de pagina's die je hebt aangemaakt.

Zet je deze tag in een DIV, dan wordt het (eenvoudige) menu gestyled door een CSS. De code ziet er dan (ong.) zo uit:
Code: Select all
<div id="CSS_id_naam">
  {menu}
</div>
Probeer het maar eens uit.

Bedankt voor je antwoord!
Ja daar was ik achter gekomen. Alleen ik wou zeg maar submenu maken. Dat maak ik dan normaal gesproken zo:

Code: Select all

<ul>
     <li><a href="websitelink">Menu1</a></li>
     <li><a href="websitelink">Menu2</a> <ul class="sub1" ><li><a href="weblink">Sumenu1</a></li></ul></li>
</ul>

Vervolgens geef ik dus in CSS aan van dat die op display none moet zetten maar bij hover dat die display block moet doen etc. en zo werkt die perfect.. en hoe kan ik dit dan oplossen in cms made simple?

Posted: **Sat Oct 30, 2010 3:31 pm**

Ik weet niet of het ons wel duidelijk is wat je wilt bereiken.
Kijk eens naar een bestaande template en kijk eens hoe de {menu} tag er daar uit ziet. Bekijk eventueel dan de stylesheet en menutemplate.

Zo moet je er iets wijzer uit kunnen worden.

Posted: **Sat Oct 30, 2010 3:44 pm**

Evert B. wrote: Ik weet niet of het ons wel duidelijk is wat je wilt bereiken.
Kijk eens naar een bestaande template en kijk eens hoe de {menu} tag er daar uit ziet. Bekijk eventueel dan de stylesheet en menutemplate.

Zo moet je er iets wijzer uit kunnen worden.

Beste Evert,

Bedankt voor je reactie. Wat ik wil kunnen is dat ik blanco bij menubeheer zelf kan typen hoe ik menu wil tonen. Momenteel gebruik ik deze:

Code: Select all

{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
<ul class="clearfix">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}

{if $node->current == true}
<li><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="activeparent"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}

{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />

{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{/if}

{/foreach}

{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}

Ik snap hier niet uit waardoor hij vanzelf menu pakt hoe die bijvoorbeeld pagina 1 boven in zet, pagina 2 als tweede.. Al die tags komen mij onbekend voor.. ik heb vervolgens die tags opgezocht en ik vond het volgende:

Code: Select all

        * $node->id -- Content ID
        * $node->url -- URL of the Content
        * $node->accesskey -- Access Key, if defined
        * $node->tabindex -- Tab Index, if defined
        * $node->titleattribute -- Description or Title Attribute (title), if defined
        * $node->hierarchy -- Hierarchy position, (e.g. 1.3.3)
        * $node->depth -- Depth (level) of this node in the current menu
        * $node->prevdepth -- Depth (level) of the node that was right before this one
        * $node->haschildren -- Returns true if this node has child nodes to be displayed
        * $node->menutext -- Menu Text
        * $node->alias -- Page alias
        * $node->target -- Target for the link. Will be empty if content doesn't set it.
        * $node->index -- Count of this node in the whole menu
        * $node->parent -- True if this node is a parent of the currently selected page

Dus hierop maakte ik uit, dat ik de menutext en url moest gebruiken dus ik maakte er volgende ervan:

Code: Select all

<ul>
<li><a href="{$node->url}">{$node->menutext}</a></li>
</ul>

Dus ik dacht als ik het dan zo doe, pakt hij de url en de menutext en doet hij het maar hij doet het niet..

Dus ik vroeg me af of iemand mij kort even kan uitleggen hoe ik dat kan doen met menubeheer.. ik kan wel met CSS omgaan dus opmaken van menu. Ook weet ik wel dat ik de tag {menu} moet ingooien in html waar ik menu wil hebben.

Enige wat ik dus niet weet is hoe ik dat opbouw in menubeheer.

Posted: **Sat Oct 30, 2010 6:36 pm**

Het je de standaard sjablonen al bekeken?

Zit daar een manier tussen die je (enigszins) bevalt? Dan zou ik zeggen, die erin plakken en aanpassen. Dat doe ik ook meestal.

Ik gebruik toch vaak het (internet-)spreekwoord:

Beter goed gejat, dan slecht gemaakt ...

Posted: **Mon Nov 01, 2010 8:27 pm**

erpee wrote: Het je de standaard sjablonen al bekeken?

Zit daar een manier tussen die je (enigszins) bevalt? Dan zou ik zeggen, die erin plakken en aanpassen. Dat doe ik ook meestal.

Ik gebruik toch vaak het (internet-)spreekwoord:

Beter goed gejat, dan slecht gemaakt ...

Zou jij niet een voorbeeld kunnen geven van een simpele ul li a menu?

CMS Made Simple Forums

vraagje over menu

vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu

Re: vraagje over menu