PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Brauche Hilfe bei einem Stylesheet


ezzemm
2006-01-12, 08:34:58
Hallo zusammen!

Ich habe für einen Bekannten eine Homepage erstellt (www.fz-k.de (http://www.fz-k.de)). Dafür habe ich ein simples, aber einfach zu bedienendes CMS verwendet.

Die Navigation ist mittels eines Stylesheets realisiert, den Code habe ich unten gepostet.
Ich würde gern unter die Navigation einen Text und ein Minibanner mit Link plazieren; sprich Werbung.

Kann mir unserer Coding-Koriphäen sagen, wie der entsprechende Code aussieht? ;)

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper {
width: 200px;
}


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
margin-left: -1px;
}
#primary-nav ul {
position: absolute;
top: 0;
left: 100%;
display: none;
}
#primary-nav li {
margin-bottom: -1px;
position: relative;
}


/* Styling the basic apperance of the menu elements */

#primary-nav a {
border: 1px solid #006699;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration: none;
}
#primary-nav li, #primary-nav li.menuparent {
background-color: #ececec;
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
background-color: #C7C7C7;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth {
background-image: url(modules/CSSMenu/images/arrow.gif);
background-position: center right;
background-repeat: no-repeat;
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
background-color: #E7AB0B;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
display: block;
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

Nase
2006-01-12, 13:44:27
Klar können wir das. Nur suchst du dafür an der falschen Stelle.
<div id="menu_vert">
<h4>Menu</h4>
<div class="bulletmenu">

<ul>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=home" class="currentpage">Home</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=verein">Verein</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=mitglieder">Mitglieder</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=hoehepunkte">Höhepunkte</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=vereinsfotos">Vereinsfotos</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=Termine">Termine</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=Gaestebuch">Gästebuch</a></li>
<li><a href="http://www.fz-koenigseggwald.de/cms/index.php?page=Links">Links</a></li></ul>

</div>

Hier ist Platz für deinen Text und die Werbung

</div>

ezzemm
2006-01-12, 15:56:10
Dankeschön :smile:

Ich habe tatsächlich im Falschen gesucht; es muß ins Template rein!
Ich hätte nur nicht gedacht, daß ich hier nen ordinären HTML-Code angeben kann! ;)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>


<!-- Fanfarenzug Königseggwald -->

<title>Fanfarenzug Königseggwald</title>
{stylesheet}
</head>

<body>

<div id="page">

<div id="header" class="clearfix">


</div><!-- end header -->


<div class="breadcrumbs">
{breadcrumbs delimiter='&raquo;' initial='1'}
</div>

<div id="content" class="clearfix">

<div id="menu_vert">
<h4>Menu</h4>
{bulletmenu collapse='1'}

<p>&nbsp;</p>
<p><a href="http://www.test.de">bla</a></p>
<p>&nbsp;</p>


</div>

<div id="main">
<h4>{title}</h4>
{content} <br />

</div>


</div><!-- end content -->


<div id="footer" class="clearfix">
{html_blob name='footer'}
</div><!-- end footer -->

</div><!-- end page -->


</body>
</html>

mithrandir
2006-01-12, 17:43:28
Irgendwie muss ich mich immer wieder über Leute wundern, die Websiten für Bekannte "erstellen" und nicht die geringste Ahnung von HTML, CSS, etc. haben.

ezzemm
2006-01-12, 22:18:59
Ahnung von HTML habe ich, nur keine Ahnung von CSS. Und die Seite ist die erste non-HTML-only-Seite, die ich erstellt habe. Und ich finde fürs erste Mal ist sie gar nicht schlecht geworden.

Hm, mithrandir, wie soll man denn deiner Meinung nach das Ganze erlernen, wenn nicht in der Praxis? Wie hast du CSS erlernt? Zusammen mit der Klugscheisserei in die Wiege gelegt worden?

Und wofür gibt es denn ein Forum, wenn nicht zu fragen, wenn man was nicht weiß?
Damit sich Könner wie du einer bist, sich das Fachwissen um die Ohren schlagen können?

Irgendwie muss ich mich immer wieder über Leute wundern, die sich nicht zu benehmen wissen.

mithrandir
2006-01-12, 22:31:22
Nun ja, in jeder Einleitung zu dem Thema HTML/CSS sollte klar werden, was davon "Content" ist, und was der "Formatierung" desselben dient, oder? Und wenn du HTML so gut kennst, dann ist es sicherlich nicht sonderlich schwer, das Menü in deinem Code zu identifizieren, oder?

Wenn du meine allgemeine Kritik als ungebührliches Benehmen darstellst magst du nicht so unrecht haben. Verklag mich doch!