Virtual Basic

Virtual Basic a new approach
to code Applesoft Basic for Apple 2
http://virtualbasic.org
 

frtoen frtoes

Dernières infos :

Gérer les styles dans le logz

Gérer les styles dans le logz
L'apparence des pages du logz est entièrement paramètrée pas des feuilles de styles, pour changer une taille de police, une couleur de fond ou la position d'un élément de la page il faut modifier ou créer une feuille de style.

Les feuilles de styles peuvent se superposer les unes aux autres, ce sont des "feuilles de styles en cascade" c'est à dire des "css" (cascading style sheet), par conséquent ce sont les derniers paramètres lus par le navigateur qui seront appliqués.

Les premières feuilles de styles chargées par le logz sont les feuilles "structure", puis viennent les feuilles "thèmes", il vaut mieux faire les modifications dans les css thèmes puisque ce sont les dernières à être prises en compte.

Les feuilles de styles se trouvent dans deux dossiers du dossier "modèles" :
- "styles_structure" => les feuilles de styles de base du logz (évitez de modifier)
- "styles_themes" => les feuilles de styles qui vont créer des présentations originales et personalisées.

lien permanent

editer
Vous pouvez accèder au code des styles soit directement en ouvrant la feuille de style ou bien par l'admin à "préférences générales" en cliquant sur l'icone éditer.

lien permanent

Où sont les styles ?

Où sont les styles ?
Si l'on regarde dans le code source d'une page on peut distinguer dans les balises html des attributs "class", ces attributs font référence à une classe "style".

Les informations du logz sont encadrées par des balises qui elles même sont liées à des classes style.

Dans cet exemple le titre de l'article est encadré par une balise => < H1 class="titrearticle"...

lien permanent

code-css
Dans la feuilles de styles on retrouve cette classe "titrearticle" sous la forme

.titrearticle {
font-size: 10pt;
font-weight: bold;
padding-left: 3px;
background-image: url('logzorg/hachure_moyenne_left.gif');
}

autrement dit :
font-size: 10pt; => taille des caractères 10 points
font-weight: bold; => caractères en gras
padding-left: 3px; => marge intérieure 3 pixels
background-image: url('logzorg/hachure_moyenne_left.gif'); => image de fond hachure_moyenne_left.gif

Pour changer la taille des caractères il suffit de modifier
font-size: 12pt; => pour avoir une taille de 12 points au lieu de 10

Vous pouvez toujours jeter un coup d'oeil sur ce site site pour en savoir plus sur les css.

lien permanent