Forum de Graph, aide Html et Css
 
AccueilAccueil  FAQFAQ  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Css de Couleurs en folies

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sweet Purple
Admin
avatar

Messages : 131
Date d'inscription : 12/07/2010
Age : 23

MessageSujet: Css de Couleurs en folies    Sam 17 Mar - 12:10

    Voici le code Css

    Code:
    /***APPARENCE FORUM***/


    body {
    background-position: center;
    background-repeat: repeat;
    background-image: url('http://nsa15.casimages.com/img/2010/07/07/100707070254421263.png');
    }

    .bodyline { border: 10px solid #f4d2bf; }

    .secondarytitle,.secondarytitle h2 {
    margin: 0; padding: 0;
    color: #F8F5EF;
    font-family: Comic Sans MS;
    font-size: 15px;
    text-align: center;
    left: 100px;
    }

    .secondarytitle h2 { display:inline; }

    .infos {
    margin: 0; padding: 0;
    color: #F8F5EF;
    font-family: Comic Sans MS;
    font-size: 15px;
    }

    #add-google{ border: 0px dotted #9e9e9e; }

    /* ********** PROFIL ********** */

    .name {
          font-family: Trebuchet MS;
          font-size: 36;
    Tes autres codes si tu le souhaites.
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border: 5px solid #bcbcbc;
    }

    a:link,a:active,a:visited {
        font-size: 12px;
        text-decoration: none;
        color : ;
        text-transform: lowercase;
        filter:alpha(opacity=30); -moz-opacity: 0.9; opacity: 0.9;
        font-family: Georgia; }

    a:hover{
        text-decoration: none !important;
        color : ;
    filter:alpha(opacity=100); -moz-opacity: 0.9; opacity: 1.0;
    text-transform: lowercase;
        }


    /***APPARENCE CAT-FO***/

    .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    background-image:url("http://");
    padding:2px 3px;}

    .forumline{
    background-image:url("http://");
    border-bottom: 6px #79574a solid;
    border-top: 6px #79574a solid;
    border-right: 3px #79574a solid;
    border-left: 3px #79574a solid;
    }

    a.mainmenu
    {
    font-size: 14px;
    text-align : left ;
    color: #ce7763;
    font-family: Times New Roman;
    font-weight: bold;
    border-bottom: 2px dotted #e49147;
    text-transform : uppercase;
    letter-spacing: 2px;
    padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 3px;
    margin-left: 30px;
    margin-bottom: -2px;
    }


    /***DESCRIPTION FORUM***/

    #categorie_descrip{
    width:150px;
    background-color: #e2a27f;
    font-family:  Georgia;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: solid 3px #9a6653;
    border-right: solid 3px #9a6653;
    }

    #categorie_descrip:hover{
    width:150px;
    background-color: #9a6653;
    font-family:  Georgia;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: solid 3px #e2a27f;
    border-right: solid 3px #e2a27f;
    }


    #descripti{
          width:550px;
    background-color: #e2a27f;
    font-family:  Georgia;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 30px;
    }

    #descripti:hover{
          width:550px;
    background-color: #9a6653;
    font-family:  Georgia;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 30px;
    }

    .def {
          width:550px;
    background-color: #673d23;
    font-family:  Georgia;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 30px;
    }

    a.forumlink:link, a.forumlink:visited {
    font-size: 20px;
    text-align : left ;
    color: #8a533f;
    font-family: Times New Roman;
    font-weight: bold;
    border-bottom: 2px dotted #a6968c;
    text-transform : uppercase;
    letter-spacing: 2px;
    padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 3px;
    margin-left: 30px;
    margin-bottom: -2px;
    display: block;
    }

    a.forumlink:hover, a.forumlink:hover:visited {
    color: #a6968c;
    border-bottom: 2px dotted #8a533f;
    display: block;
    }



    #coulour
    {
    font-family:  Georgia!important;
    font-size: 11px!important;
    color:#7f665f!important;
    letter-spacing: -1px;
    font-weight: normal;
    }



    .catégoz
    {

    font-weight: normal;
    font-family :  Georgia ;
    letter-spacing: 2px;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top:-55px; 
    width=800px
    }


    .forumline {
    -moz-border-radius-bottomleft:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    -webkit-border-radius: 20px;
    background-color:#f0cbb6;
    padding:0px;
    border: 2px solid #cab6a7;
    margin-bottom: 20px}


    .forumcatego
    {
    -moz-border-radius:20px;
    -webki-border-radius:20px;
    }

    /***CITER/CODE/SPOILER***/
    .quote{
    font-family: Times New Roman;
    font-size: 12px;
    color: #000000;
    background-color: #E1D8CE;
    border-top : 2px dotted #45407A;
    border-bottom: 2px dotted #45407A;
    border-left: 1px dotted #45407A;
    border-right: 1px dotted #45407A;
    text-align: left;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: bottom right;
    width: 100%;
    }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #E1D8CE;
    border-top : 2px dotted #45407A;
    border-bottom: 2px dotted #45407A;
    border-left: 1px dotted #45407A;
    border-right: 1px dotted #45407A;
    text-align: left;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: bottom right;
    width: 100%;
    }

    .spoiler_content, .spoiler_content.hidden {
    font-family: Times New Roman;
    font-size: 12px;
    color: #000000;
    background-color: #E1D8CE;
    border-top : 2px dotted #45407A;
    border-bottom: 2px dotted #45407A;
    border-left: 1px dotted #45407A;
    border-right: 1px dotted #45407A;
    text-align: left;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: bottom right;
    width: 100%;
    }
    .milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}


    /* ********** BANDEAU ********** */

    .bandeau {
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #transparent;
    border-bottom: 1px solid #767e7e;
    color: #3b718d;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    text-decoration: shadow !important;
    text-shadow: black 1px 1px 2px;
    }


    .bandeau:hover {
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #transparent;
    border-bottom: 1px solid #3b718d;
    color: #767e7e;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    text-decoration: shadow !important;
    text-shadow: black 1px 1px 2px;
    letter-spacing : 3px;
    }

    /* ********** OPACITÉ ********** */

    .blabla {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;opacity: 0.5;
    }

    .blabla:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;
    }


    /* ********** HUHU...HEIN? ********** */

    .titrehead {
    background-color : #transparent; /* la couleur du fond */
    -moz-border-radius : 9px; /* pour arrondir les bords ( Firefox ) */
    font-variant  :small-caps; /* pour mettre les lettres en majuscules */
    color : #DB216E; /* Couleur du texte */
    }

    .lienhead:hover {
    background-color : #transparent ; */
    text-decoration : none!important; /* enlève le soulignement des liens */
    border-bottom : 1px dotted; /* bord du bas en pointillé */
    letter-spacing : 3px; /* espace les lettres de 3px */
    }

    /* ********** ONGLET ********** */

    .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:0px dashed white;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#transparent;
                    border-bottom:0px dashed white;
            }
            .onglet_1
            {
                    background:#transparent;
                    border-bottom:0px dashed white;
                    padding-bottom:4px;
            }
            .contenu_onglet
            {
                    background-color:#transparent;
                    border:0px dashed white;
                    margin-top:-1px;
                    padding:5px;
                    display:none;
            }


    /* ********** J AI FAIM... ********** */

    .couloure {
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #transparent;
    border-bottom: 3px dotted #ffffff;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    text-decoration: shadow !important;
    text-shadow: black 1px 1px 2px;
    }

    .coulour {
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #transparent;
    border-bottom: 2px dotted #ffffff;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    text-decoration: shadow !important;
    text-shadow: black 1px 1px 2px;
    }

    .coulour:hover {
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #transparent;
    border-bottom: 2px dotted #DB216E;
    color: #000000;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    text-decoration: shadow !important;
    text-shadow: black 1px 1px 2px;
    }


    .fondi
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    Height:120px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 5px solid #3b718d;
    border-bottom: 5px solid #3b718d;
    border-right: 2px solid #3b718d;
    border-left: 2px solid #3b718d;

    }

    .fondi:hover
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;


    }

    .fondin
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    Height:260px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 5px solid #3b718d;
    border-bottom: 5px solid #3b718d;
    border-right: 2px solid #3b718d;
    border-left: 2px solid #3b718d;

    }

    .fondin:hover
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    Height:260px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 5px solid #767e7e;
    border-bottom: 5px solid #767e7e;
    border-right: 2px solid #767e7e;
    border-left: 2px solid #767e7e;

    }

    .fondaffliates
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    Height:140px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 5px solid #3b718d;
    border-bottom: 5px solid #3b718d;
    border-right: 2px solid #3b718d;
    border-left: 2px solid #3b718d;

    }

    .fondaffliates:hover
    {
    -moz-border-radius: 7px 7px 7px 7px;
    background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    text-shadow: black 0px 1px 12px;
    Height:140px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 5px solid #767e7e;
    border-bottom: 5px solid #767e7e;
    border-right: 2px solid #767e7e;
    border-left: 2px solid #767e7e;


    }


    .shimi
    {
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top: 3px solid #427999;
    border-bottom: 3px solid #427999;
    border-right: 3px solid #427999;
    border-left: 3px solid #427999;
    }


    /* ********** OTHERS ********** */

    .domi
    {
    text-shadow: white 1px 1px 2px;
    }

    .domi:hover
    {
    color: #767e7e;

    }

    /* ********** INFOBULLE ********** */

    a.infobulle {
      position: relative;
    }

    a.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    a.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

    }
    a.infobulle:hover span {
      display: inline; /* ceci affiche l'infobulle */
      position: absolute;

      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

      top: 5px; /* on positionne notre infobulle */
      left: 15px;

      background: #3b718d; /* arrière-plan de l'infobulle */

      color: black; /* texte dans l'infobulle */
      padding: 3px;
    text-shadow: black 0px 1px 12px;

      /* bordures de votre infobulle*/
     border: 3px solid #3b718d;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }



    /* ********** MUHAHAHA? ********** */


    .largeur{
    width:500px;
    }

    .sunshine

    {
    padding-right: 177px;
    padding-left: 177px;
    background-color: #9A4E4D;
    font-family:  Georgia;
    font-size: 15px;
    background-image:url("");
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 3px #ffffff dotted;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-radius:10px 10px 0px 0px;
    }

    .sunshine:hover
    {
    background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    }


    .sunshina

    {
    font-family:  Georgia;
    background-color: #9A4E4D;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius:0px 0px 10px 10px;
    }

    .sunshina:hover
    {
    background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
    }

    /*Titre*/

    .stripes {
    color: #9ca183;
    border-bottom: 1px dotted #9ca183;
    border-left: 1px dotted #9ca183;
    background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png);
    -moz-border-radius-topright: 20px;
    padding-left: 20px;
    -moz-border-radius-topleft: 20px;
    padding-right: 20px;
    }



    .contours
    {
    font-size: 12px;
    font-family:  Georgia;
    color: #ffffff;
    background-color: #3b718d;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding-bottom: -5px;
    padding-top: -5px;
    }


    .trans
    {
    font-size: 13px;
    font-family:  Georgia;
    background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png);
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    }

    /*Onglet*/

    .text {
    color:#FFFFFF; /*Couleur du texte de vos onglets*/
    cursor:pointer;
    }

    #cat_nomonglet1,#cat_nomonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ {
    padding-top:4px;
    }

    .spoiler_content { display: block; }
    .hidden .spoiler_content { display: none; }

    .cat_forum {
    background-color: #000000;
    margin: auto;
    margin-bottom:30px;
    width:800px;
    }

    .onglet {
    display:inline-block;
    margin-top:30px;
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li {
    float:left;
    list-style-type:none;
    margin-bottom:-22px;
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li:hover {
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li a {
    display:block;
    text-decoration:none; !important
    list-style-type: none;
    cursor:pointer;
    }

    .onglet li a: hover {
    text-decoration:none;
    list-style-type:none;
    cursor:pointer;
    }

    .onglet_actif {
    background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
    width:LARGEURpx; /*Largeur de l'onglet étant actif*/
    height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/
    cursor:pointer;
    }

    .onglet_nactif {
    background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/
    width:LARGEURpx; /*Largeur de l'onglet étant inactif*/
    height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/
    cursor:pointer;
    }


    /* pour linfobulle */
    * {
      font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

    }
    a.info {
      position: relative;
      color: #000000;
      text-decoration: none;
    }

    a.info span {
      display: none; /* on masque l'infobulle */
    font-size: 10px;

    }
    a.info:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.info:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;

      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

      top: 0px; /* on positionne notre infobulle */
      left: 5px;

      background: #CCCACA;

      color: #000000;
      padding: 3px;

      border: 3px solid #5A968E;
    }

    tr.post span.gensmall { display: none; }

    fin


    /*pseudo minuscule*/
    a {
    text-transform: lowercase ;}

    fin

    /*Justifier le texte +ul*/
    .postbody {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-align:justify;
    }


    tr.post span.gensmall
    { display: none; }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://couleurs-en-folies.forumsactifs.net
 
Css de Couleurs en folies
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Couleurs En Folie :: Codage :: Astuce &' Aide :: Css-
Sauter vers: