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 :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    Mettre une ombre à l'écriture

    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 2 Sep 2010 - 15:57

    Re-bonjour chers Utopiens, j'ai remarquer un effet sur certains forum qui m'ont plus et j'aimerais savoir comment le faire . il s'agit enfaite d'un effet donnée je pense...ce qui donne un effet d'ombre sur l'écriture.


    Je vous demande à vous si vous savez merci d'avance Wink


    Dernière édition par Brain le Ven 3 Sep 2010 - 19:18, édité 2 fois
    • Revenir en haut
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Jeu 2 Sep 2010 - 16:31

    Il te faut trouver la "class" css de ton texte (ou en mettre une) puis écrire dans la feuille css :

    Code:

    .nom_de_la_class
    {
    text-shadow: 2px 2px 2px #000000;
    }

    En mettant ce que tu veux comme couleur^^

    au passage penses à regarder des les Trucs et Astuces avant de poster, il y avait un tuto pour ça ^^



    sign
    • Revenir en haut
    SWAP
    SWAP
    MasculinAge : 27Messages : 33

    Jeu 2 Sep 2010 - 17:15

    ~ J'ai déja donner le code sur un sujet de Shigeru mais sinon le code du Captain" marche aussi .Voilà le code en question et cherche un peu avant de poster :)
    Code:

    .contenuArticle {
                    color: #adccf5; /* ici vous avez la couleur du texte */
                    text-shadow: 2px 2px 2px #fff; /* là vous avez l'ombre sous votre texte */
                    text-decoration: none; /* et ici vous avez la décoration du texte */
      }



    ~ Polyvalent Men"
    Mettre une ombre à l'écriture ItNUvU1iaa

    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 2 Sep 2010 - 18:06

    Ho désoler je ne l'ai pas trouver mais merci pour c'est deux codes.


    Edit : Ya pas de changement pour aucun des deux codes quand je le m'est ?

    Edit 2 : non j'ai pas suivi le tuto dsl c'est bon merci.
    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 2 Sep 2010 - 18:54

    Enfaite non j'y arrive pas faut le mettre à le fin au dans le CSS de départ!
    • Revenir en haut
    SWAP
    SWAP
    MasculinAge : 27Messages : 33

    Jeu 2 Sep 2010 - 19:03

    ~ Montre moi ceux que tu colle dans le Css ou bien ton Css carément ça sera plus facile



    ~ Polyvalent Men"
    Mettre une ombre à l'écriture ItNUvU1iaa

    • Revenir en haut
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 2 Sep 2010 - 19:14

    Tu as bien encadrer ton texte d'une classe au moins?

    Par exemple tu met:

    Code:
    <div class="ombre">Règlement</div>

    Et ton css:

    Code:
    .ombre
    {
    text-shadow: 2px 2px 2px #000000;
    }



    Merci beaucoup Woo pour ce kit *-*
    Mettre une ombre à l'écriture 657955SignatureSuicopie
    Sui' Art's
    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Jeu 2 Sep 2010 - 19:52

    Mais moi je veux le mettre sur toutes les écritures de mon forum (je pense que c'est quand on fait le thème non?) . tient SWAP :

    Code:
    body
    {
    background-color: #496e47;
    background-repeat: repeat-y;
    background-position: top center;
    }

    .bodylinewidth
    {
    width: 900px;
    }

    a
    {
    outiline: none;
    }

    #i_logo
    {
    margin-top: -18px;
    margin-bottom: -115px;
    }

    .mainmenu
    {
    margin-right: -5px;
    }

    a.mainmenu
    {
    color: #cde0cc;
    }

    a.mainmenu:hover
    {
    text-decoration: none !important;
    color: #e9f4e8;
    }

    #page-body
    {
    width: 893px;
    background-image: url(http://host.image.files.free.fr/host/4c4c6ff952740skin_04.png);
    background-repeat: repeat-y;
    margin-top: 80px;
    padding-bottom: 30px;
    }

    .forumline
    {
    max-width: 850px;
    margin: auto;
    background-color: #e9f4e8;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #99b998;
    padding: 4px;
    }


    table
    {
    max-width: 850px;
    margin: auto;
    }

    .cattitle
    {
    display: block;
    font-variant: small-caps;
    text-align: center;
    }

    th
    {
    text-align: left;
    font-variant: small-caps;
    }
    .contenuArticle {
                    color: #A5D6A3;
                    text-shadow: 2px 2px 2px #FEFEFE;
                    text-decoration: none;
    }

    a.forumlink
    {
    display: block;
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 6px;
    margin-top: -2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    background-color: #e9f4e8;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 0px 0px 10px 10px;
    border-bottom: 4px solid #597c57;
    font-weight: normal;
    font-style: italic;
    }

    a.forumlink:hover
    {
    text-decoration: none !important;
    letter-spacing: 2px;
    font-variant: small-caps;
    font-weight: bold;
    }



    .quote
    {
    background-color: #e9f4e8;
    border: 3px solid #597c57;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 4px;
    text-align: justify;
    font-style: italic;
    }

    .code
    {background-color: #e9f4e8;
    border: 2px inset #597c57;
    padding: 4px;
    }

    .spoiler_closed {
    display:block;
    background-color: #e9f4e8;
    border: 3px solid #597c57;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 4px;
       }
    .spoiler_closed.hidden {
       display:none;
       }
    .spoiler_content {
    display:block;
    background-color: #e9f4e8;
    border: 3px solid #597c57;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 4px;
       }

    #page-footer
    {
    background-image: url(http://host.image.files.free.fr/host/4c4c7085e869eskin_06.png);
    background-repeat: no-repeat;
    width: 893px;
    height: 281px;
    margin-bottom: -18px;
    }

    #page-footer a
    {
    font-size: 10px;
    }
    .row3Right
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    }
    .catBottom
    {
    border: none !important;
    }
    .lastpost{
        padding: 2px;
        font-family: verdana;
        font-size: 10px;
        background: #CDE0CC;
        color: #000;
        border: 2px solid #058700;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -o-border-radius: 5px;
    }
    .profilentour {
    text-align: center;
    padding: 8px;
    background-color: #058700;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }


    .profilentinfos {
    text-align: center;
    padding: 8px;
    background-color: #058700;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

    .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
    {background-color: #058700;
    border-radius: 1px solid #CDE0CC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 12px;
    letter-spacing: 1px;}

    .profil1/*ceci s'appliquera au bouton*/
    {width: 200px;
    background-color: #A5D6A3;
    border-radius: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;}

    body {
    background-repeat: no-repeat;
    }
    a.forumlink {
    text-align: center;
    text-decoration: none;
    background-color: #CDE0CC;
    border-bottom: 2px double #ffffff;
    border-top: 2px double #ffffff;
    -moz-border-radius: 10px ;
    border-right: 5px solid #ffffff;
    -moz-border-radius: 10px ;
    border-left: 5px solid #ffffff;
    display:block;
    }



    a.forumlink:hover {
    text-align: center;
    text-decoration: none;
    background-color: #FEFEFE ;
    border-bottom:2px double #ffffff;
    border-top: 2px double #ffffff;
    -moz-border-radius: 10px ;
    border-right: 5px solid #ffffff;
    -moz-border-radius: 10px ;
    border-left: 5px solid #ffffff;
    display:block;
    }

    • Revenir en haut
    SWAP
    SWAP
    MasculinAge : 27Messages : 33

    Jeu 2 Sep 2010 - 20:19

    ~ essaie ça mais je crois que j'ai trouver ton problème.

    Code:
    a.forumlink
    {
    text-shadow: 2px 2px 2px #000000;
    }



    ~ Polyvalent Men"
    Mettre une ombre à l'écriture ItNUvU1iaa

    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Ven 3 Sep 2010 - 18:01

    Super sa marche mais pas sur toutes les écriture que sur le nom des forums ?
    • Revenir en haut
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Ven 3 Sep 2010 - 18:24

    Et si tu remplace dans ton css sa:

    Code:
    a
    {
    outline: none;
    }

    par sa:

    Code:
    a
    {
    outline: none;
    text-shadow: 2px 2px 2px #000000;
    }



    Merci beaucoup Woo pour ce kit *-*
    Mettre une ombre à l'écriture 657955SignatureSuicopie
    Sui' Art's
    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Ven 3 Sep 2010 - 18:33

    Super la ils sont tous des ombres maintenant merci beaucoup Sui' .
    • Revenir en haut
    SWAP
    SWAP
    MasculinAge : 27Messages : 33

    Ven 3 Sep 2010 - 18:59

    ~ Excuse-moi je croyais que tu voulais que pour les catégories Mettre une ombre à l'écriture Icon_wink M'enfin problème résolu je suis content de t'avoir aider et surtout merci Sui'



    ~ Polyvalent Men"
    Mettre une ombre à l'écriture ItNUvU1iaa

    • Revenir en haut
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Ven 3 Sep 2010 - 19:18

    Non c'est moi je me suis mal exprimer désoler :/
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 23 Nov 2024 - 8:53