(always under construction and sometimes a bit messy)
2. Editing Bazaar Style Style Sheets
2.1 Override an element
2.2 Page Manager: vertical
lines
2.3 Schoolyard
Here is the basic way of editing the complete style of a theme. We assume you have the necessary permissions.
Example: program/styles/base.css
. It can be
accessed with your browser via:
http://exemplum.eu/program/styles/base.css for the
Frugal stylesheet or
http://exemplum.eu/program/themes/>themename</style.css
Now proceed as follows:
In this way, the complete stylesheet is used in the Extra style at area level field.
Another way of working is described below:
base.css
in the Extra style
at area level field. See an example below for entries
in this field.base.css
file. Assume we name this copy my.css
. This file
contains all the changes you have made in the Extra
Style at area Level field.my.css
to
areas/intranet_title/style/my.css
, as
example./file.php/areas/intranet_title/my.css
base.css
, search for:
|
There you see among other lines:
font-size: 0.9em;
.
To override this font size, you can add in the 'Extra Style at area level' for example:
|
About /* Font size changed: 0.9em to 1.5em. /DS
23-08-2011 */
is the comment line. Do not forget to add
such comments. You easily forget your changes.
It's also possible to add an element with the content:
|
In het geval van KISS: div { ... 1px ... } /* Alle divs tenzij later overruled door class of id */ .current { ... 2px ...} /* Alle elementen met class="current" (geen punt)*/ #navigation { ... 3px ... } /* HET element met id="navigation" (geen hash)*/ Dat overrulen kan telkens doorgaan, maar soms misschien 'vaag': Het element #navigation met class="current" krijgt tegenstrijdige instructies (is het nu 2px of 3px?). Ik weet niet wat er gebeurt in zo'n geval. De asterisk betekent alle elementen. Dus: bovenaan in de CSS dit: * { border: 1px dotted purple; } geldt voor alle elementen tenzij overruled. Cascading enzo...
Met de eerste drie kun je de breedte van het menu/de menuitems instellen. Het gaat om telkens 4 getallen: 1. de minimale breedte (in px), 2. de gemiddelde breedte van een 1 character (in px) 3. de maximale breedte (in px) en 4. de hoogte (in px). Met de eerste drie kun je de breedte van het menu/de menuitems instellen. Als je de breedte per character vergroot zullen die woorden niet meer wegvallen, tenzij je dan over het maximum heengaat. Defaults zijn: 120,8,300,20. Je zou de breedte per char in kunnen stellen op bijv. 10 en het maximum op 450: 120,10,450,20.Or do them in one time together:
|
If the result suits you, you can do the adaptions in
base.css
, upload it as my.css
, upload,
etcetera.
|
#content { min-height: 16em; }
SCHOOLYARD Hiermee zet je 'about' en 'contact' naar links en komt er een zwart vertikaal streepje met links en rechts 10px ruimte eromheen. #quicktop { text-align: left; } #breadcrumbs { border-right: 2px solid black; padding-right: 10px; margin-right: 10px; }
When you want your site visible, rename manintenance.html in maintenance.html.off or something alike. Usful for the next time you need the file.
A blank screen can be caused by lack of memory when uploading files. See chapter File Manager for details.