Re: Zuordnung plone.app.theming
Benjamin Hedrich <[email protected]> Sun, 18 Mar 2012 13:38:54 +0100
| Newsgroups | gmane.comp.web.zope.german |
|---|---|
| Message-ID | <[email protected]> |
Am 18.03.2012 00:32, schrieb Thorolf Godawa:
> Hallo Benjamin,
>
>> Ich vermute das liegt daran, dass du andere CSS-Klassen definiert
>> hast, die den aktiven Link stylen. Bei Plone ist das die Klasse
>> "selected" (ul li.selected). Das einfachste wäre, deine 'active'
>> Klasse in 'selected' umzubenennen.
> yupp, das wars, nun wird der Link auch im Plone als aktiv gezeigt, man
> lernt immer wieder was dazu :-)
Schön, dass das geklappt hat. :-)
> Im Wesentlichen musste ich nur mein "span" durch das "selected"
> ersetzen, was im Ergebnis deutlich "eleganter" ist.
>
> Jetzt muss ich als nächstes herausfinden wie ich den Content
> "gestyled" bekomme, denn das geht leider auch noch nicht.
Wo hakt es?
> Die HTML und CSS musste ich wie folgt anpassen:
> -----------------------------------------------
> <div id="nav_container">
> <div id="nav">
> <ul id="nav_primary">
> <li class="selected"><a href="index.htm">Startseite</a></li>
> <li><a href="ausbildung.htm">Ausbildung</a></li>
> <li><a href="verein.htm">Verein</a></li>
> <li><a href="tff.htm">Taunus Flugfest</a></li>
> <li><a href="termine.htm">Termine</a></li>
> <li><a href="mitglieder.htm">Mitglieder</a></li>
> </ul>
> </div>
> </div>
> -----------------------------------------------
> #nav_container {
> width: 790px; height: 45px;
> padding-left: 120px; padding-top: 15px;
> text-align: left; /* Seiteninhalt wieder links ausrichten */
> margin: 0 auto; /* standardkonforme horizontale Zentrierung */
> z-index:2;
> }
>
> /* Definitions for all Navigators */
>
> /* 1. Nav with one line */
> #nav {
> top: 0; left: 0;
> width: 790px; height: 28px;
> text-align: center;
> background: transparent;
> z-index: 4;
> }
>
> ul#nav_primary {
> margin: 0;
> padding-left: 0; padding-top: 1px;
> width: 100%; height: 27px;
> list-style-type: none;
> background: transparent;
> border-top: 1px dotted #0D56A6;
> font-size: 0.8em; font-weight: bold;
> }
>
> ul#nav_primary li {
> list-style-type: none;
> padding: 0 0.1em;
> display: block;
> float: left;
> margin: 6px 0px 0px 6px;
> margin: 5px 0px 0px 5px;
> font-size: 100%;
> }
>
> ul#nav_primary a {
> text-decoration: none;
> vertical-align: middle;
> padding: 7px 15px 7px 15px;
> border-color: white;
> color: #000000; background-color: #FFFFFF;
> }
>
> ul#nav_primary a:hover, ul#nav_primary li.selected a {
> vertical-align: middle;
> border-color: white;
> color: #FFFFFF; background-color: #00508F;
> }
> -----------------------------------------------
Gruß,
Benjamin
_______________________________________________
zope mailing list
[email protected]
https://mail.dzug.org/mailman/listinfo/zope