CMS-Menübar

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

CMS-Menübar

Post by Garfield »

Ich suche nach einem Template, was einspaltig ist mit einem einfachen horizontalem Menü (wie auf der CMS-Seite).
Gibt es diese bereits fertig zum Einsatz in der Art? Oder ein Template in der Art?
Dann brauch ich das Rad nicht mehr neu erfinden, sondern nur noch das CSS anpassen.

Über passende Vorschläge würde ich mich freuen.

Grüße

Garfield
antibart
Power Poster
Power Poster
Posts: 1162
Joined: Sun Aug 17, 2008 9:29 am

Re: CMS-Menübar

Post by antibart »

Wenn Du es wie auf der CMSMS-Seite haben willst, warum nimmst Du nicht das Template und passt es an? Das ist doch vorinstalliert.

Alle weiteren Templates zum Download gibt es hier:


http://themes.cmsmadesimple.org/
Last edited by antibart on Tue Jan 27, 2009 2:48 pm, edited 1 time in total.
antibart
Power Poster
Power Poster
Posts: 1162
Joined: Sun Aug 17, 2008 9:29 am

Re: CMS-Menübar

Post by antibart »

Na gut .. da das Grundgerüst für solch ein Layout in drei Minuten geschrieben ist... bitteschön. Dokument-Header hab ich weg gelassen und Stile musst Du größtenteils selbst einfügen. Habe nur ein paar Beispiel-css teilweise mit Blindwert (xx) eingefügt. Wichtig ist nur float:left in der Liste, damit das Menü vertikal dargestellt wird.

Code: Select all

</__body>
<div id="wrapper">
<div id="header"></div>
<div id="menu">{menu}</div>
<div id="main">
<div id="content">{title}
{content}</div></div>
<div id="footer"></div>
</div>
<__body>

Code: Select all

body {background:#000 url(); font-family: verdana, arial, sans_serif; font-size: xx; color: xx;}

#wrapper {padding: xx ; margin: xx; width: 800px; }

#header {padding: xx ; margin: xx; width: 800px; height: 160px; background-color:#bd0f33;}

#menu {width: 800px; height:30px; background-color:#fff; }

#menu ul { margin-left: 20px; }
#menu li {float:left;padding: xx ; margin: xx;}
#menu a {padding: xx ; margin: xx; text-decoration: none;}
#menu a:hover {}
#menu a.currentpage {}
#menu a.currentpage:hover {}

#main {width: 800px; background-color:#eef1f3;}

#content {margin: 40px 0 0 20px; width: 700px;}

#footer {width: 800px; height: 50px; background-color:#bd0f33;}

a {}
a:hover {}

h1  {}
h2  {}
h3  {}
h4  {}
Last edited by antibart on Wed Jan 28, 2009 9:03 am, edited 1 time in total.
Post Reply

Return to “Layout und Design”