AccueilFAQRechercherMembresGroupesS'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.


    Bleu et rond... Une fiche !

    Partagez
    Capouccino
    FémininAge : 18Messages : 165

    le Jeu 4 Avr 2013 - 22:06

    Waza ! La fiche bleue de la Sadike arrive ^^ o/
    Par contre j'aime bien le rond donc eux... C'est rond ^^ Et y a beaucoup de Div et autres machins comme ça ^^
    Attention, j'y raconte ma vie parce que j'avais la flème de tout effacer.

    Spoiler:


    Morceau de papier éparpillé...


    Mots griffonés
    Personnage de conte :La lavandière de nuit
    Nationalité / Origine : Allemagne
    Profession : Rien.
    Pouvoir : Matérialisation.

    Parler de moi ?

      Tout est si changeant en moi, si...instable ! De la joie viennent les larmes, des larmes naissent un sourire... Je peux être calme ou déchaîner la tempête... Tout est confus, embrouillé. Déprimerais-je ? Suis-je joyeuse ?
      En faite, qui suis-je ?

    Différence ?

      C'est parce que je ne suis plus vivante que je suis différente, étrangère au monde...


    France réveillée


    Espagne éclairée


    Allemagne déchirée


    Angleterre en guerre


    Russie au froid intense



    Roumanie contrée de fer


    Autre souvenirs





    Codes par MoiSadike©

    Code:
    <style>div.fiche{-moz-border-radius:20px;border-radius:20px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#82B0E4;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche:hover{background-color:#6C92BE;width:300px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #91C4FF;height:400px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}.barre{padding:10px;opacity:0;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}.barre:hover{overflow:auto;height:350px;opacity:1}</style>

    <fieldset style="border: 2px dashed #91C4FF; border-radius: 15px; background-color: #567594; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">TITRE</div></legend>

    <center><table><tr><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td></tr><tr><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td></tr><tr><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></fieldset></div></div></td></tr><tr><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></td><td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TITRE</div><div class="barre">
    TEXT
    </div></div></div></fieldset></div></div></td></tr></table></center>

    <div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>


    Dernière édition par MoiSadike le Jeu 18 Juil 2013 - 17:44, édité 1 fois
    MARLEY SMITH.
    FémininAge : 22Messages : 133

    le Sam 6 Avr 2013 - 16:56

    Je trouve le code intéressant Razz merci beaucoup Very Happy
    Aoko
    FémininAge : 22Messages : 32

    le Sam 6 Avr 2013 - 21:57

    Wow! J'adore! Merci pour ce magnifique codage!
    Halloween
    FémininAge : 22Messages : 9733

    le Sam 6 Avr 2013 - 22:09

      Hey,

      Très jolie code, merci du partage Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    Capouccino
    FémininAge : 18Messages : 165

    le Dim 7 Avr 2013 - 12:20

    Mais de rien ^^ <3



    "Espérer l'inespérable c'est croire en l'impossible."
    Rhéa
    FémininAge : 20Messages : 53

    le Dim 7 Avr 2013 - 14:10

    J'aime beaucoup ce codage ! Bien que cela bug un peu sur mon ordi >o<
    En tout cas j'aime bien, bravo :3
    Natsuya Gaïaguard
    FémininAge : 26Messages : 144

    le Ven 19 Avr 2013 - 19:54

    Je crois que je suis amoureuse de tes codes *0*



    Okhmhaka
    FémininAge : 31Messages : 31718

    le Lun 22 Avr 2013 - 11:57

    Très intéressant comme mise en forme, belle réalisation ^^ C'est juste dommage que les blocs ne passent pas par dessus les autres lorsqu'ils s'ouvrent, ça éviterait d'avoir à re-bouger la page pour la caler comme il faut après avoir ouvert / fermé un onglet.
    En tout cas merci beaucoup ! ^^



    Capouccino
    FémininAge : 18Messages : 165

    le Jeu 25 Avr 2013 - 22:27

    Chef, si tu veux changer ce petit problème te gêne pas ^^ Si c'est pas fait c'est tout simplement parce que je ne sais pas encore le faire XD

    En tout cas, merci à tous o/



    "Espérer l'inespérable c'est croire en l'impossible."
    Noukii
    MasculinAge : 16Messages : 31

    le Ven 31 Mai 2013 - 20:10

    Merci ! Très beau ! Mais juste...on ne peut pas changer le titre des fenêtres ?
    merci de répondre !
    Miyun
    FémininAge : 18Messages : 34

    le Sam 13 Juil 2013 - 3:11

    Franchement superbe♥



    Capouccino
    FémininAge : 18Messages : 165

    le Jeu 18 Juil 2013 - 17:43

    Noukii> Désolée, j'ai pas vu ton massage cela fait longtemps que je ne me suis pas connectée ^^'

    Donc si on peut changer les titres, il suffit de remplacer le premier 'TEXT' dans les codes:
    Code:
    <td><div class="fiche"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">TEXT</div><div class="barre">
    TEXT
    </div></div></div></td>
    Je vais remplacer les TEXT par autre chose pour plus de compréhension ^^

    Et merci :3



    "Espérer l'inespérable c'est croire en l'impossible."
    Low
    FémininAge : 23Messages : 11

    le Jeu 15 Aoû 2013 - 11:29

    Superbe codage ! Merci beaucoup pour le partage Wink
    Vialana
    FémininAge : 16Messages : 14

    le Dim 17 Nov 2013 - 12:07

    superbe fiche, merci beaucoup!

    Mais, euh, simple petite question.
    J'ai pour projet de l'utiliser, mais peut-on changer les couleurs de la fiche?

    Merci d'avance.
    Neva
    FémininAge : 25Messages : 18542

    le Dim 17 Nov 2013 - 13:26

    Salut Vialana,
    Bien sûr que tu peux modifier les codes en libre service. On demande juste que le crédit soit laissé intact :)



     
    Vialana
    FémininAge : 16Messages : 14

    le Dim 17 Nov 2013 - 19:46

    ok, merci (ça fait longtemps que je n'étais plus allée sur le site et donc j'ai un peu oublié^^)
    ancel
    FémininAge : 58Messages : 14

    le Ven 29 Nov 2013 - 19:55

    C'est très sympa comme idée et original. Merci.
    Shymi
    FémininAge : 18Messages : 64

    le Ven 14 Nov 2014 - 18:12

    Wow °° Je le prend il est vraiment cool !
    Chèlha
    FémininAge : 23Messages : 121

    le Sam 27 Déc 2014 - 13:57

    Super fiche, merci.
    ShadHunter'sGraph
    FémininAge : 28Messages : 4

    le Sam 16 Mai 2015 - 22:27

    Trés jolie Very Happy



    Cover for my fiction : BirdsAreBornToFly :DylanOBrien-TomHardy
    Nutop
    FémininAge : 14Messages : 245

    le Jeu 4 Juin 2015 - 10:54

    Merci beaucoup du partage Wink






    Contenu sponsorisé

    Aujourd'hui à 1:01


      La date/heure actuelle est Ven 9 Déc 2016 - 1:00