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