Changes between Version 19 and Version 20 of InstallationInstructions

Timestamp:

11/10/06 16:50:05 (17 years ago)

Author:

anonymous

Comment:

--

InstallationInstructions

@@ -283 +283 @@
 ln -s index.php interests
 }}}
+
+
+
+----
+=== own CSS (style sheet) ===
+
+You can customize the look and feel of your rdfhomepage as you like. There are at least three possibilities for your look and feel:
+ 1. You can just take the predefined look and feel that comes with rdfhomepage.
+    For this, there is actually nothing to do.
+ 2. You can have your own style sheet and use the predefined rdfhomepage style sheet and override some of the styles.
+    This would be done by creating a file {{{homepage.css}}} in your myrdfhomepage directory (the directory where your config.php resides).
+    In that CSS file you would include the homepage.css of the rdfhomepage package. Example:
+{{{
+@import url("rdfhomepage/homepage.css");
+
+a {
+    background:red;
+}
+}}}
+ 3. You can, of course have you very own style sheet without depending on predefined styles.
+    This would be done by creating a file {{{homepage.css}}} in your myrdfhomepage directory.
+    In that CSS file you will have to specify the style for every class (div) generated by the rdfhomepage scripts.
+    However, this alternative is in no way better than the 2nd alternative... [[BR]]
+    ['''TODO:''' We shall provide a documentation about the used classes.]
+
+The style sheet of rdfhomepage is divided into three style sheets. [[BR]]
+homepage.css includes color_and_font.css and template.css.
+ * template.css defines the layout for the multi-column layout. [[BR]]
+ * color_and_font.css defines the colors and fonts to be used.
+ * homepage.css defines ordering and spacing of the <div>s.
+
+If you just like to override the coloring or some fonts, then you could create an own {{{homepage.css}}} in your myrdfhomepage directory containing
+{{{
+@import url("rdfhomepage/homepage.css");
+@import url("color_and_font.css");         // <--- private color_and_font.css
+
+a {
+    background:red;
+}
+}}}
+Then you can also create an own {{{color_and_font.css}}} in that directory containing
+{{{
+@import url("rdfhomepage/color_and_font.css");
+
+a.menuItem:hover {
+    font-weight:bold;
+    background: red;
+    text-decoration: none;
+}
+}}}
+You see, that both CSS files include and override the predefined style sheet that comes with rdfhomepage.
+
+Note, that for the examples above it is assumed, that the rdfhomepage package can be found directly inside your myrdfhomepage directory. If you put the rdfhomepage package to let's say {{{/home/share/rdfhomepage}}} to share the rdfhomepage core, then the import statements have to be modified in the code above, i.e., changed to [[BR]]
+{{{@import url("/home/share/rdfhomepage/homepage.css");}}} [[BR]]
+{{{@import url("/home/share/rdfhomepage/color_and_font.css");}}}