• boxes et rollboxes

    boxes et rollboxes

    boxes et rollboxes boxe simple avec bordure N°1

    Titre de la box

    Texte avec première lettre en gras

    Texte italique et centré

    infos techniques - on peut changer l'épaisseur (2px) et la couleur de la bordure (rgb(213, 93, 95)), ainsi que le padding (décalage) (10px) et la largeur de la box (300px) - si on ne veut pas de bordure, mettre (0px) pour l'épaisseur Titre de la box Texte avec première lettre en gras Texte italique et centré Box simple avec bordure N°2

    Titre de la box

    • Texte en gras

    • Texte normal

    infos techniques - ici on peut changer l'épaisseur (2px) et la couleur des bords (rgb(226, 225, 139)), ainsi que le padding (10px), la largeur de la box (300px) et la marge du haut(10px) - padding : espace entre le bord et le texte => padding: 10px; le padding est ajouté à la largeur de la box - si on ne veut pas de bord, mettre (0px) pour l'épaisseur Titre de la box Texte en gras Texte normal Simple rollbox

    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text

    infos techniques - ici, si la hauteur prise par le texte est inférieure à 100px, la box ne sera pas une rollbox (pas d'ascenseur) - on peut changer ces deux paramètres : largeur : WIDTH: 300px hauteur : HEIGHT: 100px Text Text Text Text Text Text Text Text Simple rollbox avec scrollbar (ascenseur) en couleur

    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text

    voici cet exemple tel qu'on peut le voir avec IE : infos techniques - on ne voit les couleurs de l'ascenseur (scrollbar) que sur le navigateur Internet Explorer (IE) Text Text Text Text Text Text Text Text Rollbox avec bords

    (ici taper le texte que vous voulez avoir à l'intérieur de la box) Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text

    infos techniques - ici dimensions de la rollbox => WIDTH: 300px; HEIGHT: 200px; - fond : couleur => BACKGROUND-COLOR : #CCFFFF; (c'est bleu ciel ici) - padding : espace entre bord et texte à gauche => PADDING-LEFT : 10px; le padding est ajouté à la largeur de la rollbox - bords : on peut changer la couleur, l'épaisseur, le style => BORDER-TOP : purple 3px dashed; - valeurs possibles : none, dotted, dashed, solid, double, or 3D borders, (l'effet 3D dépend de la couleur du bord : groove, ridge, inset, outset (ici taper le texte que vous voulez avoir � l'int�rieur de la box) Text Text Text Text Text Text Text Text Text Text Text Text Rollbox avec image de fond

      Title of the box 
    (ici taper le texte que vous voulez avoir à l'intérieur de la box) Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text
    Text

    infos techniques - ici le fond est une image de dimension = 300 X 300 - background=http://background_picture.jpg ( http://background_picture.jpg est l'url de l'image) - on peut changer l'image, mais ne pas oublier de modifier les dimensions de l'image de fond choisie : width et height (en bleu dans le code à gauche) - on peut changer la dimension, couleur du "Titre de la box" (en vert dans le code à gauche) Titre de la box (ici taper le texte que vous voulez avoir � l'int�rieur de la box) Text Text Text Text Text Text Text Text Text Text Text Text Fieldset (très joli!)

    TITRE DU FIELDSETTEXTE OU IMAGES...

    infos techniques - on peut changer le bord : 1px solid rgb(255, 0, 0); (épaisseur et couleur du bord - code en bleu à gauche) - on peut changer le style du titre : (codeen violet à gauche) - on peu changer les dimensions du fieldset: height: 85px; width: 275px; (code en vert à gauche) - on peut changer le style du texte dans le fieldset : font style="font-family: century gothic; color: rgb(255, 255, 255); font-size: 14px; text-align: center;" (code en orange à gauche) - ATTENTION : en fonction de ce que l'on met dans le fieldset, il faut modifier la hauteur, sinon ça sort du cadre... TITRE DU FIELDSET TEXTE OU IMAGES... quoi d'autre ? BONS LIENS TUTO THEMES: code html 7 exemples de thèmes (N°1 à 7) CraXoR 7 exemples de thèmes (N°8 à 14) CraXoR thèmes de joueurs d'howrse images pour thèmes : deviantart.com en haut