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

Partagez | 
 

 Code CSS de Graph Paradise

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: Code CSS de Graph Paradise   Sam 17 Mar - 12:07

    Voici le Css de Graph Paradise

    Code:
    /* HEADER*/

    body {
      background-color:#BBA987;
      background-image: url("http://img403.imageshack.us/img403/9805/gp2copie.png");
      background-repeat:no-repeat;
      background-attachment: scroll;
      background-position: top;
    }


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



    a
    {
    text-decoration: none;
    }

    a.styletitrepa, a.styletitrepa:active, a.styletitrepa:visited {
      background-color: #141E2A;
      border-bottom: 5px solid #FFFFFF;
      color: #FFFFFF;
      font-weight: bold;
      font-family: georgia;
      font-size: 14px;
      font-weight: lighter;
      letter-spacing: 2px;
      display: block;
      text-align: center;
      -moz-border-radius: 20px;
    }
    div.navig {
      height: 130px;
      margin-top: 10px;
      text-align: center;
      overflow: hidden;
    }
    div.navig div {
      background: #141E2A;
      -moz-border-radius: 20px;
      margin-top: 3px;
      border-width: 0px 3px 1px 3px;
      border-style: solid;
      border-color: #253442;
      color: #91B7D4;
      font-size: 12px;
      text-align: center;
      text-transform: lowercase;
      font-variant: small-caps;
      height: 12px;
    }
    div.navig div:hover {
      background: #141E2A;
      -moz-border-radius: 20px;
      margin-top: 3px;
      border-width: 0px 3px 1px 3px;
      border-style: solid;
      border-color: #FFFFFF;
      color: #91B7D4;
      font-size: 12px;
      text-align: center;
      text-transform: lowercase;
      font-variant: small-caps;
      height: 12px;
    }
    div.contexte {
      height: 130px;
      margin-top: 10px;
      text-align: justify;
      padding: 0px 10px 0px 5px;
      overflow: auto;
      font-size: 11px;
    }
    .copyright {
      height: 86px;
      overflow: auto;
      font-size: 9px;
      text-align: center;
      margin-top: 5px;
    }
    div.news{
      height: 210px;
      font-size: 12px;
      margin-top: 5px;
      text-align: justify;
      overflow: auto;
      padding: 0px 10px 0px 0px;
    }
    .stylemenu {
      border: medium double ;
      background: #FFFFFF none repeat scroll 0% 50%;
      -moz-background-clip: border;
      -moz-background-origin: padding;
      -moz-background-inline-policy: continuous;
      font-family: tahoma;
      color: #000000;
      font-size: 10px;
    }
    .stylebutton {
      border: 1px dashed;
      background: #FFFFFF none repeat scroll 0% 50%;
      -moz-background-clip: border;
      -moz-background-origin: padding;
      -moz-background-inline-policy: continuous;
      font-family: tahoma;
      color: #000000;
      font-size: 10px;
    }

    div.contexte1 {
      height: 130px;
      margin-top: 10px;
      text-align: justify;
      padding: 0px 10px 0px 5px;
        font-size: 11px;
    }

    {
       border-bottom:1px solid #000000;
    border-right:3px solid #000000;
       -moz-border-radius : 3px 3px 3px 3px;
       height:4px;
    margin: 2px;
       padding-right:0px;
       padding-left:0px;
       font-size:9px;
            text-align:justify;
       text-decoration: none!important;
    }   

    .statistiques
    {
       border:0px;
       background-image: url("http://i63.servimg.com/u/f63/11/53/64/40/whoiso10.png");
       background-repeat: no-repeat;
       background-position: center;
       background-attachment: scroll;
       height:400px;
    }

    .yosh td
    {
       background-color: transparent;
    }


    .fiche1
    {margin: 3px;
    padding: 4px;
    color: #989844;
    font-size: 22px;
    text-align: left;
    font-family: georgia;
    letter-spacing: 1px;
    line-height: 11px;
       font-style:italic;
    border-bottom:  5px solid #262626;
    }

    /* Infobulle */

    a.imginfo {
      position: relative;
      color: #FFFFFF;
      text-decoration: none;
      border-bottom: 0px #2A889F solid; /* on souligne le texte */
    }

    a.imginfo span {
      display: none; /* on masque l'infobulle */
    }
    a.imginfo: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.imginfo: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: 30px; /* on positionne notre infobulle */
      left: 20px;
      background: white;
      color: #000000;
      padding: 3px;
      border: 0px solid white;
      border-left: 5px solid #253442;
      border-right: 3px solid #253442;
      border-top: 3px solid #253442;
      border-bottom: 5px solid #253442;
    }



    .abc {border-bottom: 5px solid #FFFFFF}
    .def {
    background-color: #253442;
    -moz-border-radius:20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
    text-transform:uppercase;}


    /* CORPS DU FORUM & CATEGORIES */



    a.forumlink{
      text-align: center;
    font-family: georgia;
    text-align: center;
    font-size: 20pt;
    letter-spacing: -4px;
    -moz-border-radius: 0 0 0 0;
      border-bottom: 0px solid #C91212;
     display: block;
      color: #B39171;
    Font-Weight: bold;
        background-color:#F3E6D9;
    -moz-border-radius: 15px;}

    a.forumlink:hover {
    letter-spacing: 3px;
    font-weight: bold;}

    .bordcôté{
    background-color:#FFFFFF;
    padding:10px;
    border-right: #262626 10px solid;
    border-left: #262626 10px solid;
    }



    /* Menu navigation */
    a.mainmenu{
    font-size: 11px;
    color: #989844;
    background-color: #F3E6D9;
    text-decoration: none;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
     }

    a.mainmenu:hover{
    font-size: 11px;
    color: #989844;
    background-color: #F3E6D9;
    text-decoration: none;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
     }


    /* STATISTIQUE*/

    .groupes{
    background-color:#989844;
    border: 0px #F3F3F1 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    -webkit-border-radius : 5px 5px 5px 5px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:24px;
    font-family: courier new;
    font-weight: bold;
    text-align:center;
    text-decoration: none !important;
    height:auto}

    .partiedroite {
    font-size : 10px ;
    border-left : 10px solid #F3E6D9;
    padding-left : 10px }

    .tableauqueel{
    background-color : #989844;
    width: 700px;
    -moz-border-radius : 5px 5px 5px 5px}


    /* INTRODUCTION DES SUJETS*/

    .fond{
    background-color: #E92151;
    text-align: center;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    }

    .fond2{
    background-color: #F3E6D9;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
     -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
     line-height: 15px;
    padding-right: 5px;
    }

    .fond3{
    background-color: #F3E6D9;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
     -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
     line-height: 15px;
    padding-right: 5px;
    }

    .title{
    font-family: georgia;
    text-align: center;
    font-size: 30pt;
    letter-spacing: -4px;
    color: #E92151;
    -moz-border-radius: 15px;
    }

    .titre{
    text-align:center;
    letter-spacing: -4px;
    font-size: 30px;
    font-family:Arial Black;
    font-weight:bold;
    color:#E92151;
    }

    /* STAFF*/

    .fondhistoire {
    background-color:#EDEAE9;
    width: 330px;
    height: 330px;
    border:2px solid #FFFFFF;
    -moz-border-radius:8px;
    text-align:center;
    padding-top : 10px;
    font-size:12px;
    color:#969696;
    }

    .contour {
    BACKGROUND-COLOR: indianared;
    border: 4px #8E3B56 solid;
    }

    .avatar {
    -moz-transform: rotate(-6deg);
    margin-right: -3px;
    -moz-box-shadow: 0px 0px 5px black;
    }

    /* PAGE D'ACCUEIL */


    .partiedroitepa {
    font-size : 10px ;
    border-left : 5px solid #8E3C56;
    padding-left : 10px }

    .tableaupa{
    background-color : #F4F4F4;
    border : solid 0px #DB2024;
    -moz-border-radius : 5px 5px 5px 5px}



    /* PRESENTATION */

    .presentation {
    background: #F3E6D9;
    margin: 5px;
    padding: 5px;
    text-align: justify;
    border-top: 20px #E92151 solid;
    border-left: 20px #E92151  solid;
    border-right: 20px #E92151  solid;
    border-bottom: 20px #E92151  solid;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 10px;
    }

    .presentation:hover {
    background: #F3E6D9;
    margin: 5px;
    padding: 5px;
    text-align: justify;
    border-top: 20px #C4AF4C solid;
    border-left: 20px #C4AF4C  solid;
    border-right: 20px #C4AF4C  solid;
    border-bottom: 20px #C4AF4C  solid;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 10px;
    }

    .blend {
    margin: auto;
    text-align: center;
    }

    .blendtexte {
    margin-top:-25px;
    color: #E92151;
    }

    .contouravatar {
    border: 8px solid #E92151;
    text-align: center;
    width: 230px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 15px;
    line-height: 15px;
    }

    .contourprésentation {
    border: 4px solid #E92151;
    text-align: justify;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    line-height: 15px;
    }

    .titreprésentation {
    font-size: 46px;
    font-family: Times New Roman;
    border-bottom: 1px dotted #262626;
    color: #E92151;
    }

    .contouricon {
    border:10px solid #E92151;
    -moz-border-radius:8px;
    width: 100px;
    height: 100px;
    }

    .identity {
    BACKGROUND-COLOR: #E92151;
    TEXT-ALIGN: center;
    }

    /* REPERTOIRES */

    .répertoire {
    background-color: #FFFFFF;
    color:#989844;
    font-family: times new roman;
    font-size: 50pt;
    letter-spacing: -8px;
    }

    .points {
    border-bottom-style: dotted;
    border-bottom-width: medium;
    border-bottom-color: #262626;
    }

    /* PROFIL */

    .fondavatar {
    background-color : #F3E6D9 ;
    border : 5px solid #C91212 ;
    -moz-border-radius: 5px 5px 5px 5px;
    padding : 10px ; }

    /*background avatar*/


    .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: 8px solid #C91212;
    }



    input,textarea, select {color : #989844;
    font: normal 11px Georgia;
    border-color : #989844;
    background-color : #F4F4F4;
    border-radius: 10px 10px;}



    /*  CATEGORIE */
    .titrecat {
    text-align: center;
    display: block;
    width: 802px;
    height: 120px;
    background-image:url('http://img560.imageshack.us/img560/7653/haut210.png');
    background-repeat:no-repeat;
    color: #FFF;
    border-bottom : 1px solid #F3E6D9;
    font-weight: bolder;}

    .titre_categorie {
                margin-bottom: -15px;
      }


    #table_foot
    {
    width: 802px;
    height: 120px;
    background-color: transparent;
    background-image: url('http://i43.servimg.com/u/f43/11/53/64/40/bas213.png');
    background-repeat: no-repeat;
    }

    .description{
    margin-top: 3px;
    padding: 10px;
    border: 2px solid #FFFFFF;
    background-color:#D3C0AD;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    }

    .sujets_messages
    {background-color:#C91212;
    margin-top: 3px;
    padding: 3px;
      color: #FFFFFF;
    border: 2px solid #FFFFFF;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    }


    .derniers_sujets
    {margin-top: 3px;
    padding: 3px;
    width: 150px;
    border: 2px solid #FFFFFF;
    background-color:#D3C0AD;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;}

    .sousforums
    {background-color:#C91212;
    margin-top: 3px;
    padding: 3px;
    border: 2px solid #FFFFFF;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://couleurs-en-folies.forumsactifs.net
 
Code CSS de Graph Paradise
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: