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.

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

    (NYO) Ombre autour du forum

    Chatchoum
    Chatchoum
    FémininAge : 32Messages : 43

    Mer 14 Mai 2014 - 16:22

    Ma demande



    Bonzouuuuur ! A peine arrivée, je vous appelle déjà à l'aide ! <3 Voilà voilà, j'aimerai mettre de l'ombre autour de mon forum avec si possible, un petit récapitulatif de comment changer les couleurs, la taille et l'intensité de l'ombre (je veux apprendre ^^) J'embrasse celui ou celle qui voudra bien perdre un peu de temps pour moi <3

    Schéma(s) et Eléments
    Schémas :
    (NYO) Ombre autour du forum Model10
    Tailles des éléments : je dirai une centaine de pixels de large pour l'ombre. Et 3px pour le contour. Ca serait en bleu très foncé, mais si vous mettez noir, je pourrais toujours changer le code couleur ^^
    Effets voulus : /


    Ressources
    /

    Autres précisions ?
    merci !
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 14 Mai 2014 - 18:27

    Hello! Je ne suis pas certaine que les demandes soient le meilleur endroit pour ça (c'est plutôt pour les "commandes" en quelque sorte), peut être que pour ce genre de choses, poster dans les problèmes serait mieux?

    En tout cas il suffit d'appliquer un box-shadow sur les bords de ton forum, qui selon moi est .bodyline . Donc, mettre dans le CSS:
    Code:
    .bodyline {
    /* Le premier est le déplacement horizontal (ici 10px vers la droite, mettre des valeurs négatives pour la gauche), le second est le déplacement vertical (ici 10px vers le bas, mettre des valeurs négatives pour le haut), le troisième est le flouté de l'ombre (donc sur quelle distance elle est floue, ici elle sera floue sur 80px), le quatrième est OPTIONNEL et est le "spread" de l'ombre, donc sa taille (ici, 100pixels comme demandé). Enfin, le dernier est sa couleur, ici j'ai mit noir! */
    box-shadow: 10px 10px 80px 100px #000000;
    }

    J'espère que c'est ce que tu voulais ^^"



    Chatchoum
    Chatchoum
    FémininAge : 32Messages : 43

    Mer 14 Mai 2014 - 18:59

    de toute façon, les points sont retirés maintenant :)
    Un grand grand merci ^^

    PS : il manque en revanche le bord de 3px :)
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 14 Mai 2014 - 22:12

    Ah excuse-moi! ^^"

    J'ai rajouté le bord juste après:
    Code:
    .bodyline {
        /* Le premier est le déplacement horizontal (ici 10px vers la droite, mettre des valeurs négatives pour la gauche), le second est le déplacement vertical (ici 10px vers le bas, mettre des valeurs négatives pour le haut), le troisième est le flouté de l'ombre (donc sur quelle distance elle est floue, ici elle sera floue sur 80px), le quatrième est OPTIONNEL et est le "spread" de l'ombre, donc sa taille (ici, 100pixels comme demandé). Enfin, le dernier est sa couleur, ici j'ai mit noir! */
        box-shadow: 10px 10px 80px 100px #000000;
        /* Le premier est la largeur du bord, le second son type (ici on veut une ligne solide) et le dernier sa couleur. */
        border: 3px solid #000000;
    }

    Est-ce qu'il te faut autre chose? ^^



    Chatchoum
    Chatchoum
    FémininAge : 32Messages : 43

    Mer 14 Mai 2014 - 23:09

    Merci beaucoup, cependant, le bord s'affiche tout autour et donc en dessous et au dessus aussi Sad est-ce que je peux décomposer en 4 données px ?
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Jeu 15 Mai 2014 - 10:38

    Oui bien sûr! Je suis désolée, je t'ai mal comprise!
    Tu peux décomposer en border-top, border-bottom, border-left et border-right, étant respectivement le bord du haut, bas, gauche et droite. Tu dois leur donner à chacun les même valeurs qu'à border, mais tu n'es pas obligée de ls écrire si tu ne leur met pas de bord. Dans ton cas, au lieu se border, tu auras ça, pour n'avoir que des bords à droite et à gauche:

    Code:
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;



    Neva
    Neva
    FémininAge : 32Messages : 18565

    Lun 26 Mai 2014 - 10:48

    Hello,
    Tu as vu le dernier message de Nyo ? Ca marche ?



     
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Ven 6 Juin 2014 - 12:04

    Pas de nouvelles, bonnes nouvelles ? J'archive en tout cas
    Tu es passée depuis le message de Nyo et le mien, ça aurait été plus sympa de répondre pour clôturer, tout de même :s



     
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 9:14