CMS Made Simple Forums

Das ist eigentlich keine große Kunst, weil bereits in den mitgelieferten Stylesheets gezeigt wird, wie es funktioniert.

Mit scheint, der Auslieferungsumfang von CMSms (also die Demo-Installation) wird von vielen Usern stark unterschätzt. Im Gegensatz zu anderen CMS enthält die Muster-Installation nicht nur eine simple Beispielseite, sondern viele wertvolle Informationen zum Liefer- und Funktionsumfang zu CMSms. Auch die mitgelieferten Templates und Stylesheets sind durchaus hochwertig und für Studienzwecke gut geeignet.

jester wrote: auch der guten Dokumentation von CMSms überrascht

Das Zusammenspiel der einzelnen Templates und Styles sowie Modulen und Tags zu begreifen ist nicht leicht.

Jetzt habe ich aber statt zwei Elementen (HTML-Seite und dazugehöriges Stylesheet) noch ein drittes Element - den Menümanager.

Mit der Muster-Installation werden bereits drei Templates mitgeliefert. Diese sind für die meisten Webseiten ausreichend, da das Menü einfach nur eine Liste ist, die mittels CSS gestaltet wird.

wird also über das CSS-Icon mit einem oder mehreren (! das war mir auch nicht sofort klar, dass das geht!) Stylesheets verknüpft.

Ein Menü erhalte ich über die Zeile {cms_module module="menumanager" template='name des menutemplates das ich verwenden will'}

Weil ich aber kein Programmierer bin, finde ich die Menütemplates (z.B. simplemenu.tpl) extrem schwer lesbar und verständlich.

Was fängt wo an und hört wo auf? Vor allem - welche Klassen und Elemente-Namen werden verwendet und was meinen sie genau?

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *} 

{if $count > 0}

<ul>

{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 class="currentpage"><h3><dfn>Current page is {$node->hierarchy}: </dfn>{$node->menutext}</h3>

{elseif $node->parent == true}
<li class="activeparent"><a class="activeparent" href="{$node->url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>

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

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

{else}
<li><a href="{$node->url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}{if $node->target != ''} target="{$node->target}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>

{/if}

{/foreach}

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

Hier finde ich die Dokumentation, auch wenn die Templates kommentiert sind, nicht mehr so leicht verständlich. Und das finde ich eben leider auch nicht in der Demo-Installation erklärt.

Du musst dir nur die CSS-Klassen/IDs aus den MenuManager-Templates entnehmen.

jester wrote:

Du musst dir nur die CSS-Klassen/IDs aus den MenuManager-Templates entnehmen.

Da hat ein klassischer Anfänger wie ich das Problem, diese zu finden. Wo sind sie?

.class

li.active0n h3

kann ich dann eigentlich diese nervige Angabe der Hierarchienummer auch deaktivieren?

Current page is {$node->hierarchy}: {$node->menutext}

url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}>{$node->hierarchy}: {$node->menutext}

Die smarty-Tags sind für Programmierer sicher leicht zu verstehen

Einerseits möchte ich natürlich meine Layout-Ideen bzw. die Vorgaben meiner Kunden umsetzen, andererseits möchte ich auch nicht zu tief in die Materie eindringen müssen.

Ich habe auch nirgendwo gefunden, welches .tpl man am Besten für welchen Zweck einsetzt.

Wie gesagt, zum einen steht es bei den mitgelieferten Templates gleich oben drin. Zum anderen sollte es nicht alle zu schwer sein, die Bezeichner "class" und "id" aus dem Template zu entnehmen.

jester wrote: Ich meinte mit meiner Frage, dass ich anfangs gar nicht verstanden habe, wo ich die Templates überhaupt finde.
...
Das Problem ist auch weniger ein mangelnde Dokumentation,

sondern mehr, das passende für das eigene Problem an den verschiedenen Orten zu finden.

Ich habe vor, über meine eigene Problemlösung eine Art Tutorial für blutige Anfänger zu entwickeln, das einfach nur zeigt, was mache ich in welcher Reihenfolge und was finde ich wo.

Klingt interessant ... die Idee dazu liegt auch schon eine halbe Ewigkeit in meiner Schublade.

jester wrote: Ich habe vor, über meine eigene Problemlösung eine Art Tutorial für blutige Anfänger zu entwickeln, das einfach nur zeigt, was mache ich in welcher Reihenfolge und was finde ich wo.