AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

    une personnalisation de code

    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Lun 16 Fév 2015 - 21:29

    Bonsoir, il y a des fiche de code dans le libre service qui m'interesse mais je souhaiterais changer la couleur. Comment est-ce que je dois faire ? Demander au créateur ? Poster une demande dans une partie ?

    Merci à vous
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 16 Fév 2015 - 21:33

    Coucou Alohomora :)

    Ne contacte pas directement le créateur... imagine le nombre de message que les créateurs recevraient, ils ne pourraient plus ouvrir leur MP tranquillement. :s

    Cette partie est là pour ça effectivement (^-^), je t'invite à lire les règles de ce sous forum pour comprendre le fonctionnement : ▬ Règles et informations (problème pour personnaliser un code)

    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Lun 16 Fév 2015 - 21:38

    donc si je comprends bien c'est moi qui devras faire les modification ?
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 16 Fév 2015 - 21:57

    Salut!

    C'est ton forum et au final, c'est toi qui utilisera les codes, donc ce sera toi qui fera les modifications, oui. Par contre, nous pourrons regarder le code ensemble et regarder quoi/où modifier pour obtenir le rendu que tu veux.

    Idéalement, ce serait bien que tu essaies déjà de faire les modifications par toi-même, peut-être que c'est simple et que tu y arriveras. Si tu n'y arrives pas, tu peux éditer ton premier post en mettant le lien du tuto/LS et en expliquant (avec le plus de détail possible) ce que tu veux modifier, puis nous verrons comment fonctionner ^^



    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Lun 16 Fév 2015 - 22:09

    c'est la première fois pour moi que je vais modifier et en faite je veux changer les ton mauve et fond en ton noir, blanc et/ou gris. Ainsi que changer l'image de ce code :

    Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>
    <div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Règlement</span></center><div class="soustitre">Règles générales</div><div class="bloc"><span class="mef1">1</span> BLABLABLA 
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA 
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA 
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div>
    <div class="soustitre">Règles en jeu</div><div class="bloc"><span class="mef1">1</span> BLABLABLA 
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA 
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA 
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div>
    <div class="soustitre">Règles sur la chatbox</div><div class="bloc"><span class="mef1">1</span> BLABLABLA 
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA 
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA 
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>

    et les autres fiches de la même série
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 16 Fév 2015 - 23:07

    Avant tout, merci de nous donner le lien du LS s'il-te-plaît ^^



    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Lun 16 Fév 2015 - 23:31

    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 17 Fév 2015 - 1:26

    Mmhh... Le truc, c'est de copier/coller le code dans un bloc-note et d'ensuite utiliser ctrl+h pour remplacer toutes les couleurs que tu veux changer par celles que tu veux. Je vais te dire à quoi correspond ce que tu pourrais vouloir changer dans les fiches.

    Règlement
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur de l'écriture des chiffres et la couleur de l'ombre des chiffres = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png

    Réponse RP
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre de l'écriture des dialogues, du "FT", du "Our story" et du "And" des infobulles = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png
    La première icône du bas = https://nsa33.casimages.com/img/2013/11/15/131115042701231252.png
    La deuxième icône du bas = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png
    La troisième icône du bas = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png

    Fiche de groupes - Fiche contenant tous les groupes
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    Couleur de la citation = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png

    Fiche de groupes - 1 fiche par groupe
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre de la citation et des "info1", "info2", etc... = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png
    L'icône sur le côté des informations du groupe = https://2img.net/r/hpimg11/pics/332393Sanstitre1.png

    Fiche de contexte
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre du "Section1", "Section2", etc... = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png

    Fiche de bottin des avatars
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre du "Identité" et "FT" = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png

    Fiche de présentation
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre des instructions du staff = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png
    La première icône en haut des blocs = https://nsa33.casimages.com/img/2013/11/15/131115042701231252.png
    La deuxième icône en haut des blocs = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png
    La troisième icône en haut des blocs = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png

    Fiche de prédéfini version 1 et version 2
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre de l'écriture genre "Prénom", "Nom", etc... = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png
    L'image qui glisse sur le côté = https://2img.net/r/hpimg11/pics/332393Sanstitre1.png
    La première icône = https://nsa33.casimages.com/img/2013/11/15/131115042701231252.png
    La deuxième icône = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png
    La troisième icône = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png

    Message du staff
    L'image de motif mauve de fond = https://2img.net/r/hpimg11/pics/507602PATTERNDEUX.png
    Le mauve foncé (bordures et couleur des sous-titres) = #3B1F2D
    Le gris foncé (fond des blocs) = #644A52
    La couleur de l'écriture = #A19D99
    La couleur et l'ombre de l'écriture genre "[nom groupe]", "chercher des relations", etc... = #C8C6C4
    L'image du haut = https://2img.net/r/hpimg11/pics/158554CameraObscuriafiche.png
    L'icône en haut à gauche = https://nsa34.casimages.com/img/2013/11/15/131115042702263487.png



    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Mar 17 Fév 2015 - 14:26

    Par contre je me demandais si c'étais mieux de metre le plus foncé en fond et le plus clair le reste ou l'inverse ?

    Edite je souhaiterais aussi le carré de validation :)
    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Mer 18 Fév 2015 - 15:27

    BVoici déja un petit test :



    550 de large
    Bottin des Avatars
    Les Dames d'abord!
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE

    Les Messieurs sont servis
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE



    ©️ Narja - Never-Utopia


    Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #000000; background-image: url(http://upload.wikimedia.org/wikipedia/en/6/6e/Fond_blanc.svg); background-repeat: repeat; border-top:10px solid #000000; border-bottom: 10px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #000000;}.head {width: 550px; border-bottom: 10px solid #000000}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #A9A9A9} .soustitre{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #696969} .bloc{background-color: #D3D3D3; border-left: 2px solid #000000; border-right: 2px solid #000000; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #C0C0C0; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #000000;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef2:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef3:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef4:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef5:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef6:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef7:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #000000; border-bottom: 2px solid #000000; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #000000; border-right: 2px solid #000000; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} a {text-decoration : none!important; color: #000000; transition : 1s} a:hover {text-decoration : none!important; color: #000000; text-shadow: 0px 0px 2px #000000; transition : 1s}</style>

    <div class="fond"><img class="head" src="http://s1.e-monsite.com/2009/07/12/03/41782243poudlard2-7599a-png.png" alt="550 de large"><center><span class="titre">Bottin des Avatars</span></center><div class="soustitre">Les Dames d'abord!</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div>
    <div class="soustitre">Les Messieurs sont servis</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div><br />
    <br /><center><a href="http://www.never-utopia.com" style="color: #000000; font-size: 10px">©️ Narja - Never-Utopia</a></center></div>

    Le seul bemol que j'arrive pas a trouver c'est pour changer le fond mauve ou il est ecrit : "identité bla bla bla* ft bla bla bla fiche" en blanc je ne trouve pas l'emplacement du code Sad
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 18 Fév 2015 - 15:52

    Salut!

    C'est ici, le #644A52
    Code:
    .bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #000000; border-right: 2px solid #000000; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; }



    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Mer 18 Fév 2015 - 16:48

    Et sinon ca donne bien actuellement?
    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Mer 18 Fév 2015 - 22:51

    par contre j'aurais souhaiter savoir quel code je peur utiliser pour que les membres puisse resense leur avatar???
    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Mer 18 Fév 2015 - 23:24



    550 de large
    Contexte
    Sommaire

    sous-titre1
    CONTENU
    sous-titre2
    CONTENU

    © Narja - Never-Utopia


    Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #000000; background-image: url(http://upload.wikimedia.org/wikipedia/en/6/6e/Fond_blanc.svg); background-repeat: repeat; border-top:10px solid #000000; border-bottom: 10px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #000000;}.head {width: 550px; border-bottom: 10px solid #000000}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #A9A9A9} .soustitre{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #000000} .bloc{background-color:#D3D3D3; border-left: 2px solid #000000; border-right: 2px solid #000000; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #696969; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #000000;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #000000;text-shadow: 0px 0px 2px #000000; }.mef2:hover {color: #000000;text-shadow: 0px 0px 2px #000000; }.mef3:hover {color: #000000;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #000000;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #000000;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #000000;text-shadow: 0px 0px 2px #000000; }.mef7:hover {color: #000000;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid#000000; border-bottom: 2px solid #000000; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color:#000000; border-left: 2px solid #000000; border-right: 2px solid #000000; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} .bloc a {color: #000000;text-shadow: 0px 0px 2px #000000; transition: 1s;} .bloc a:hover {color: #000000;text-shadow: 0px 0px 2px #000000; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #000000;}</style>

    <div class="fond"><img class="head" src="http://s1.e-monsite.com/2009/07/12/03/41782243poudlard2-7599a-png.png" alt="550 de large"><center><span class="titre">Contexte</span></center><div class="soustitre" id="sommaire">Sommaire</div><div class="bloc"><a href="#ancre1">Section 1</a>
    <a href="#ancre2">Section 2</a></div>
    <div class="soustitre" id="ancre1">sous-titre1</div><div class="bloc">CONTENU</div><div class="soustitre" id="ancre2">sous-titre2</div><div class="bloc">CONTENU</div><br /><center><a href="http://www.never-utopia.com" style="color: #000000; font-size: 10px">© Narja - Never-Utopia</a></center></div>

    Comment je peux faire pour enlever les deux deniers cadre et enlever la selection dans le cadre sommaire ???

    Merci à vous
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 19 Fév 2015 - 3:41

    Je n'aime pas trop ce model de fiche, alors je n'ai pas trop d'avis sur son apparence pour être honnête u_u Si tu aimes, c'est l'important ^^

    Pour ce qui est de tes membres pour les avatars... Tu peux leur demander d'utiliser le code suivant :
    Code:
    <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div>

    Ils doivent changer l'image pour leur avatar, mettre leur nom à "Identite", etc... Une fois que c'est fait, tu prends ce qu'ils ont remplis, puis tu recopies le code à la place d'un qui n'est pas rempli.


    Pour le contexte, tu enlèves ceci :
    Code:
    <div class="soustitre" id="ancre1">sous-titre1</div><div class="bloc">CONTENU</div><div class="soustitre" id="ancre2">sous-titre2</div><div class="bloc">CONTENU</div>

    Et ceci correspond à la sélection, tu peux le remplacer par ton contexte :
    Code:
    <a href="#ancre1">Section 1</a>
    <a href="#ancre2">Section 2</a>



    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Jeu 19 Fév 2015 - 9:43

    Merci.

    Par contre j'ai une liste des nom validé, liste des caracteristique des 4 maison de poudlard, les equipes de quiditch, les préfet et prefete de poudlard et une liste des sorts qui existe dans l'univers d'Harry Potter

    et j'aurais vous utiliser je même genre de code comment faire ?
    alohomora
    alohomora
    FémininAge : 31Messages : 39

    Jeu 19 Fév 2015 - 14:32

    c'est normal que ca donne ca :



    550 de large
    Bottin des Avatars
    Les Dames d'abord!
    100x100

    IDENTITE

    Bonnie Wright ✵

    FT

    Ginny Weasley ✵ FICHE

    100x100

    IDENTITE

    Emily Dales ✵

    FT...

    Katie Bell ✵ FICHE

    100x100

    IDENTITE

    Emma Watson ✵

    FT

    Hermione Granger ✵ FICHE
    100x100

    IDENTITE

    Jessie Cave ✵

    FT

    Lavande Brown ✵ FICHE

    100x100

    IDENTITE

    Nina Dobrev ✵

    FT

    Léna M. Lorist ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE

    Les Messieurs sont servis
    100x100

    IDENTITE

    Daniel Radcliffe ✵

    FT

    Harry Potter ✵ FICHE

    100x100

    IDENTITE

    James Phelps ✵

    FT

    Fred Weasley ✵ FICHE

    100x100

    IDENTITE

    Matthew Lewis ✵

    FT...

    Neville Londubat ✵ FICHE

    100x100

    IDENTITE

    Oliver Phelps ✵

    FT

    George Weasley ✵ FICHE

    100x100

    IDENTITE

    Rupert Grint ✵

    FT

    Ronald Weasley ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE
    100x100

    IDENTITE

    BLABLABLA ✵

    FT...

    BLA ✵ FICHE



    © Narja - Never-Utopia


    Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #000000; background-image: url(http://upload.wikimedia.org/wikipedia/en/6/6e/Fond_blanc.svg); background-repeat: repeat; border-top:10px solid #000000; border-bottom: 10px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #000000;}.head {width: 550px; border-bottom: 10px solid #000000}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #A9A9A9} .soustitre{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #696969} .bloc{background-color: #D3D3D3; border-left: 2px solid #000000; border-right: 2px solid #000000; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #C0C0C0; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #000000;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef2:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef3:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef4:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef5:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef6:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef7:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #000000; border-bottom: 2px solid #000000; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #FFFFFF; border-left: 2px solid #000000; border-right: 2px solid #000000; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} a {text-decoration : none!important; color: #000000; transition : 1s} a:hover {text-decoration : none!important; color: #000000; text-shadow: 0px 0px 2px #000000; transition : 1s}</style>

    <div class="fond"><img class="head" src="http://s1.e-monsite.com/2009/07/12/03/41782243poudlard2-7599a-png.png" alt="550 de large"><center><span class="titre">Bottin des Avatars</span></center><div class="soustitre">Les Dames d'abord!</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://www.avatarswizard.com/uploads/av/2010-02/thumbs/100x100_1265209250_ootp38.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Bonnie Wright ✵ <p class="mef2" style="display: inline-block">FT</p> Ginny Weasley ✵ <a class="mef3" href="URL">FICHE</a> </span>
    <div class="bulle"><img class="icone" src="https://media.licdn.com/mpr/mpr/shrink_100_100/p/6/005/0aa/1cc/002eed8.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Emily Dales ✵ <p class="mef2" style="display: inline-block">FT...</p> Katie Bell ✵ <a class="mef3" href="URL">FICHE</a> </span></div>
    <div class="bulle"><img class="icone" src="http://images4.fanpop.com/image/forum/79000/79653_1302193145264_full.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Emma Watson ✵ <p class="mef2" style="display: inline-block">FT</p> Hermione Granger ✵ <a class="mef3" href="URL">FICHE</a>
    <div class="bulle"><img class="icone" src="http://i1001.photobucket.com/albums/af135/lRial/Avatar/th_100x10032.jpg?t=1282324016" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Jessie Cave ✵ <p class="mef2" style="display: inline-block">FT</p> Lavande Brown ✵ <a class="mef3" href="URL">FICHE</a> </span></div>
    </span></div><div class="bulle"><img class="icone" src="http://4.bp.blogspot.com/-8obGbAKMXOM/UcRmM7GBkEI/AAAAAAAADwM/I0PVbnKdwd0/s1600/icon1.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Nina Dobrev ✵ <p class="mef2" style="display: inline-block">FT </p> Léna M. Lorist ✵ <a class="mef3" href="http://alohomora.harrypotterworld.fr/u3">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div>
    <div class="soustitre">Les Messieurs sont servis</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://www.emoticonswallpapers.com/avatar/movies/Harry-Potter11.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Daniel Radcliffe ✵ <p class="mef2" style="display: inline-block">FT</p> Harry Potter ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td>
    <div class="bulle"><img class="icone" src="http://img15.hostingpics.net/pics/365724Fanartfredandgeorgeweasley26718692320480.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> James Phelps ✵ <p class="mef2" style="display: inline-block">FT</p> Fred Weasley ✵ <a class="mef3" href="URL">FICHE</a> </span></div>
    <div class="bulle"><img class="icone" src="http://www.hollow-art.com/files/bases/matthew_lewis_006_0.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Matthew Lewis ✵ <p class="mef2" style="display: inline-block">FT...</p> Neville Londubat ✵ <a class="mef3" href="URL">FICHE</a> </span></div>
    <div class="bulle"><img class="icone" src="http://avatarbox.net/avatars/img2/oliver_phelps_avatar_picture_72105.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Oliver Phelps ✵ <p class="mef2" style="display: inline-block">FT</p> George Weasley ✵ <a class="mef3" href="URL">FICHE</a> </span></div>
    <div class="bulle"><img class="icone" src="http://images4.fanpop.com/image/photos/15600000/Ron-ronald-weasley-15680654-100-100.jpg" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> Rupert Grint ✵ <p class="mef6" style="display: inline-block">FT</p> Ronald Weasley ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div><br />
    <br /><center><a href="http://www.never-utopia.com" style="color: #000000; font-size: 10px">© Narja - Never-Utopia</a></center></div>
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 19 Fév 2015 - 18:37

    Pour ce qui est de refaire d'autres fiches dans le même style, tu peux toujours passer une demande de codes de messages. Sinon, tu peux reprendre la base de la fiche et les adapter un peu. Par exemple, la fiche pour le contexte. Tu changes le mot "contexte" pour le "liste des maisons", tu changes le "sommaire" pour le nom d'une maison, puis tu recopie le bloc du sommaire autant de fois que tu as de maisons. Normalement, le bloc correspond à la div "bloc1".

    Sinon... Wow... Comment dire ça... Si tu n'es pas à l'aise avec le codage ou que tu ne le comprends pas suffisemment, peut-être que ce serait mieux d'utiliser des fiches un peu plus simples? Disons que cette série de fiches est assez hardcore pour un débutant en code :hum: Parce que si tu continues comme ça, tu va faire erreurs après erreurs et ce sera pas beau ><

    Dans le bottin, il y avait des balises mal-fermées et des parties de code que tu avais mis aux mauvais endroits. J'ai fait la correction, mais je te conseille quand même de changer de fiche et d'en prendre une nouvelle un peu plus simple. Ou d'aller lire le cursus codage pour en connaître davantage et pouvoir mieux manipuler les fiches ^^

    Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #000000; background-image: url(http://upload.wikimedia.org/wikipedia/en/6/6e/Fond_blanc.svg); background-repeat: repeat; border-top:10px solid #000000; border-bottom: 10px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #000000;}.head {width: 550px; border-bottom: 10px solid #000000}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #A9A9A9} .soustitre{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #696969} .bloc{background-color: #D3D3D3; border-left: 2px solid #000000; border-right: 2px solid #000000; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #C0C0C0; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #000000;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef2:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef3:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef4:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef5:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef6:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #FFFFFF; }.mef7:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #000000; border-bottom: 2px solid #000000; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #FFFFFF; border-left: 2px solid #000000; border-right: 2px solid #000000; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} a {text-decoration : none!important; color: #000000; transition : 1s} a:hover {text-decoration : none!important; color: #000000; text-shadow: 0px 0px 2px #000000; transition : 1s}</style>

    <div class="fond"><img class="head" src="http://s1.e-monsite.com/2009/07/12/03/41782243poudlard2-7599a-png.png" alt="550 de large"><center><span class="titre">Bottin des Avatars</span></center><div class="soustitre">Les Dames d'abord!</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://www.avatarswizard.com/uploads/av/2010-02/thumbs/100x100_1265209250_ootp38.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Bonnie Wright ✵ <p class="mef2" style="display: inline-block">FT</p> Ginny Weasley ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td><div class="bulle"><img class="icone" src="https://media.licdn.com/mpr/mpr/shrink_100_100/p/6/005/0aa/1cc/002eed8.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Emily Dales ✵ <p class="mef2" style="display: inline-block">FT...</p> Katie Bell ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://images.fanpop.com/images/image_uploads/Kate-Hudson-kate-hudson-79653_100_100.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Emma Watson ✵ <p class="mef2" style="display: inline-block">FT</p> Hermione Granger ✵ <a class="mef3" href="URL">FICHE</a></span></div></td><td><div style="width: 100px; height: 100px"></div></td><td><div class="bulle"><img class="icone" src="http://i1001.photobucket.com/albums/af135/lRial/Avatar/th_100x10032.jpg?t=1282324016" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Jessie Cave ✵ <p class="mef2" style="display: inline-block">FT</p> Lavande Brown ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://4.bp.blogspot.com/-8obGbAKMXOM/UcRmM7GBkEI/AAAAAAAADwM/I0PVbnKdwd0/s1600/icon1.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Nina Dobrev ✵ <p class="mef2" style="display: inline-block">FT </p> Léna M. Lorist ✵ <a class="mef3" href="http://alohomora.harrypotterworld.fr/u3">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div>
    <div class="soustitre">Les Messieurs sont servis</div><div class="bloc"><div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://www.emoticonswallpapers.com/avatar/movies/Harry-Potter11.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Daniel Radcliffe ✵ <p class="mef2" style="display: inline-block">FT</p> Harry Potter ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://img15.hostingpics.net/pics/365724Fanartfredandgeorgeweasley26718692320480.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> James Phelps ✵ <p class="mef2" style="display: inline-block">FT</p> Fred Weasley ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><tr><td><div class="bulle"><img class="icone" src="http://www.hollow-art.com/files/bases/matthew_lewis_006_0.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Matthew Lewis ✵ <p class="mef2" style="display: inline-block">FT...</p> Neville Londubat ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td><div class="bulle"><img class="icone" src="http://avatarbox.net/avatars/img2/oliver_phelps_avatar_picture_72105.jpg" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> Oliver Phelps ✵ <p class="mef2" style="display: inline-block">FT</p> George Weasley ✵ <a class="mef3" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://images4.fanpop.com/image/photos/15600000/Ron-ronald-weasley-15680654-100-100.jpg" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> Rupert Grint ✵ <p class="mef6" style="display: inline-block">FT</p> Ronald Weasley ✵ <a class="mef7" href="URL">FICHE</a></span></div></td><td><div style="width: 100px; height: 100px"></div></td><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef2" style="display: inline-block">FT...</p> BLA ✵ <a class="mef3" href="URL">FICHE</a> </span></div></td><td><div style="width: 100px; height: 100px"></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline-block">IDENTITE</p> BLABLABLA ✵ <p class="mef6" style="display: inline-block">FT...</p> BLA ✵ <a class="mef7" href="URL">FICHE</a></span></div></td></tr></table></div></div><br />
    <br /><center><a href="http://www.never-utopia.com" style="color: #000000; font-size: 10px">©️ Narja - Never-Utopia</a></center></div>



    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 4 Mar 2015 - 5:04

    Salut ~

    Tu as vu ma réponse? Si pas de nouvelles d'ici 10 jours, le sujet sera archivé ~



    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 13 Mar 2015 - 23:53

    Pas de nouvelles alors j'archive ~



    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 22:13