Menu erstellen...

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
bacarni

Menu erstellen...

Post by bacarni »

Hallo,
ich versuche gerade meine erste Seite mit CMSms zu machen. Dazu habe ich mir dieses http://www.oswd.org/design/preview/id/3375 template ausgesucht. Ich habe dank der Videoanleitung auch alles soweit "konvertiert".
Nur das Menu will noch nicht so richtig. Ich habe über den Menu Manager eine CSS-Datei angelegt und dadurch schonmal das "Current page", sowie die Zahlen. Aber den Look vom Menu mit den weißen Linien und dem Bullet bekomm ich noch nicht hin.
So sieht mein Menu aus

Code: Select all

{* 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 id=nav">
{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 id="current" class="currentpage">{$node->menutext}

{elseif $node->parent == true}
<li ><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}>{$node->menutext}</a>

{elseif $node->type == 'sectionheader'}
<li >{$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}>{$node->menutext}</a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
Auf der Seite generiert es zu

Code: Select all

<ul id=nav">
<li id="current" class="currentpage">Home
</li>
<li><a href="http://localhost:8080/cmsms/index.php?page=ueber-mich">Über mich</a>
</li>
<li><a href="http://localhost:8080/cmsms/index.php?page=album-1">Album 1</a>
</li>
</ul>
was ja auch nicht schlecht aussieht, verglichen mit dem Template. Leider überzeugt das Ergebnis nicht :(

Ein anderes Problem was ich habe ist, dass seitdem ich mit dem Template arbeite, der Hintergrund vom TinyMCE nicht mehr weiß, sonder dunkel grau ist. Kann man das umstellen und hat dies etwas mit dem Template zu tun (im CSS was doppelt belegt)?

Vielen Dank für die Hilfe.
nicmare
Power Poster
Power Poster
Posts: 1150
Joined: Sat Aug 25, 2007 9:55 am

Re: Menu erstellen...

Post by nicmare »

dein css ist unvollständig. hast du irgendwo noch mehr css angaben?
wenn das alles ist, füge oben noch das hinzu:
#nav { background:#000:}
#nav li { display:block; height:28px; width:200px; border-bottom:1px solid white;}
#nav a { display:block; height:28px; width:200px;}
Die width musst du deinem Template entsprechend noch anpassen.
#nav li a:hover, #nav li#current { background:url(bullet.gif) top right no-repeat;}

ansonsten kannst du aus dem smarty template schon mal class="currentpage" rausnehmen. dein aktiver menüpunkt hat schon ne eindeutige ID. das reicht
Außerdem hast du gleich markup fehler. Es heißt
Last edited by nicmare on Thu Sep 04, 2008 7:54 am, edited 1 time in total.
NaN

Re: Menu erstellen...

Post by NaN »

bacarni wrote: Ein anderes Problem was ich habe ist, dass seitdem ich mit dem Template arbeite, der Hintergrund vom TinyMCE nicht mehr weiß, sonder dunkel grau ist. Kann man das umstellen und hat dies etwas mit dem Template zu tun (im CSS was doppelt belegt)?

Vielen Dank für die Hilfe.
Schau dazu mal in die Einstellungen des TineMCE.
Da gibt es eine Option womit man die Hintergrundfarbe im Editor anders festlegen kann als er dann auf der Seite ist.
bacarni

Re: Menu erstellen...

Post by bacarni »

Vielen Dank euch beiden. Habe jetzt beide Probleme gelöst.

Den CSS-Text hatte ich schon in der Hauptdatei drin. Das Problem war, dass das Gänsefüsschen gefehlt hat. Jetzt habe ich nur noch ein Problem, dass das current Element flasch aussieht. Denke aber, dass ich den Fehler noch finden werde.

Der Editor ist auch wieder weiß dank dieses Hinweises: http://forum.cmsmadesimple.org/index.ph ... 691.0.html
Post Reply

Return to “Layout und Design”