forrest-svn mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
Subject svn commit: r190181 - /forrest/trunk/site-author/content/xdocs/docs/howto/howto-view-dsl.xml
Date Sat, 11 Jun 2005 23:38:58 GMT
Author: thorsten
Date: Sat Jun 11 16:38:57 2005
New Revision: 190181

Further written the dsl howto till section css which will be next.


Modified: forrest/trunk/site-author/content/xdocs/docs/howto/howto-view-dsl.xml
--- forrest/trunk/site-author/content/xdocs/docs/howto/howto-view-dsl.xml (original)
+++ forrest/trunk/site-author/content/xdocs/docs/howto/howto-view-dsl.xml Sat Jun 11 16:38:57
@@ -208,26 +208,34 @@
     <section id="cssView">
       <title>CSS in views</title>
-      <fixme author="thorsten">This section is next to write</fixme>
-      <!--<p>
-        We will use now the first time a <code><![CDATA[<forrest:hook name="layoutId"/>]]></code>.
-        Hooks in views are the styling side of views. We can imitate arbitrary html skeleton

-        with their help. Before we explain how to use your own css in views we will use the
default css.
-        In the default.css we can find 
+      <p>
+        We know now how to place contracts and hooks in our view, till this stage we only
used the default.css. 
+        CSS-support of views is as easy as placing contracts/hooks. To override the default.css
+        stylesheet we use another tag within our view <code><![CDATA[<forrest:hook
+      </p>
+      <p>
+        We will now create a file in <code><![CDATA[{project:skins-dir}{path}/{name}.css]]></code>.
In our case
+        we will save a file called howTo.css in newSeed/src/documentation/skins/css/howTo.css
containing only 
+        the following css:
       <source>/* menu */
 #leftbar {
     width: 25%;
     float: left;
     background: #eae8e3;
-    border: thin dashed #565248;
+    border: thin solid #000000;
-        With this information we know to use <code><![CDATA[<forrest:hook name="leftbar"/>]]></code>

-        to add contracts into that container. If we want to put a contract into the side
-        of the site we need to place the contract into that hook. Like:
+        We just changed the border-style to 'solid' and the color to '#000000'. In our we
we have to add
+        a new tag to tell that we want to override the default.css. We are doing this by
adding the tag 
+        <code><![CDATA[<forrest:hook name="howTo.css"/>]]></code>
to our view.
+      <note>
+        <code><![CDATA[<forrest:hook name="howTo.css"/>]]></code>
has to be direct son of 
+        <code><![CDATA[<forrest:view type="xhtml">]]></code>!!!
+      </note>
+      <fixme author="thorsten">This section is next to be writen</fixme> <!--
       <source><![CDATA[<forrest:views xmlns:forrest=""
   <forrest:view type="xhtml">
     <forrest:hook name="leftbar">

View raw message