forum.jonas.tuxfamily.org

jimjim92

Inscription : 28-05-2009

Messages : 47

Class box!

Hello Jonas!

Serait-il possible de créer différents type de class box.
je m'explique, en voulant créer de nouvelles apprences à gcweb, ej me rerouve bloqué avec les class box. elles sont toutes identiques.
je préconiserai de les diffrencier:
box1 =head
box2 = menu
box3 = main
box4 = foot

enfin quelque chose comme ça..
dans ton fichier css ce la ne changera pas grand chose en soit (ex roundedblue)

div.box {
    margin : 10px;
    padding : 15px;
    background : #ADD8E6;
    border: solid 2px #1E90FF;
    -moz-border-radius : 24px;
    -khtml-border-radius : 24px;
    border-radius : 24px;
}

deviendrait de base

div.box1, div.box2, div.box3, div.box4 {
    margin : 10px;
    padding : 15px;
    background : #ADD8E6;
    border: solid 2px #1E90FF;
    -moz-border-radius : 24px;
    -khtml-border-radius : 24px;
    border-radius : 24px;
}

et évidemment modifier tous les fichiers qui vont bien...
et après cela permet de modifier avec un css différent. c'est plus facile.
j'ai testé en modifiant moi même, mais si de base ça pouvait être fait ça permettrait l'ajout de beaux styles de css avec notamment l'ajout d'images en fond..

ou alors tu as d'autre solutions que je ne connais pas. car j'ai essayé de rajouter des extensions ou d'autres class mais ça ne marche pas. toujours bloqué avec ce seul "box".
mais bon je vais réessayer j'ai du louper quelque chose..

@+
Jim

Modifié par Jonas le 23 juin vers 19h30 : ajout des balise de code

jonas

Administrator

Inscription : 25-06-2006

Messages : 729

Re : Class box!

dans ta feuille css, à la place de
  div.box1 (en tête) utilise div#title (mais le je pense que je vais faire un petite modif pour suivre la logique du reste càd #head div.box [edit] cf http://jonas.tuxfamily.org/bugs/index.p … task_id=59[/edit]
  div.box2 (menu)  → #menu div.box
  div.box3 (contenu) → .element div.box
  div.box4 (pied de page) → #foot div.box
  et pour les barre de navigation (no de page) → .nav div.box

L'avantage est que tu peux d'abord préciser des propriétés qui s'applique à toute les "box" (ici la bordure et les marge

div.box {
     border : 2px solid red;
     margin : 10px;
}

Puis faire des spécifier et/ou changer des propriétés de façon individuelle

#menu div.box {
     /*menu avec bordures bleu mais marge identique et type de bordures identiques*/
     margin-color : blue;
}

jimjim92

Membre

Inscription : 28-05-2009

Messages : 47

Re : Class box!

yep
mais justement c'est le "box" du menu qui me pose le plus de problèmes.
je pense qu'il ne faudrait pas que je le fasse pour tous
je vais les individualiser je crois.
je te dirais ça

jonas

Administrator

Inscription : 25-06-2006

Messages : 729

Re : Class box!

???

Elle sont "individualisée" par leur id parente (sauf pour l'entête qui est individualisé par sa propre id mais je vais harmonisé le tout). On peut donc spécifier des css par box ou pour toutes les box en même temps. Où est le problème ?

jimjim92

Membre

Inscription : 28-05-2009

Messages : 47

Re : Class box!

lol
c'est moi le problème.. j'avais oublié une déclaration..
arff
j'ai réussi presque à faire ce que je voulais..
je t'enverrai une maquette
quand j'aurai un peu peaufiné
@+