Zuordnung plone.app.theming

Thorolf Godawa <[email protected]> Sun, 11 Mar 2012 01:36:15 +0100
Newsgroups gmane.comp.web.zope.german
Message-ID <[email protected]> 
Hallo allerseits,

leider gehts bei mir nicht voran.

Stand ist, das die Kopfzeile mit Logo und Titel korrekt dargestellt
wird, die Navigation an der richtigen Stelle steht aber nicht "designed"
ist, der Inhalt steht auch richtig, zieht jedoch ebenso wenig das design
aus meiner CSS und abschliessend die Fusszeile die korrekt zu sein scheint.

Als statische Webseite wird der Inhalt korrekt dargestellt, wenn auch
noch nicht weiter "optimiert".

Mir ist noch nicht ganz klar welche Elemente ich in meiner Seite durch
die Plone-Elemente tauschen muss.

Und wo und wie muss ich die Elemente in der rules.xml ersetzen,
innerhalb des "<rules css:if-content="#visual-portal-wrapper">" mit
"replace" oder danach mit "copy", also z.B.:

<replace css:content='#portal-globalnav li'
css:theme-children='#nav_container' />
<replace css:content="#portal-column-content" css:theme="#content_main" />

oder

<copy content='//*[@id="portal-globalnav"]'
theme='//*[@id="nav_container"]' />
<copy content='//*[@id="portal-column-content"]'
theme='//*[@id="content_main"]' />

