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.

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

    Apparence des annonces du forum‏

    b2uty
    b2uty
    FémininAge : 34Messages : 93

    Mar 28 Sep 2010 - 22:46

    Bonsoir c'est re-moi, cela fait un moment que j'ai poster se sujet sur forumactif mais je n'ai toujour pas
    de réponses,donc j'espaire peut etre avec votre aide réussir afaire ceci...

    J'aimerais que ma barre d'annonces soit encadré comme sur cette image :
    Apparence des annonces du forum‏ Dfs10
    http://theisland.forumakers.com/

    Merci d'avance pour vos réponses.


    Dernière édition par b2uty le Mer 29 Sep 2010 - 12:12, édité 1 fois
    Kuro'
    Kuro'
    MasculinAge : 29Messages : 438

    Mer 29 Sep 2010 - 9:39

    Bonjour !

    Affichage > Couleurs > Feuille de Style CSS & tu rentre ce code :

    Code:
    .forumline{
    border: 5px solid #COLOR;  /*5px = la taille de la bordure. Solid = le style. #COLOR = La couleurs, tu dois la changer */
    -moz-border-radius: 500px; /* Taille des arrondis sous Mozilla Firefox */
    -webkit-border-radius: 500px;  /* Taille des arrondis sous Opera & Google Chrome */




    Apparence des annonces du forum‏ Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    b2uty
    b2uty
    FémininAge : 34Messages : 93

    Mer 29 Sep 2010 - 10:16

    rien na changer, peut etre parceque j'ai juste explorer 7 non?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mer 29 Sep 2010 - 10:52

    C'est aussi surtout car Kuro' n'a pas pris la peine de regarder ce que tu désirer, son code concerne les cadre de catégorie et toi tu veux encadrer simplement une annonce dans ta page d'accueil c'est sa?

    Dans ton exemple il a encadrer une phrase à laquelle il à mis un défilement vers la gauche, tu as deux possibilité, soit tu insère ton css dans la division soit tu met une classe à ta division voila deux exemple:

    Inséré directement à la division:

    Code:
    <div style="padding: 4px; text-align: center; border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;"> Ton texte </div>

    Ce qui donne:

    Ton texte


    Par classe dans la division:

    Code:
    <div class="annonce"> Ton texte </div>

    Et dans ta feuille de style CSS tu insère ce code:

    Code:
    .annonce{
    text-align:center;
    padding: 4px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;}

    Je ne t'ai pas mis d'arrondis puisque dans l'exemple il n'y en à pas.
    Pour les bordures j'ai mis un nombre au pif à toi de changer selon ce que tu veux et pour les couleur des cadre j'ai mis blanc et noir mais la aussi tu devras changer Wink

    Edit: Si tu as la possibilité de changer de navigateur bah fait le ^^ Chrome ou firefox sont à jours au niveau du CSS3 et Html5 mais avec ce code la tu risque pas d'avoir de problème ^^.



    Merci beaucoup Woo pour ce kit *-*
    Apparence des annonces du forum‏ 657955SignatureSuicopie
    Sui' Art's
    b2uty
    b2uty
    FémininAge : 34Messages : 93

    Mer 29 Sep 2010 - 12:12

    Merci "Sui'" c'est tout à fait se que je voulais ^^

    Je suivrais ton conseil pour le changement de navigateur.
    Encore merci pour tout =)
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mer 29 Sep 2010 - 12:22

    De rien Wink.



    Merci beaucoup Woo pour ce kit *-*
    Apparence des annonces du forum‏ 657955SignatureSuicopie
    Sui' Art's
    Contenu sponsorisé


      La date/heure actuelle est Lun 13 Mai 2024 - 10:45