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.


    Fiche de RP " Spot light "

    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

    Jeu 25 Déc 2014 - 15:25

    Ladies and Gentlemen! On aime la lumière ! On aime que ça pète ! Vous considérez votre RP splendidement splendide et qu'il doit être vu de tous ? Parfait ! ce Libre Service est fait pour vous ! Des courbes sensuelles, de la lumière spot light... Un poste digne d'un diva !


    Rendu : Screen magique !
    Par contre c'est un code très imposant qui ne convient pas à tous les forums, surtout si celui-ci est étroit.


    Si vous avez un soucis pour personnaliser le code faite un tour ici : PERSONNALISER UN CODE

    Un petit merci et c'est à vous ! ♥




    Dernière édition par Nyan-cat le Sam 27 Déc 2014 - 20:34, édité 4 fois



    Fiche de RP " Spot light " Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Anonymous
    Invité

    Sam 27 Déc 2014 - 17:29

    Hello Nyan !

    Plusieurs petites choses avant de pouvoir déplacer :

    • Les "link" peuvent être regroupés sous un seul lien, de la manière suivante :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Quicksand' rel='stylesheet' type='text/css'>

    • Pense à laisser un espace entre la caractéristique et la valeur attribuée. Ceci :
    Code:
    <div style="opacity:0.6; padding-top:10px;border-bottom: solid 1px black; width:300px;">

    Donne donc :
    Code:
    <div style="opacity: 0.6; padding-top: 10px; border-bottom: solid 1px black; width: 300px;">

    Contrôle bien tous les espaces Wink

    • Attention aux ";" doublés ou oubliés dans ton code, exemples :
    Code:
    border-radius: 500px 500px 500px 500px;;

    Et :
    Code:
    padding-bottom : 180px

    • Lorsque tu ajoutes une image en fond, penses à entourer l'URL de cette façon :
    Code:
    background-image: url('http://farm4.static.flickr.com/3634/3346431062_0f7db7be6b_o.jpg')

    • Lorsque tu créer une bordure, il faut respecter un certain ordre : l'épaisseur, le type puis la couleur. Donc :
    Code:
    border-bottom: solid 1px black;

    Devient :
    Code:
    border-bottom: 1px solid black;

    • Les retours à la ligne se font de cette manière :
    Code:
    <br />

    Attention au mauvais positionnement du slash Wink


    Je te laisse corriger tous ces détails :)

    Merci du partage Wink
    Nyan-cat
    Nyan-cat
    FémininAge : 25Messages : 326

    Sam 27 Déc 2014 - 20:35

    Coucou !
    Il me semble que c'est bon pour ce code !



    Fiche de RP " Spot light " Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Anonymous
    Invité

    Sam 27 Déc 2014 - 23:09

    C'est bien mieux, merci :)
    Par contre pense bien à laisser un espace entre ton "br" et le slash Wink Je le modifie pour le coup car ce n'est pas grand chose, mais attention pour les prochains :)

    Merci du partage Very Happy
    Nana-Chan
    Nana-Chan
    FémininAge : 25Messages : 44

    Dim 28 Déc 2014 - 13:24

    Merci !
    Chèlha
    Chèlha
    FémininAge : 31Messages : 121

    Lun 29 Déc 2014 - 18:53

    Merci
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Lun 29 Déc 2014 - 22:47

    Merci!
    nenviel
    nenviel
    FémininAge : 30Messages : 12

    Mar 30 Déc 2014 - 19:31

    Merci
    Sandankhr.
    Sandankhr.
    FémininAge : 27Messages : 12

    Jeu 1 Jan 2015 - 21:10

    Merci!
    Fartiny
    Fartiny
    FémininAge : 26Messages : 119

    Sam 3 Jan 2015 - 12:36

    Merci c:
    Loreleï
    Loreleï
    FémininAge : 26Messages : 20

    Jeu 22 Jan 2015 - 17:49

    Super joli merci 8D de la simplicité et de l'élégance ♥.♥
    Nearween
    Nearween
    FémininAge : 25Messages : 213

    Sam 24 Jan 2015 - 18:52

    merci pour le code ^^



    Fiche de RP " Spot light " Tumblr_static_tumblr_static_e0bc42ijrzwc84o84s4s8o0g_640

    Stand by Me
    Layla4
    Layla4
    FémininAge : 24Messages : 149

    Sam 24 Jan 2015 - 20:28

    Merci beaucoup !
    Akiyuki
    Akiyuki
    MasculinAge : 25Messages : 89

    Dim 8 Fév 2015 - 2:02

    Merci beaucoup !
    Moro-PM
    Moro-PM
    FémininAge : 21Messages : 149

    Sam 14 Fév 2015 - 20:55

    Merci beaucoup !
    animiix
    animiix
    MasculinAge : 29Messages : 35

    Dim 15 Fév 2015 - 21:07

    Merci ! :)
    Ombrys
    Ombrys
    FémininAge : 22Messages : 27

    Ven 20 Fév 2015 - 7:38

    Elle est parfaite !
    Pseudow'
    Pseudow'
    FémininAge : 22Messages : 3

    Dim 22 Fév 2015 - 15:31

    Merci, elle est tout simplement magnifique !
    Aruspice
    Aruspice
    FémininAge : 27Messages : 10

    Dim 22 Fév 2015 - 18:28

    Merci ^-^
    Noisou
    Noisou
    FémininAge : 25Messages : 37

    Mar 24 Fév 2015 - 16:55

    Thank you soooo much <3
    Zulakwa
    Zulakwa
    MasculinAge : 30Messages : 5

    Mer 25 Fév 2015 - 8:36

    Merci ! o/
    Thalia Grace
    Thalia Grace
    FémininAge : 27Messages : 66

    Jeu 26 Fév 2015 - 13:56

    Superbe!
    Alice lilice
    Alice lilice
    FémininAge : 32Messages : 7

    Jeu 26 Fév 2015 - 21:19

    superbe
    Spoon
    Spoon
    FémininAge : 29Messages : 16

    Lun 30 Mar 2015 - 8:34

    J'aime beaucoup ! Merci du partage <3
    Shanyme Thibolt
    Shanyme Thibolt
    FémininAge : 30Messages : 156

    Mar 31 Mar 2015 - 18:21

    Merci pour le partage.
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 5:13