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
    avatar
    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



    avatar
    Halloween
    FémininAge : 23Messages : 9740

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



    avatar
    Halloween
    FémininAge : 23Messages : 9740

    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 !
    avatar
    Nana-Chan
    FémininAge : 18Messages : 44

    le Dim 28 Déc 2014 - 13:24

    Merci !
    avatar
    Chèlha
    FémininAge : 24Messages : 121

    le Lun 29 Déc 2014 - 18:53

    Merci
    avatar
    Nymeria.
    FémininAge : 22Messages : 296

    le Lun 29 Déc 2014 - 22:47

    Merci!
    avatar
    nenviel
    FémininAge : 23Messages : 12

    le Mar 30 Déc 2014 - 19:31

    Merci
    avatar
    Sandankhr.
    FémininAge : 20Messages : 12

    le Jeu 1 Jan 2015 - 21:10

    Merci!
    avatar
    Fartiny
    FémininAge : 19Messages : 119

    le Sam 3 Jan 2015 - 12:36

    Merci c:
    avatar
    Loreleï
    FémininAge : 19Messages : 20

    le Jeu 22 Jan 2015 - 17:49

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

    le Sam 24 Jan 2015 - 18:52

    merci pour le code ^^





    Stand by Me
    avatar
    Layla4
    FémininAge : 17Messages : 149

    le Sam 24 Jan 2015 - 20:28

    Merci beaucoup !
    avatar
    Akiyuki
    MasculinAge : 18Messages : 89

    le Dim 8 Fév 2015 - 2:02

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

    le Sam 14 Fév 2015 - 20:55

    Merci beaucoup !
    avatar
    animiix
    MasculinAge : 22Messages : 35

    le Dim 15 Fév 2015 - 21:07

    Merci ! :)
    avatar
    Ombrys
    FémininAge : 15Messages : 27

    le Ven 20 Fév 2015 - 7:38

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

    le Dim 22 Fév 2015 - 15:31

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

    le Dim 22 Fév 2015 - 18:28

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

    le Mar 24 Fév 2015 - 16:55

    Thank you soooo much <3
    avatar
    Zulakwa
    MasculinAge : 23Messages : 5

    le Mer 25 Fév 2015 - 8:36

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

    le Jeu 26 Fév 2015 - 13:56

    Superbe!
    avatar
    Alice lilice
    FémininAge : 25Messages : 7

    le Jeu 26 Fév 2015 - 21:19

    superbe
    avatar
    Spoon
    FémininAge : 22Messages : 11

    le Lun 30 Mar 2015 - 8:34

    J'aime beaucoup ! Merci du partage <3
    avatar
    Shanyme Thibolt
    FémininAge : 23Messages : 142

    le Mar 31 Mar 2015 - 18:21

    Merci pour le partage.
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Mai 2017 - 2:05