Irgendwie geht beides, aber nichts richtig :-(

Ich habe mal die vereinfachte index.htm sowie die rules.xml angehängt,
vielleicht hat ja jemand einen Tip für mich.

Vielen Dank,

Thorolf



_______________________________________________
zope mailing list
[email protected]
https://mail.dzug.org/mailman/listinfo/zope
index-test.htm (text/html, 4.1 KB) 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Luftsportclub e.V.</title>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <meta name="decription" content="Luftsportclub e.V.">
  <meta name="keywords" content="Luftsportclub e.V.">
  <meta name="author" content="Luftsportclub e.V.">
  <meta name="date" content="2012-01-08">
  <link rel=stylesheet type="text/css" href="formate-test.css"></link>
</head>

<body>

<div id="body_container">

  <div id="header_container">
    <div id="header_pic">
    </div>
    <div id="header_nav">
      <ul id="nav_header">
        <!--
        <li><span>Kontakt</span></li>
        -->
        <li><a href="kontakt.htm">Kontakt</a></li>
        <li><a href="impressum.htm">Impressum</a></li>
        <li><a href="login.htm">Login</a></li>
      </ul>
    </div>
    <div id="header_txt">
      Luftsportclub e.V.
    </div>
    <div id="nav_container">
      <div id="nav">
        <ul id="nav_primary">
          <li><span>Startseite</span></li>
          <!--
          <li><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>
        </ul>
      </div>
<!--
      <div id="nav2">
        <ul id="nav_secondary">
          <li><span>Unterlink1</span></li>
-->
          <!--
          <li><a href="index.htm">Startseite</a></li>
          -->
<!--
          <li><a href="unterlink2.htm">Unterlink2</a></li>
          <li><a href="unterlink3">Unterlink3</a></li>
          <li><a href="unterlink4.htm">Unterlink4</a></li>
        </ul>
      </div>
-->
    </div>
  </div>

  <div id="content_container">
    <div id="content_main">
      <div id="artikel_container">
        <div id="artikel_bild_tn">
          <a href="artikel3.htm" title="Scheinpr&uuml;fung Moritz"><img src="images/artikel3_tn.jpg" alt="Scheinpr&uuml;fung Moritz" title="Scheinpr&uuml;fung Moritz" height="100" width="100"></a>
        </div>
        <div id="artikel_titel">
          Scheinpr&uuml;fung Moritz
        </div>
        <div id="artikel_text_kurz">
          Am Dienstag war es soweit, nach gut drei Jahren Ausbildung konnte ich die praktische Pr&uuml;fung ablegen. Damit alles rechtzeitig startklar war, trafen sich  ...
        </div>
      </div>
      <div id="artikel_container">
        <div id="artikel_bild_tn">
          <a href="artikel2.htm" title="Neue Flieger am Platz"><img src="images/artikel2_tn.jpg" alt="Neue Flieger am Platz" title="Neue Flieger am Platz" height="100" width="100"></a>
        </div>
        <div id="artikel_titel">
          Neue Flieger am Platz
        </div>
        <div id="artikel_text_kurz">
          Bereits vor ein paar Wochen kauften sich Volker und Hans gemeinsam eine Glasfl&uuml;gel, mit der sie auch schon eifrig Starts schrubbten.
         </div>
      </div>
      <div id="artikel_container">
        <div id="artikel_bild_tn">
          <a href="artikel1.htm" title="Alpenflug  2011"><img src="images/artikel1_tn.jpg" alt="Alpenflug 2011" title="Alpenflug 2011" height="100" width="100"></a>
        </div>
        <div id="artikel_titel">
          Alpenflug in Lienz 2011
        </div>
        <div id="artikel_text_kurz">
          Nachdem Steffen in den letzten Jahren immer wieder von den Alpen geschw&auml;rmt hatte dachte ich mir, dass ich dieses Jahr den gewohnten Saisonauftakt tauschen sollte. Es war die richtige Entscheidung...
        </div>
      </div>
    </div>
    <div id="content_sidebar-right">
      <div id="sidebar_titel">
        Artikelarchiv
      </div>
      <ul id="nav_sidebar-right">
        <li><a href="201201.htm">Januar 2012</a></li>
        <li><a href="201112.htm">Dezember 2011</a></li>
        <li><a href="201111.htm">Novemvber 2011</a></li>
        <li><a href="201110.htm">Oktober 2011</a></li>
        <li><a href="201109.htm">September 2011</a></li>
        <li><a href="201108.htm">August 2011</a></li>
      </ul>
    </div>
  </div>

  <div id="footer_container">
    <div id="footer_txt">
      Copyright &copy; 2012 Luftsportclub e.V.
    </div>

</div>

</body>

</html>
rules-test.xml (text/xml, 1.9 KB) 
<?xml version="1.0" encoding="UTF-8"?>
<rules
    xmlns="http://namespaces.plone.org/diazo"
    xmlns:css="http://namespaces.plone.org/diazo/css"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <rules css:if-content="#visual-portal-wrapper">
      <theme href="index-test.htm" />

        <drop theme="/html/head/meta" />
        <drop theme="/html/head/title" />
        <drop theme="/html/head/base" />

        <after content="/html/head/meta" theme-children="/html/head" />
        <after content="/html/head/title" theme-children="/html/head" />
        <after content="/html/head/base | /html/head/style | /html/head/script | /html/head/link | /html/head/comment()" theme-children="/html/head" />
        <!-- Copy over the id/class attributes on the body tag.
             This is important for per-section styling -->
        <copy attributes="class	id dir" content="/html/body" theme="/html/body" />
        <!-- Logo (link target) -->
        <copy attributes="href" css:content="#portal-logo" css:theme="#logo" />
        <!-- site actions -->
        <replace css:content="#portal-siteactions li" css:theme-children="#actions" />
        <!-- User actions -->
        <!-- The logged-in actions are a list ... -->
        <after css:content="#portal-personaltools li" css:theme-children="#actions" />
        <!-- ... but for anonymous users, it's a dl, so we build list
                 elements using XSL directives -->
        <after css:theme-children="#actions">
            <xsl:for-each css:select="#anon-personalbar > a">
                <li><xsl:copy-of css:select="a"/></li>
            </xsl:for-each>
        </after>
        <!-- Global navigation -->
        <replace css:content='#portal-globalnav li' css:theme-children='#nav_container' />
        <!-- Document Content -->
        <replace css:content="#portal-column-content" css:theme="#content_main" />    
    </rules>

</rules>