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.


    Bleu et rond... Une fiche !

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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:

    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.
    MARLEY SMITH.
    FémininAge : 30Messages : 156

    Sam 6 Avr 2013 - 16:56

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

    Sam 6 Avr 2013 - 21:57

    Wow! J'adore! Merci pour ce magnifique codage!
    Anonymous
    Invité

    Sam 6 Avr 2013 - 22:09

      Hey,

      Très jolie code, merci du partage Wink
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Dim 7 Avr 2013 - 12:20

    Mais de rien ^^ <3



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

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

    Ven 19 Avr 2013 - 19:54

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



    Bleu et rond... Une fiche ! Signa10
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

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



    sign
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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
    Noukii
    MasculinAge : 24Messages : 31

    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
    Miyun
    FémininAge : 26Messages : 34

    Sam 13 Juil 2013 - 3:11

    Franchement superbe♥



    Bleu et rond... Une fiche ! 907096miu
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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
    Low
    FémininAge : 31Messages : 11

    Jeu 15 Aoû 2013 - 11:29

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

    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
    Neva
    FémininAge : 33Messages : 18565

    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
    Vialana
    FémininAge : 24Messages : 14

    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
    ancel
    FémininAge : 66Messages : 14

    Ven 29 Nov 2013 - 19:55

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

    Ven 14 Nov 2014 - 18:12

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

    Sam 27 Déc 2014 - 13:57

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

    Sam 16 Mai 2015 - 22:27

    Trés jolie Very Happy



    Cover for my fiction : BirdsAreBornToFly :DylanOBrien-TomHardy
    Bleu et rond... Une fiche ! Covern10
    Nutop
    Nutop
    FémininAge : 22Messages : 254

    Jeu 4 Juin 2015 - 10:54

    Merci beaucoup du partage Wink




    Bleu et rond... Une fiche ! Mini_597402Sceaufinal

    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 12:45