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.


    Fiche de RP " Spot light "

    Partagez
    Nyan-cat
    FémininAge : 18Messages : 326

    le 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



    Halloween
    FémininAge : 22Messages : 9733

    le 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



    Je mets les voiles, que le vent te soit favorable matelot !
    Nyan-cat
    FémininAge : 18Messages : 326

    le Sam 27 Déc 2014 - 20:35

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



    Halloween
    FémininAge : 22Messages : 9733

    le 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



    Je mets les voiles, que le vent te soit favorable matelot !
    Nana-Chan
    FémininAge : 18Messages : 44

    le Dim 28 Déc 2014 - 13:24

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

    le Lun 29 Déc 2014 - 18:53

    Merci
    Nymeria.
    FémininAge : 21Messages : 290

    le Lun 29 Déc 2014 - 22:47

    Merci!
    nenviel
    FémininAge : 23Messages : 12

    le Mar 30 Déc 2014 - 19:31

    Merci
    Sandankhr.
    FémininAge : 20Messages : 12

    le Jeu 1 Jan 2015 - 21:10

    Merci!
    Fartiny
    FémininAge : 18Messages : 119

    le Sam 3 Jan 2015 - 12:36

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

    le Jeu 22 Jan 2015 - 17:49

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

    le Sam 24 Jan 2015 - 18:52

    merci pour le code ^^



    Jack Frost



           

    I not a dream, I reality


    Layla4
    FémininAge : 17Messages : 149

    le Sam 24 Jan 2015 - 20:28

    Merci beaucoup !
    Akiyuki
    MasculinAge : 18Messages : 89

    le Dim 8 Fév 2015 - 2:02

    Merci beaucoup !
    Moro-PM
    FémininAge : 14Messages : 145

    le Sam 14 Fév 2015 - 20:55

    Merci beaucoup !
    animiix
    MasculinAge : 21Messages : 35

    le Dim 15 Fév 2015 - 21:07

    Merci ! :)
    Ombrys
    FémininAge : 14Messages : 26

    le Ven 20 Fév 2015 - 7:38

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

    le Dim 22 Fév 2015 - 15:31

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

    le Dim 22 Fév 2015 - 18:28

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

    le Mar 24 Fév 2015 - 16:55

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

    le Mer 25 Fév 2015 - 8:36

    Merci ! o/
    Thalia Grace
    FémininAge : 20Messages : 65

    le Jeu 26 Fév 2015 - 13:56

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

    le Jeu 26 Fév 2015 - 21:19

    superbe
    Spoon
    FémininAge : 22Messages : 11

    le Lun 30 Mar 2015 - 8:34

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

    le Mar 31 Mar 2015 - 18:21

    Merci pour le partage.
    Contenu sponsorisé

    Aujourd'hui à 9:49


      La date/heure actuelle est Sam 10 Déc 2016 - 9:49