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
    avatar
    Capouccino
    FémininAge : 19Messages : 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
    avatar
    MARLEY SMITH.
    FémininAge : 23Messages : 152

    le Sam 6 Avr 2013 - 16:56

    Je trouve le code intéressant Razz merci beaucoup Very Happy
    avatar
    Aoko
    FémininAge : 23Messages : 38

    le Sam 6 Avr 2013 - 21:57

    Wow! J'adore! Merci pour ce magnifique codage!
    avatar
    Halloween
    FémininAge : 23Messages : 9741

    le Sam 6 Avr 2013 - 22:09

      Hey,

      Très jolie code, merci du partage Wink



    Je déménage sur NMD o/
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Dim 7 Avr 2013 - 12:20

    Mais de rien ^^ <3



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

    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
    avatar
    Natsuya Gaïaguard
    FémininAge : 26Messages : 144

    le Ven 19 Avr 2013 - 19:54

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



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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 ! ^^



    avatar
    Capouccino
    FémininAge : 19Messages : 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."
    avatar
    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 !
    avatar
    Miyun
    FémininAge : 18Messages : 34

    le Sam 13 Juil 2013 - 3:11

    Franchement superbe♥



    avatar
    Capouccino
    FémininAge : 19Messages : 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."
    avatar
    Low
    FémininAge : 24Messages : 11

    le Jeu 15 Aoû 2013 - 11:29

    Superbe codage ! Merci beaucoup pour le partage Wink
    avatar
    Vialana
    FémininAge : 17Messages : 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.
    avatar
    Neva
    FémininAge : 26Messages : 18564

    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 :)



     
    avatar
    Vialana
    FémininAge : 17Messages : 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é^^)
    avatar
    ancel
    FémininAge : 59Messages : 14

    le Ven 29 Nov 2013 - 19:55

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

    le Ven 14 Nov 2014 - 18:12

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

    le Sam 27 Déc 2014 - 13:57

    Super fiche, merci.
    avatar
    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
    avatar
    Nutop
    FémininAge : 14Messages : 254

    le Jeu 4 Juin 2015 - 10:54

    Merci beaucoup du partage Wink






    Contenu sponsorisé


      La date/heure actuelle est Ven 21 Juil 2017 - 16:37