La classe de Saphy (2/2)

C'est ouvert, d'autant qu'elle ne revient plus, donc c'est ok ^^

Qu'est ce que tu sais en code?

En gros, mettre des images et...

Je te montre :

Nuage de Lilas a écrit:

en attente

Code:


<div style="border:12px solid#333211">La bordure fait 12px la couleur (en valeur hexadécimale):#333211 et le type de bordure utilisé: outset</div>

<div style="border: 23px double #cccccc; width: 500px; height: 321px; overflox: auto; background: #333666">[center][color=#cccccc]yobé ta bouche[/color][/center]</div>

<div style="border:6px double #cccccc; background-image: url(http://zupimages.net/up/15/19/i5ze.jpg)">
[center][color=#cccccc]Yobé ta bouche ou une baffe ![/color][/center]</div>

[quote="Nuage de Lilas"]<center><div style="border:5px groove #99ffff; width: 500px; height: 321px; overflow: auto; background: #99ffff;">en attente</div><center>[/quote]


c'est déjà bien, tu as de bonne base ^^ (par contre le premier n'est pas un outset mais un solid :p.

Pour commencer je vais te donner un petit conseil, lorsque tu prépares ton div (donc tes paramètres), personnellement je mets toujours le background en premier (et lorsque c'est un background de couleur je le note background-color: #valeur; comme ça tu sais que ton "corps" est au début au cas où tu le cherches. Puis ensuite viennent les paramètres de taille et de contours, width et height, border, etc, que tu as utilisé aussi. Par contre tu ne connais peut être pas le border-radius, qui permet d'arrondir les angles. Donc si besoin je peux te l'expliquer^^. Tu sembles savoir aussi utiliser l'overflow donc c'est bon :p

Ducoup est ce qu'il y a une chose en particulier que tu aimerais voir ^^?

J'aimerais bien retravaillé sur les bases.

Les bases, c'est à dire? Peaufiner ce que tu sais? (C'est Saphy aufaite x) )

Oui.

Est ce que tu as déjà essayé le border-radius avec le border ducoup?

Euh... Non je pense pas.

Le border-radius est un paramètre similaire au border mais qui permet de faire des arrondis. S'il est bien utilisé tu peux faire des merveilles avec^^ Tout comme tu peu faire une fiche carré, tu peux faire une fiche ronde ;)

Avec quelques subtilités tu peux faire des fiches original, par exemple mettre une bordure d'un coter et une autre de l'autre, dans ce cas là il suffit de le marquer comme ça : border-left, border-right, border-top, border-bottom. Par exemple mettre border ridge sur le haut et la gauche et border groove sur la droite et le bas donnera un bel effet de cadre^^

Sur le border radius aussi tu peux ne le faire que sur certains coté. Soit tu le fais sous cette forme : Border-radius: 10px; qui met automatiquement 10px d'arrondi de chaque coté, soit sous cette forme : border-radius: 10px 10px 10px 10px; Dans cette forme là tous les cotés sont représentés et tu peux mettre le chiffre que tu veux, y compris 0 pour ne avoir d'arrondi sur un coin.

Essayes de faire une fiche de la couleur de ton choix en jouant avec ses deux paramètres ;)

Coucou ! Est-ce que ta classe est encore ouverte ? Car si oui, je voudrais bien m'inscrire :3

Yep :p

Cool merci :)

Voici trois exemples :) :

Voila 5 exemples :3

background-color: white; height: 60px; width: 250px; border: 5px solid #000000

background-color: white; height: 60px; width: 250px; border-top: 5px solid #000000

background-color: white; height: 60px; width: 250px; border-left: 5px solid #000000

background-color: white; height: 60px; width: 250px; border-bottom: 5px solid #000000

background-color: white; height: 60px; width: 250px; border-right: 5px solid #000000

(Pas besoin de remettre les anciens parametres dans le texte une fois que tu as compris comment ça marche :p )

Exercice :

Titre du RP

Bidule et Machin

Vila une tite' fiche qui j'espère, répond bien à l'exercice xD