By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.

SKINS TUTO

GuppY Help Center


PRESENTATION
BOXES
SERVICES
JQUERY
BULK
EXAMPLES
Currently...

 121884 visitors

 1 visitor online

  • Entête
  • Boîtes au-dessus
  • Boîtes en-dessous
  • Pied de page

 ID : #TopBoxes

Entête du site, on peut y placer :

  • la plupart des boîtes standards : Recherche, Recherche2, Préférences, Infos webmestre, Newsletter, Menu Icônes, Logo, Citations, Réseaux sociaux, Fil d'Ariane, Impression, Devinette
  • toutes les boîtes libres (fb) et les boîtes menu (mb) qui sont créées... si vous avez sélectionné cet emplacement en créant la boîte...

boites_haut.png

Les exemples sont donnés à partir de style.css de la no-skin

 
#TopBoxes
height:auto hauteur : automatique
margin:0 marges extérieures : 0
padding:0 marges intérieures: 0
color: inherit couleur du texte : par défaut
border: 1px solid #000000 bordure : 1px trait plein noir
border-radius: 6px bordure arrondie : 6px
background: #CFDD35 couleur du fond : vert

On peut choisir de donner des attributs particuliers à une ligne ou une colonne ou une boîte en particulier. Quelques exemples :

.T0row1 2ème ligne de l'entête (les lignes de l'entête sont identifiées par T0)
#TopBoxes .col2 la 3ème colonne de l'entête (pour toutes les lignes)
.T0row3 .col1 la 2ème colonne de la 4ème ligne

IDENTIFICATION DES BOÎTES (titre et corps de la boîte) :

titre : .titre

corps : .tbl.tblover

ID : #AboveBoxes

boite_dessus.png
Les lignes et les colonnes

Boîtes en-dessous

ID : #UnderBoxes

boites_dessous.png
Les lignes et les colonnes

Pied de page

ID : #BottomBoxes

boites_bas.png
Les lignes et les colonnes

Creation date : 16/03/2013 10:10
Last update : 04/04/2013 22:12
Page read 1627 times


You are here :   Home » Top and bottom