Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    Quelques codes CSS sympa

    Partagez
    MasculinAge : 24Message(s) : 1349
    Angel Ezekiel
    le Mer 21 Avr 2010 - 23:16
    Rappel du premier message :

    Voila je vais vous parler de quelques codes CSS sympa

    Voici le code afin d'obtenir des cadres autours des noms de catégories,un double soulignement etc
    .Catégorie{
    background-color:couleur;/couleur de l'intérieur du cadre/
    background-image:url(URL):/none si vous en voulez pas/
    color:couleur;/couleur de la typo et du cadre
    text-align:center;/center-right-left où se trouve ton texte/
    text-transform:none;/si vous voulez mettre en majuscule mettez Uppercase
    letter-spacing: 5px;/pour espacer les lettres/
    word-spacing: 20px;/pour espacer les mots/
    font-family:serif;/la typos/
    border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
    border-top-width:medium;/taille de la bordure thin-medium-thick/
    border-bottom-style:solid;
    border-bottom-width:medium;
    border-left-style:solid;
    border-left-width:thin;
    border-right-style:solid;
    border-right-width:thin;
    }

    et vous inserez ça dans vos noms de catégorie
    Code:
    <div class="catégorie">nom de la catégorie</div>

    Le code pour modifier les citations,les codes et les spoilers:

    .quote {
    background-repeat: no-repeat;
    background-image: url('');
    background-position: center;
    border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
    border-top-width:thin;/taille de la bordure thin-medium-thick/
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-left-style:solid;
    border-left-width:thin;
    border-right-style:solid;
    border-right-width:thin;
    }

    .code {
    background-repeat: no-repeat;
    background-image: url('');
    background-position: center;
    border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
    border-top-width:thin;/taille de la bordure thin-medium-thick/
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-left-style:solid;
    border-left-width:thin;
    border-right-style:solid;
    border-right-width:thin;
    }

    .spoiler {
    background-repeat: no-repeat;
    background-image: url('');
    background-position: center;
    border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
    border-top-width:medium;/taille de la bordure thin-medium-thick/
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-left-style:solid;
    border-left-width:thin;
    border-right-style:solid;
    border-right-width:thin;
    }


    FémininAge : 23Message(s) : 149
    Saya Shirayuki
    le Mer 10 Juin 2015 - 12:03
    Merci ^^
    FémininAge : 28Message(s) : 108
    sweetheart.
    le Lun 23 Nov 2015 - 21:13
    Merci! :)


    Un bisou pour Invité


    Un bisou pour...
    Invité
    FémininAge : 24Message(s) : 1354

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Lun 23 Nov 2015 - 22:49
    Merci pour le partage ! (。_+)\
    Contenu sponsorisé
    Aujourd'hui à 0:11

      La date/heure actuelle est Jeu 29 Sep 2016 - 0:11