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.

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

    Ajouts à un codage déjà existant [TERMINER]

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Sam 29 Aoû 2015 - 18:05

    Hello à toi, qui vient regarder ce message, et peut-être répondre à ma demande. Je vais essayer d'être la plus claire possible car je ne connais pas vraiment le vocabulaire en codage. Je prends les photos suivantes comme modèles car des choses m'intéressent :

    - Ajouts à un codage déjà existant  [TERMINER] 1440863230-capture


    - Ajouts à un codage déjà existant  [TERMINER] 1440863234-capture2


    Ne prenez pas garde aux contenus, il n'y a rien d'intéressant. La deuxième image est mon codage actuel, que j'ai prit sur ce site, et le codage à été fait à la base par Blondie, je l'ai juste quelque peu modifier. Je veux en fait prendre des éléments du premier codage et les rajoutés au deuxième codage.

    Premièrement, (sur le deuxième screen) je veut garder l'image en haut (a la base c'est un gif mais je prendrais une image de décor). Et ainsi je veut pouvoir mettre le titre du rp et avec qui je le fait sur l'image, donc un texte qui aurait lui aussi la fonction de changer de couleur lorsqu'on passe la souris dessus. J'aimerais aussi garder les deux rectangles qui sont remplis de renseignement, et aimerais enlever les flèches roses. La chose que, j'aimerais aussi, c'est de pouvoir avoir une musique avant que le RP commence, c'est à dire après les deux rectangles, qu'il n'y ait pas de lien, mais juste un bouton pour écouter la musique (comme sur le premier screen). Et voilà, c'est à peu près tout, vous vous dîtez sûrement que c'est facile tout sa, et que je pourrais le faire moi-même, mais j'ai vraiment peur de faire des erreurs et puis le codage sa prends du temps et de la patience, et Dieu sait que je n'en ai pas. Je remercie ceux qui répondront à ma demande, si vous avez une question ou quoi que ce soit à demander, n'hésitez pas!


    Dernière édition par Sans-Coeur le Sam 3 Oct 2015 - 20:20, édité 3 fois
    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Dim 30 Aoû 2015 - 20:01

    Petit up juste pour dire que l'effet de "écriture qui change de couleur quand on passe la souris dessus" marche, c'était juste un bug. :)
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mar 15 Sep 2015 - 0:24

    Coucou Sans-Coeur :)

    Est ce que c'est encore d'actualité o: ? Pense à upper comme ça on risque moins de t'oublier ♥

    Si oui, pourrait-on avoir un lien vers un sujet de ton forum où on peut voir les fiches s'il te plait ?

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Mar 15 Sep 2015 - 12:06

    UNE RÉPONSE *o*

    C'est tout à fait d'actualité ! Hm, je ne pense pas que vous puissiez voir les fiches (et tu parles de celle de Sypher et celle de Kairi?)
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mar 15 Sep 2015 - 13:26

    Hum, je ne suis pas totalement sûre, tu as déjà le code de l'une des fiches c'est ça ?

    Si oui, est ce qu'on pourrait avoir un lien vers un sujet de ton forum où on peut la voir ? Ainsi que la code (^-^) ?

    C'est souvent plus simple de partir de l'existant et d'y faire quelques modifications :p

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Mar 15 Sep 2015 - 18:34

    Oui, j'ai le code de la fiche de Kairi. Et oui je vais vous donner un lien, le voiçi :http://www.op-seken.com/t5219-de-la-sueur-et-du-sang-fb-en-solo

    Et je met le codage avec
    Code:
    <style> .text1{font-family: tahoma; font-size: 14px; color: #898989} .text1:hover{font-family: tahoma; font-size: 14px; color: #FE223F} .text2{font-family: georgia; font-size: 28px; font-style: italic; letter-spacing: -2px; color: transparent; text-shadow: 0px 0px 2px #FE203E} .text2:hover{font-family: georgia; font-size: 28px; font-style: italic; letter-spacing: -2px; color: #FE203E}</style>

    <center><div style="width: 600px; background-image: url(http://oi56.tinypic.com/120p5wk.jpg);">

    [img]http://media.giphy.com/media/v1hfSnz0POJuE/giphy.gif[/img]


    <div class="text2"> Titre du rp ;</div>


    Code:
    <div style="font-size: 24px; color: #FE223F;">▲▼</div>

    <table><tr><td><div style="width: 185px; height: 200px; background-color: #FEFEFE; border: 5px solid #FEFEFE; box-shadow: 0px 0px 1px #C8C8C8; line-height: 14px; padding: 12px"><div class="text1">[b]NOM Ϟ[/b] Lionheart.</div><div class="text1">[b]PRENOM Ϟ[/b] Kairi.</div><br><div class="text1">[b]AGE Ϟ[/b] 20 ans.</div><div class="text1">[b]RACE Ϟ[/b] Humaine.</div><div class="text1">[b]FACTION Ϟ[/b] Gouvernement mondial, Gardien d'Impel Down.</div><br><div class="text1">[b]RÊVE Ϟ[/b] Tuer son ancien capitaine.</div><div class="text1">[b]FRUIT DU DEMON / ARMES Ϟ[/b] Ori Ori No Mi / Fruit de la Constriction ; Deux kageromarus.</div></div></td><td><table><tr><td><div style="width: 185px; height: 200px; background-color: #FEFEFE; border: 5px solid #FEFEFE; box-shadow: 0px 0px 1px #C8C8C8; line-height: 14px; padding: 12px; text-align: justify"><div class="text1">[b]EXPLICATIONS Ϟ[/b]  Trucs à dire</div></div></td></tr></table></td></tr></table>

    Code:
    <div style="font-size: 24px; color: #FE223F;">▲▼</div>

    <div style="width: 400px; height: 870px; background-color: #FEFEFE; border: 5px solid #FEFEFE; box-shadow: 0px 0px 1px #C8C8C8; line-height: 14px; padding: 10px;"><div class="text1"><br>
    [justify]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    Code:
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur..
    Code:

    </div></div>

    <div style="font-size: 24px; color: #FE223F;">▲▼</div>
    Code:
    <table><tr><td><div style="width: 185px; height: 100px; background-color: #FEFEFE; border: 5px solid #FEFEFE; box-shadow: 0px 0px 1px #C8C8C8; line-height: 14px; padding: 5px"><div class="text1">[b]LE MOT DE LA FIN Ϟ[/b]         </div></div></td></tr></table>
    <br><br><div class="text1">[size=9](c) MEI SUR [url=http://www.epicode.bbactif.com]EPICODE[/url][/size][url=http://www.epicode.bbactif.com][/url][url=http://www.epicode.bbactif.com][/url][url=http://www.epicode.bbactif.com][/url]<br><br></div></div></center>


    Si tu as besoin de quelconque autres choses n'hésites pas !
    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Ven 18 Sep 2015 - 17:51

    Petit up
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 20 Sep 2015 - 12:44

    Sans-Coeur a écrit:Premièrement, (sur le deuxième screen) je veut garder l'image en haut (a la base c'est un gif mais je prendrais une image de décor). Et ainsi je veut pouvoir mettre le titre du rp et avec qui je le fait sur l'image
    Hum... J'ai compris la première phrase, mais la seconde est un mystère pour moi XD

    Sans-Coeur a écrit:J'aimerais enlever les flèches roses.

    Il faut retirer ça dans ton code :
    Code:
    <div style="font-size: 24px; color: #FE223F;">▲▼</div>

    Sans-Coeur a écrit:La chose que, j'aimerais aussi, c'est de pouvoir avoir une musique avant que le RP commence, c'est à dire après les deux rectangles, qu'il n'y ait pas de lien, mais juste un bouton pour écouter la musique (comme sur le premier screen).
    Sans le lien de la fiche, je ne peux pas te dire quel lecteur il a utilisé Wink
    Il y en a plein qui existent alors >o<... Tu as par exemple ça http://www.podsnack.com/mp3-player-examples/progress-bar-players.html#2
    Il faut créer un compte, paramétrer et ensuite en général ils donnent un code html (une iframe) à copier / coller dans la fiche :)

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Dim 20 Sep 2015 - 16:36

    D'abord merci de ta réponse, donc pour "Et ainsi je veut pouvoir mettre le titre du rp et avec qui je le fait sur l'image". En fait l'image qui est en haut de mon codage (sur le deuxième screen), je veut pouvoir mettre un titre dessus, enfin écrire quoi.

    Alors ensuite pour la musique, j'ai fait le truc et du coup c'est bon ! Donc ya juste le truc de l'image là, sinon une autre question, est-ce qu'il est possible de changer le texte de couleur?
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 21 Sep 2015 - 13:33

    Ah d'accord je comprends mieux, merci :p

    On va remplacer ça :

    Code:
    [img]http://media.giphy.com/media/v1hfSnz0POJuE/giphy.gif[/img]


    <div class="text2"> Titre du rp ;</div>

    Par ceci :
    Code:
    <div class="titre-fiche">
    <img src="http://media.giphy.com/media/v1hfSnz0POJuE/giphy.gif" />

    <div class="text2"> Titre du rp ;</div>
    </div>

    Et ensuite tout en haut de la fiche, on va modifier le CSS :
    Code:
    <style> .text1{font-family: tahoma; font-size: 14px; color: #898989} .text1:hover{font-family: tahoma; font-size: 14px; color: #FE223F} .text2{font-family: georgia; font-size: 28px; font-style: italic; letter-spacing: -2px; color: transparent; text-shadow: 0px 0px 2px #FE203E} .text2:hover{font-family: georgia; font-size: 28px; font-style: italic; letter-spacing: -2px; color: #FE203E}</style>

    En ajoutant juste avant ceci :
    Code:
    .titre-fiche {position: relative;} .titre-fiche .text2 { position: absolute; left:0; right: 0; top:100px;}

    Ce qui va donc donner :
    Ajouts à un codage déjà existant  [TERMINER] Fdjbs9q

    C'est mieux comme ça ?

    Pour les couleurs, il faut chercher les codes héxadécimal dans le code et les remplacer par ta couleur à toi.

    Par exemple :
    Code:
    color: #898989

    Il faut remplacer les chiffres par ceux de ta couleur (^-^)

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Lun 21 Sep 2015 - 19:29

    Oulaa sa a l'air compliquer tout sa, mais je vais essayer, et pour les codes de chiffres je les trouvent où?
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 21 Sep 2015 - 21:16

    Bon courage pour essayer :)

    Si tu n'y arrives pas, copier / coller le code dans une seule balise code :) (car dans ton précédent message tu l'avais mis en plusieurs fois), on te le fera directement (^-^).

    Pour les couleurs tu peux aller sur ce site par exemple : http://www.code-couleur.com/

    Tu changes la couleur à gauche et il t'affiche le code à droite :
    Ajouts à un codage déjà existant  [TERMINER] 3zKHjcX



    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Lun 21 Sep 2015 - 22:27

    C'est effectivement le premier site que j'ai trouvé et qui est très complet, merci pour toute ton aide!
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mar 22 Sep 2015 - 22:10

    Bravo d'avoir réussi :p
    Du coup tout est bon ou pas o: ?

    Si oui, pense à éditer ton premier message pour cocher l'icône Terminé s'il te plait ♥

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Dim 27 Sep 2015 - 20:59

    Nouvelle demande, grâce à tes conseils et en prenant un modèle de fiche déjà fait ici (en libre service), j'ai commencer à modifier son codage mais un détail me gêne, je n'arrive pas à trouver comment rajouter de la longueur, par exemple dans "Venons-en aux faits" je voudrais rajouter du texte, ce serait utile de rajouter de la longueur mais je n'ai pas trouver où.

    Ajouts à un codage déjà existant  [TERMINER] 1443380253-mdr


    Je te balance le code entier !

    Code:
    <center><div style="width:500px; border: #2d2c2c 1px solid; -moz-border-radius: 5px 5px 5px 5px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423043544645425.png'); width: 500px;"><div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png'); width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;"><br><br><br><br><br><br><br><br><br><br> Titre du RP</div>

    <iframe style="border:none" src="http://files.podsnack.com/iframe/embed.html?hash=avtps7z7&t=1443378151" width="340" height="27" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

    <blockquote>[table][tr][td][img]http://nsa22.casimages.com/img/2012/01/12/120112044330652648.png[/img][/td][td]<div style="padding-left: 5px;>[left][justify][color=#ffffff][b]Nom ;[/b][/color]  Le nom de votre personnage.
    [color=#ffffff][b]Prénom ;[/b][/color] Le prénom de votre Personnage.
    [color=#ffffff][b]Surnoms ;[/b][/color] Les surnoms de votre personnage s'il en a.
    [color=#ffffff][b]Âge ;[/b][/color] L'âge de votre personnage.
    [color=#ffffff][b]Métier ;[/b][/color] Ce qu'exerce dans la vie votre personnage.
    </div>[/justify][/left][/td][/tr][/table]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Résumé </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LE JOUR N'EST FAIT QUE DE CE QUE LA NUIT A DÉCIDÉ.</span></div><blockquote style="line-height:10px;">[justify][size=11]Tout personnages a une histoire. Il en va de même pour le votre! Contez-nous la en 20 lignes minimum. Vous pouvez bien sûr faire plus. Si vous ne savez pas comment vous y prendre, essayer de résumer dans l'ordre chronologique son histoire. Son enfance, son adolescence, puis à présent. Vous pouvez écrire au présent, comme dans un rp, ou bien dans un autre temps. Bon courage![/size][/justify]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Venons-en aux faits </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">UN HOMME SE MESURE EN UNE NUIT.</span></div><blockquote style="line-height:10px;">[justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Behind Your Character </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LA NUIT JE FERME LES YEUX ET JE LAISSE COMMENCER LA VRAIE VIE.</span></div><blockquote>[table][tr][td][color=#ffffff][b]Liste des techniques utilisées ;[/b][/color]
    [color=#ffffff][b]Dernier mot ? ;[/b][/color] Remarque, suggestion d'amélioration, ect... Tout se que vous voulez rajouter en plus.
    [/td][/tr][/table]</blockquote>
    [size=9]© [url=http://www.never-utopia.com/]Never-Utopia[/url] par Pastomaniac[/size]<br></div></center>
    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Dim 27 Sep 2015 - 22:40

    Ajout pour dire que j'ai essayer de mettre une image en fond mais qu'en essayant de changer les codes et caetera je ne suis arriver à rien, ainsi j'aimerais bien que tu m'indiques comment insérer une image dans le fond de "Titre du rp"
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 28 Sep 2015 - 0:26

    Hello :)

    J'ai fait un essai en mettant beaucoup de texte dans la partie "Venons-en aux faits". Ca bug chez toi O0 ?
    Code:
    <center><div style="width:500px; border: #2d2c2c 1px solid; -moz-border-radius: 5px 5px 5px 5px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423043544645425.png'); width: 500px;"><div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png'); width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;"><br><br><br><br><br><br><br><br><br><br> Titre du RP</div>

       <iframe style="border:none" src="http://files.podsnack.com/iframe/embed.html?hash=avtps7z7&t=1443378151" width="340" height="27" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

       <blockquote>
    [table][tr][td][img]http://nsa22.casimages.com/img/2012/01/12/120112044330652648.png[/img][/td]
    [td]<div style="padding-left: 5px;>
    [left][justify][color=#ffffff][b]Nom ;[/b][/color]  Le nom de votre personnage.
        [color=#ffffff][b]Prénom ;[/b][/color] Le prénom de votre Personnage.
        [color=#ffffff][b]Surnoms ;[/b][/color] Les surnoms de votre personnage s'il en a.
        [color=#ffffff][b]Âge ;[/b][/color] L'âge de votre personnage.
        [color=#ffffff][b]Métier ;[/b][/color] Ce qu'exerce dans la vie votre personnage.
        </div>[/justify]
    [/left]
    [/td]
    [/tr]
    [/table]
    </blockquote>
       <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Résumé </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LE JOUR N'EST FAIT QUE DE CE QUE LA NUIT A DÉCIDÉ.</span></div><blockquote style="line-height:10px;">
    [justify][size=11]Tout personnages a une histoire. Il en va de même pour le votre! Contez-nous la en 20 lignes minimum. Vous pouvez bien sûr faire plus. Si vous ne savez pas comment vous y prendre, essayer de résumer dans l'ordre chronologique son histoire. Son enfance, son adolescence, puis à présent. Vous pouvez écrire au présent, comme dans un rp, ou bien dans un autre temps. Bon courage![/size][/justify]
    </blockquote>
       <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Venons-en aux faits </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">UN HOMME SE MESURE EN UNE NUIT.</span></div><blockquote style="line-height:10px;">
    [justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]
    </blockquote>
       <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Behind Your Character </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LA NUIT JE FERME LES YEUX ET JE LAISSE COMMENCER LA VRAIE VIE.</span></div><blockquote>
    [table][tr][td][color=#ffffff][b]Liste des techniques utilisées ;[/b][/color]
        [color=#ffffff][b]Dernier mot ? ;[/b][/color] Remarque, suggestion d'amélioration, ect... Tout se que vous voulez rajouter en plus.
        [/td]
    [/tr]
    [/table]
    </blockquote>
       [size=9]© [url=http://www.never-utopia.com/]Never-Utopia[/url] par Pastomaniac[/size]<br></div></center>

    Ca me donne ceci → https://i.imgur.com/Lt95kwr.png

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Lun 28 Sep 2015 - 0:34

    Sa me donne pas le truc blanc en fond, c'est pas grave car l'écriture va bien mais je t'envoie le codage que j'ai effectué !




    Code:
    <center><div style="width:500px; border: #2d2c2c 1px solid; -moz-border-radius: 5px 5px 5px 5px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423043544645425.png'); width: 500px;"><div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;"><br><br><br><br><br><br><br><br><br><br> Titre du RP</div>

    <iframe style="border:none" src="http://files.podsnack.com/iframe/embed.html?hash=avtps7z7&t=1443378151" width="340" height="27" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

    <blockquote>[table][tr][td][img(400px,250px)]http://images.gamekult.com/blog/imgdb/000/000/584/929_2.jpg[/img]


    <div style="padding-left: 5px;>[justify][center][color=#ffffff][b]Nom ;[/b][/color]  Le nom de votre personnage.
    [color=#ffffff][b]Prénom ;[/b][/color] Le prénom de votre Personnage.
    [color=#ffffff][b]Surnoms ;[/b][/color] Le Nocturne.
    [color=#ffffff][b]Âge ;[/b][/color] 17 ans.
    [color=#ffffff][b]Métier ;[/b][/color] Il n'en a pas, il rend service aux gens et c'est comme cela qu'il est rémunéré.
    [color=#ffffff][b]Arme/Fruit du Démon ;[/b][/color] Une canne à pêche solide rustique. Kage Kage no Mi.
    [/center]
    </div>[/justify][/td][/tr][/table]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Résumé </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LE JOUR N'EST FAIT QUE DE CE QUE LA NUIT A DÉCIDÉ.</span></div><blockquote style="line-height:10px;">[justify][size=11]Tout personnages a une histoire. Il en va de même pour le votre! Contez-nous la en 20 lignes minimum. Vous pouvez bien sûr faire plus. Si vous ne savez pas comment vous y prendre, essayer de résumer dans l'ordre chronologique son histoire. Son enfance, son adolescence, puis à présent. Vous pouvez écrire au présent, comme dans un rp, ou bien dans un autre temps. Bon courage![/size][/justify]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Venons-en aux faits </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">UN HOMME SE MESURE EN UNE NUIT.</span></div><blockquote style="line-height:10px;">[justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]</blockquote>
    <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Précisions </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LA NUIT JE FERME LES YEUX ET JE LAISSE COMMENCER LA VRAIE VIE.</span></div><blockquote>[table][tr][td][color=#ffffff][b]Liste des techniques utilisées ;[/b][/color]
    [color=#ffffff][b]Dernier mot ? ;[/b][/color]
    [/td][/tr][/table]</blockquote>
    [size=9]© [url=http://www.never-utopia.com/]Never-Utopia[/url] par Pastomaniac[/size]<br></div></center>
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 28 Sep 2015 - 0:38

    Hum, ça marche tout aussi bien, voici un essai :

    On prend cette partie là :
    Code:
    [justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]

    Et on ajoute le texte à la fin :
    Code:
    [justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]

    Ce qui donne donc :
    Code:
    <center><div style="width:500px; border: #2d2c2c 1px solid; -moz-border-radius: 5px 5px 5px 5px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423043544645425.png'); width: 500px;"><div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;"><br><br><br><br><br><br><br><br><br><br> Titre du RP</div>

      <iframe style="border:none" src="http://files.podsnack.com/iframe/embed.html?hash=avtps7z7&t=1443378151" width="340" height="27" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

      <blockquote>
    [table][tr][td][img(400px,250px)]http://images.gamekult.com/blog/imgdb/000/000/584/929_2.jpg[/img]


        <div style="padding-left: 5px;>
    [justify][center][color=#ffffff][b]Nom ;[/b][/color]  Le nom de votre personnage.
        [color=#ffffff][b]Prénom ;[/b][/color] Le prénom de votre Personnage.
        [color=#ffffff][b]Surnoms ;[/b][/color] Le Nocturne.
        [color=#ffffff][b]Âge ;[/b][/color] 17 ans.
        [color=#ffffff][b]Métier ;[/b][/color] Il n'en a pas, il rend service aux gens et c'est comme cela qu'il est rémunéré.
        [color=#ffffff][b]Arme/Fruit du Démon ;[/b][/color] Une canne à pêche solide rustique. Kage Kage no Mi.
        [/center]
      </div>[/justify]
    [/td]
    [/tr]
    [/table]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Résumé </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LE JOUR N'EST FAIT QUE DE CE QUE LA NUIT A DÉCIDÉ.</span></div><blockquote style="line-height:10px;">
    [justify][size=11]Tout personnages a une histoire. Il en va de même pour le votre! Contez-nous la en 20 lignes minimum. Vous pouvez bien sûr faire plus. Si vous ne savez pas comment vous y prendre, essayer de résumer dans l'ordre chronologique son histoire. Son enfance, son adolescence, puis à présent. Vous pouvez écrire au présent, comme dans un rp, ou bien dans un autre temps. Bon courage![/size][/justify]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Venons-en aux faits </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">UN HOMME SE MESURE EN UNE NUIT.</span></div><blockquote style="line-height:10px;">
    [justify][size=11]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Précisions </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LA NUIT JE FERME LES YEUX ET JE LAISSE COMMENCER LA VRAIE VIE.</span></div><blockquote>
    [table][tr][td][color=#ffffff][b]Liste des techniques utilisées ;[/b][/color]
        [color=#ffffff][b]Dernier mot ? ;[/b][/color]
        [/td]
    [/tr]
    [/table]
    </blockquote>
      [size=9]© [url=http://www.never-utopia.com/]Never-Utopia[/url] par Pastomaniac[/size]<br></div></center>

    https://i.imgur.com/PNkK2UM.png

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Sam 3 Oct 2015 - 0:49

    Sans-Coeur a écrit:Sa me donne pas le truc blanc en fond, c'est pas grave car l'écriture va bien mais je t'envoie le codage que j'ai effectué !




    Code:
    <center><div style="width:500px; border: #2d2c2c 1px solid; -moz-border-radius: 5px 5px 5px 5px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423043544645425.png'); width: 500px;"><div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;"><br><br><br><br><br><br><br><br><br><br> Titre du RP</div>

      <iframe style="border:none" src="http://files.podsnack.com/iframe/embed.html?hash=avtps7z7&t=1443378151" width="340" height="27" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

      <blockquote>
    [table][tr][td][img(400px,250px)]http://images.gamekult.com/blog/imgdb/000/000/584/929_2.jpg[/img]


        <div style="padding-left: 5px;>
    [justify][center][color=#ffffff][b]Nom ;[/b][/color]  Guts.
        [color=#ffffff][b]Prénom ;[/b][/color] Alucard.
        [color=#ffffff][b]Surnoms ;[/b][/color] Le Nocturne.
        [color=#ffffff][b]Âge ;[/b][/color] Âgé de 17 ans.
        [color=#ffffff][b]Sexe ;[/b][/color] Homme.
        [color=#ffffff][b]Race ;[/b][/color] Humain.
        [color=#ffffff][b]Lieu de naissance ;[/b][/color] West Blue, à Nighty Town dans le village de Xérèse.
        [color=#ffffff][b]Camp ;[/b][/color] Civil.
        [color=#ffffff][b]Équipage ;[/b][/color] X
        [color=#ffffff][b]But / Rêves ;[/b][/color] Alucard rêve de beaucoup de choses, mais celui-ci n'a jamais eu de réel but dans sa vie.
        [color=#ffffff][b]Métier ;[/b][/color] Il n'en a pas, il rend service aux gens et c'est comme cela qu'il est rémunéré.
        [color=#ffffff][b]Arme/Fruit du Démon ;[/b][/color] Une canne à pêche solide rustique et une dague en dents de scie. Le Kage Kage no Mi.
        [/center]
      </div>[/justify]
    [/td]
    [/tr]
    [/table]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Résumé </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LE JOUR N'EST FAIT QUE DE CE QUE LA NUIT A DÉCIDÉ.</span></div><blockquote style="line-height:10px;">
    [justify][size=14]Tout personnages a une histoire. Il en va de même pour le votre! Contez-nous la en 20 lignes minimum. Vous pouvez bien sûr faire plus. Si vous ne savez pas comment vous y prendre, essayer de résumer dans l'ordre chronologique son histoire. Son enfance, son adolescence, puis à présent. Vous pouvez écrire au présent, comme dans un rp, ou bien dans un autre temps. Bon courage![/size][/justify]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Venons-en aux faits </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">UN HOMME SE MESURE EN UNE NUIT.</span></div><blockquote style="line-height:10px;">
    [justify][size=14]Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage! Vous allez à présent nous décrire votre personnage physiquement et mentalement. Séparer les deux descriptions en paragraphe, avec un titre par exemple, que l'on sache quoi est quoi. Pour les deux, il faudra écrire un minimum de 12 lignes. Pour vous aider, vous pouvez prendre une image complète de votre personnage et décrire son aspect avec vos propres mots de la tête aux pieds. Pour le mental, vous pouvez re-regarder l'anime Pandora Hearts, et si votre perso' est un O.C -Original Character-, essayer de décortiquer tout par ses traits de caractère. Bon courage![/size][/justify]
    </blockquote>
      <div style="text-align: right; letter-spacing: 0px; font-family: arial; font-size:24px; font-weight: bold; font-style: italic; margin-bottom: 0px; border-bottom: 5px #2d2c2c solid;">♛ Précisions </div><div style="letter-spacing: 3px; text-shadow: #003366 0px 0px 2px;"><span style="font-size: 7px; line-height: normal;">LA NUIT JE FERME LES YEUX ET JE LAISSE COMMENCER LA VRAIE VIE.</span></div><blockquote>
    [table][tr][td][color=#ffffff][b]Liste des techniques utilisées ;[/b][/color]
        [color=#ffffff][b]Dernier mot ? ;[/b][/color]
        [/td]
    [/tr]
    [/table]
    </blockquote>
      [size=9]© [url=http://www.never-utopia.com/]Never-Utopia[/url] par Pastomaniac[/size]<br></div></center>


    Je reviens sur certains points, car du coup il me manque des trucs ! \o/

    J'aimerais savoir comment mettre une image en fond, tout au début du codage en haut, j'ai beau avoir essayer je n'y arrive pas. Il faudrait mettre l'image suivante, en 500/200 :
    Spoiler:

    Puis, j'aimerais adapter la taille de l'écriture de tout cela et passer le tout en 14.
    Nom ;  Guts.
       Prénom ; Alucard.
       Surnoms ; Le Nocturne.
       Âge ; Âgé de 17 ans.
       Sexe ; Homme.
       Race ; Humain.
       Lieu de naissance ; West Blue, à Nighty Town dans le village de Xérèse.
       Camp ; Civil.
       Équipage ; X
       But / Rêves ; Alucard rêve de beaucoup de choses, mais celui-ci n'a jamais eu de réel but dans sa vie.
       Métier ; Il n'en a pas, il rend service aux gens et c'est comme cela qu'il est rémunéré.
       Arme/Fruit du Démon ; Une canne à pêche solide rustique et une dague en dents de scie. Le Kage Kage no Mi.


    Et ce sera tout, je te remercie encore pour ton aide!
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 3 Oct 2015 - 14:05

    Hum du coup tu as vu mon précédent message ? Ça fonctionnait bien ?_?

    Pour l'image de fond, il faut chercher ici :
    Code:
    <div style="text-align:center;letter-spacing: -2px;font-family:arial;font-size:24px;font-weight:bold; font-style: italic; margin-bottom: 0px; background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')width:500px; height: 200px; border-bottom: 5px #2d2c2c solid; -moz-border-radius: 5px 5px 0px 0px;">

    2 petites choses à savoir sur ce code :

    • Tu peux retirer ça, ici il ne sert à rien :
    Code:
    -moz-border-radius: 5px 5px 0px 0px;

    • Il manque un ; entre
    Code:
    background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')

    Et
    Code:
    width:500px;

    Il sert à délimiter les propriétés CSS, pour savoir qu'on passe à la suite (^-^)

    C'est à dire qu'au lieu de :
    Code:
    background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png')width:500px;

    On devrait avoir :
    Code:
    background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png'); width:500px;

    Pour personnaliser l'image, c'est cette url qu'il faut changer justement : https://nsa21.casimages.com/img/2012/04/23/120423093512609332.png

    Ça va te donner ça :
    Ajouts à un codage déjà existant  [TERMINER] EuOZ5zS

    Si tu veux que l'image prenne toute la largeur, tu peux ajouter à la suite :
    Code:
    background-size: 100%;

    Ca va te donner ça :
    Ajouts à un codage déjà existant  [TERMINER] HD7GGTj

    Du coup on voit que le haut de l'image >-<. S'il faut afficher que le centre, on ajoute cette petite ligne magique :
    Code:
    background-position: center;
    Comme ça, on peut centrer verticalement et horizontalement.

    Comme d'hab, un petit résultat :
    Ajouts à un codage déjà existant  [TERMINER] 5UIQjzb

    Donc si je veux appliquer ces 3 règles (image + taille de l'image + placement) :

    Tu remplaces :
    Code:
    background-image: url('http://nsa21.casimages.com/img/2012/04/23/120423093512609332.png');

    Par :
    Code:
    background-image: url('http://i21.servimg.com/u/f21/19/33/10/61/moon_b10.jpg'); background-size: 100%; background-position: center;




    Maintenant, pour la police on va prendre ce morceau là :
    Code:
    <div style="padding-left: 5px;>

    Une fois encore il y a une petite erreur à corriger d'abord, il manque le caractère " à la fin, pour indiquer où finit le style :
    Code:
    <div style="padding-left: 5px;">

    Maintenant, pour ajouter la taille de police on utilise :
    Code:
    font-size: 14px;

    Ce qui donne :
    Code:
    <div style="padding-left: 5px; font-size: 14px;">

    Si tu as la moindre question, n'hésite pas ♥

    Sans-Coeur
    Sans-Coeur
    FémininAge : 27Messages : 42

    Sam 3 Oct 2015 - 14:45

    Du coup oui sa marche trèèèèèèèès bien! Au fait dit-moi, je peut te faire des bébés? ♥
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 3 Oct 2015 - 18:19

    Hahaha ♥

    Si tout est bon, pense à éditer ton premier message pour cocher l’icône "Terminé" o/

    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 22:27