#1 23-06-2009 13:18

jimjim92
Inscription : 28-05-2009
Messages : 47

Class box!

Hello Jonas! smile

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.. tongue

@+
Jim

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

Hors ligne

#2 23-06-2009 19:44

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;
}

Hors ligne

#3 23-06-2009 22:01

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
wink

Hors ligne

#4 24-06-2009 20:06

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 ?

Hors ligne

#5 24-06-2009 21:49

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é
@+

Hors ligne

Réponse rapide

Veuillez composer votre message et l'envoyer
Si vous êtes un être humain ne changez pas le contenu de ces deux champs.

Pied de page des forums