AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 

Partagez | 
 

 Explication by Mee \o/

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar

frog fonda ★

Messages : 190
Date d'inscription : 13/07/2010

MessageSujet: Explication by Mee o/   Mar 13 Juil - 22:35

    Pour appliquer un style, tu dois utiliser
    Citation :
    <div style="ton style se retrouve ici."></div>

    Si, par contre, tu as créé le style à partir de ta feuille CSS, tu dois alors le mettre sous cette forme;
    Citation :
    <div class="nom de ta classe"></div>

    Je teste mes talents de professeur. e.e Un "Div" séparera automatiquement ton texte du reste. Par exemple... ;

    Code:
    texte à l'extérieur <div style="text-shadow: #000000 1px 1px 1px;">texte à l'intérieur.</div> texte à l'extérieur²

    donnera ;

    texte à l'extérieur
    texte à l'intérieur.
    texte à l'extérieur²


    Cela dit, si tu ne veux pas que ton texte se sépare de la sorte, tu peux alors utiliser cette balise là ;

    Citation :
    <span style="ton style ici."> ton texte ici.</span>


    Je reprends l'exemple du dessus.

    Code:
    texte à l'extérieur <span style="text-shadow: #000000 1px 1px 1px;">texte à l'intérieur.</span> texte à l'extérieur²

    donnera cette fois;

    texte à l'extérieur texte à l'intérieur. texte à l'extérieur²

    Ce qui règle le problème. c: Évidemment, c'est surtout pour appliquer un style différent sur un texte ou des choses comme ça, mais tu l'utilises à ta guise. Very Happy

    voilà voilà. \o/ je pense que c'est les bases, déjà. Ensuite, le reste se fait majoritairement en CSS puisque c'est le style que tu dois appliquer. Donc j'ai du temps, et puis j'ai envie de le faire, alors c'est pour toi. è.é ♥ Je vais donc t'envoyer une liste de styles à appliquer en CSS, lorsque je l'aurai terminée. '-'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chuu-testeur.forumactif.com
avatar

frog fonda ★

Messages : 190
Date d'inscription : 13/07/2010

MessageSujet: Re: Explication by Mee \o/   Mer 14 Juil - 0:19

CODES CSS;

font-family: times new roman;
applique une police à ton texte.

la police que tu souhaites utiliser. par exemple times new roman, tahoma, comic sans ms, tunga, etc etc.

exemple;

police en times new roman. \o/




text-transform: lowercase;
permet de modifier le texte - toutes en majuscules, minuscules, etc.

le type de modification que tu souhaites apporter à ton texte. Valeurs possibles : capitalize, uppercase, lowercase.

exemple;

style capitalize. il met une majuscule au début de chaque mot. c:
style uppercase
Style Lowercase




font-size: 10px;
modifie la taille de ton texte.

le chiffre/nombre modifie la taille du texte. \o/

exemple;


texte en 10px c:




font-weight: bold;
modifie le style du texte (gras&co)

valeurs possibles : normal, bold, bolder, lighter.

exemple;

normal.

bold.

bolder.

lighter.



letter-spacing: 3px;
modifie 'l'espacement des lettres' (plus rapprochées ou espacées.)

modifie l'espacement. tu peux faire "3px" comme tu pourrais faire l'inverse, aussi "-3px" (:

letter spacing en 3px.

letter-spacing en -3px.






text-shadow: #000000 1px 1px 1px;
applique une ombre au texte.

la couleur de ton ombre.
tu peux adoucir ou déplacer ton ombre en jouant avec les chiffres ici. c:

exemple;

texte ombragé. (:



-moz-box-shadow:#000000 1px 1px 3px;
applique une ombre à un bloc.

la couleur de ton ombre.
tu peux adoucir ou déplacer ton ombre en jouant avec les chiffres ici. c:

exemple;

bloc ombragé. c:




border-top: #000000 3px solid;
crée une bordure.

quatre valeurs possibles : top, left, bottom, right. définit la bordure choisie (donc celle du haut, à la gauche, en bas ou à droite. \o/)
couleur de ta bordure.
taille de ta bordure.
type de bordure. valeurs possibles : solid, dotted, dashed, double, groove, ridge, inset, outset.

exemple;

solid/2px

dotted/2px

dashed/2px

double/3px

groove/2px

ridge/2px

inset/2px

outset/2px





-display:block;
modifie la façon d'afficher un texte ou un paragraphe.

valeurs possibles : Il y en a pleins à l'infini x.x Bon évidemment on va pas tous les faires parce que pour là ça sert pas à grand chose, on va se concentrer sur les plus importants : block et none. e.e
Mais si tu as envie de tester les autres un jour, amuses-toi \o/ xD tu les retrouveras facilement sur le net c:

BLOCK fera en sorte que ton texte prenne toute la longueur possible. et NONE cachera ton texte.

Je ne peux pas vraiment te donner d'exemples sur ce coup-là. Mais par exemple, le display:block; est très utile pour le rang au-dessus de ton avatar. \o/



-moz-border-radius: 0px 15px 0px 15px;
arrondir les coins d'un bloc.

Chaque 'px' est un coin. tu peux en arrondir seulement deux ou alors tous, et choisir le niveau en modifiant le chiffre/nombre.

exemple;

15px 15px 15px 15px (:




Dernière édition par chuu le Mer 22 Juin - 22:09, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chuu-testeur.forumactif.com
avatar

frog fonda ★

Messages : 190
Date d'inscription : 13/07/2010

MessageSujet: Re: Explication by Mee \o/   Jeu 16 Sep - 13:10

.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chuu-testeur.forumactif.com
Contenu sponsorisé



MessageSujet: Re: Explication by Mee \o/   

Revenir en haut Aller en bas
 

Explication by Mee \o/

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

+
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Chuu - Testeur :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers:  
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit