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

Partagez | 
 

 Code Css HON

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 HON   Dim 18 Mar - 0:57

    Code Css de HON
    Code:
    /* SPOILER & CODE & CITATONS */

    .spoiler_content {display: block;}
    .hidden .spoiler_content {display: none;}
    .quote { -moz-border-radius: 10px;}
    .code { -moz-border-radius: 10px;}
    .spoiler { -moz-border-radius: 10px;}
    .quote {font-family: Tahoma;
          padding:15px;
          color:#ffffff;
          background-color:gray;
          border-left: 3px #ffffff solid;
          border-right:3px #ffffff solid;
          border-bottom: 3px #ffffff solid;
          -moz-box-shadow: 0px 0px 1px #ffffff;}
    .code {padding:3px;
          color: #ffffff;
          font-family: Tahoma;
          font-size:12px;
          -moz-border-radius:8px;
          border-top: 3px solid #ffffff ;
          border-right: 3px solid #ffffff ;
          border-left: 3px solid #ffffff ;
          border-bottom: 3px solid #ffffff ;
          background-color:gray;
          text-transform:lawercase ;
          -moz-box-shadow: 0px 0px 1px #ffffff;}


    /* LIENS  */

    a:link,a:active,a:visited {text-decoration: none;}
    a:hover{text-decoration: none !important;}

    #subnav A:link, #subnav A:visited, #subnav A:active {font-family: tahoma;
          font-size: 11px;
          text-align: center;
          padding: 2px;
          color: #ffffff;
          background-color: gray;
          line-height: 12px;
          display: block;
          border-bottom: 1px solid #ffffff;}

    /* CONTOUR PROFIL */
    .test {-moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:gray;
    border: 3px solid #ffffff;}

    /* CONTOUR 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: 5px solid #ffffff;}



    /* QEEL */
    /* texte de copyright QUEEL*/
    div.titre2{
    font-size: 8px; /*taille de la police*/
    font-color:#ffffff/*couleur du texte*/;
    }

    /*grand titre du QUEEL*/
    div.titre3{
    font-size: 40pt; /*taille du texte*/
    font-family: Georgia; /*police du texte*/
    text-shadow: #000000 0px 0px 3px; /*ombre du texte*/
    text-align: center;/*alignement du texte*/}

    div.staffpv img{
     width: 50px;
      height: 50px;
      background-color: gray;
      border: 3px solid #ffffff;
      padding: 3px;
      -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
      margin: 0px 3px 2px 3px;
    }
    span.pv {
      position: relative;
      text-decoration: none;
    }
    span.pv span.bulle {
      display: none;
      font-size: 12px;
    }
    span.pv:hover {
      background: none;
      z-index: 999;
      cursor: help;
    }
    span.pv:hover span.bulle {
      display: inline;
      position: absolute;
      top: 20px;
      left: -56px;
      width: 170px;
      color: #ffffff;
      background-color: gray;
      border: 3px solid #ffffff;
      padding: 3px;
      -moz-border-radius: 10px;
    }

    /* style de l'onglet du QUEEL */
    .onglet { background-color: #.;
    border: 0px solid #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; /* bordure et arrondit de l'onglet */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 75px;
    padding-right: 0px;/* marges */
    text-align: center;
    font-family: time new roman;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -1pt;
    text-transform: lowercase;
    color:#ffffff;
    text-shadow: 0px 0px 1px  #000000;}

    .message { background-color: gray;
    overflow: auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 20px;/* bordure et arrondit*/
     padding-top: 0px;
     padding-bottom: 5px;
    padding-left: 30px;
     padding-right: 30px; /* marges */
    text-align: justify; /* justification de l'écriture*/
    color: #ffffff; /*couleur du texte*/
    height: 230px;
    display: auto;
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    border-top: 6px #ffffff solid;
    border-bottom: 6px #ffffff solid;
    -moz-box-shadow: #ffffff 0px 2px 2px;}

    /* PROFIL*/
    .postdetails.poster-profile a img {
    -moz-border-radius:10px;
    border: 0px solid #ffffff;
    -moz-box-shadow: #ffffff 0px 0px 2px;}

    .profilentour {
    padding:9px;
    BACKGROUND-COLOR: gray;
    border: 3px solid  #ffffff; no-repeat;
    -moz-border-radius:5px;
    -moz-box-shadow: #ffffff 1px 1px 2px;
    }

    div.nomposteur {
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -1pt;
    text-align: center;
    text-shadow: 0px 0px 1px #white;
    }

    .postdetails.poster-profile textarea { width: 198px;}
    input,textarea, select {
    -moz-border-radius:10px;
    -moz-box-shadow: #ffffff 0px 0px 2px;
    text-color: white;
    background:gray none repeat scroll 0 0;
      }


    /* ONGLET IFRAME QEEL */


    .conec {background-color:gray;}

    .contenu_onglet{background-color:gray;
          margin-top:-6px;
          padding-left:20px;
          padding-right:20px;
          padding-top:10px;
          padding-bottom:10px;
          display:none;
          height:230px;
          overflow:auto;
          -moz-border-radius:40px 40px 40px 40px;
          border-left: 3px #ffffff solid;
          border-right: 3px #ffffff solid;
          border-top: 2px #ffffff solid;
          border-bottom: 2px #ffffff solid;
          text-align:justify;
          -moz-box-shadow: 2px 2px 5px #ffffff;
          z-index:1;}

    .contenu_onglet2{background-color:gray;
          margin-top:-6px;
          padding-left:20px;
          padding-right:20px;
          padding-top:10px;
          padding-bottom:10px;
          display:none;
          overflow:auto;
          -moz-border-radius:40px 40px 0px 0px;
          border:1px solid #ffffff;
          text-align:justify;
          z-index:10;}

    .contenupa {
    background-color:gray;
    padding:10px;
    -moz-border-radius:30px;
    text-align:justify;
    height:250px;
    overflow:auto;
    }

    /* PAGE D'ACCUEIL INFOBULLE */

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

    a.info span { display: none; /* on masque l'infobulle */
    }

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

    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: 45px; /* on positionne notre infobulle */
    background-color:gray;
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    -moz-border-radius:6px;
    -moz-box-shadow: #ffffff 0px 2px 2px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 2px;
    padding-top: 2px;
    }

    div.infobulletexte {font-family: time new roman;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1pt;
    text-transform: lowercase;
    color:#ffffff;
    text-shadow: 0px 0px 1px #000000; }

    .fondinfobulle {BACKGROUND-COLOR:gray;
    border-top: 3px dotted #ffffff;
    padding-right: -3px;
    padding-left: -3px;
    padding-bottom: 1px;
    -moz-border-radius : 3px 3px 3px 3px;
    font-family: arial;
    font-size: 11px;
    letter-spacing: -0px;
    color:#ffffff;}




    /*- PA -*/


    div.salut{
    background-color:gray;
    border: 2px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: center;
    overflow: auto;}

    div.salut:hover{
    background-color:gray;
    border: 2px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: center;
    overflow: auto;}


    div.espace{
    height: 150px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: auto;}

    div.espace:hover{
    height: 150px;
    background-color:gray;
    border: 1px #c6ca61 solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: auto;}

    div.espace2{
    height: 150px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: block;}

    div.espace2:hover{
    height: 150px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: block;}

    div.partenariat{
    height: 200px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: auto;}

    div.partenariat:hover{
    height: 200px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    text-align: justify;
    overflow: auto;}

    div.équipefo{
    height: 200px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: justify;
    overflow: block;}

    div.équipefo:hover{
    height: 200px;
    background-color:gray;
    border: 1px #ffffff solid;
    -moz-box-shadow: 0px 0px 2px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: justify;
    overflow: block;}

    .titremoyen{
    font-family : Times New Roman;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1pt;
    text-transform: lowercase;
    color:#ffffff;
    text-align: center;
    text-shadow: 0px 0px 1px #000000;
    background: gray;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom-style: dotted;
    border-bottom-width: medium;
    border-bottom-color: #ffffff;}

    .titremoyen:hover{
    font-family : Times New Roman;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1pt;
    text-transform: lowercase;
    color:#ffffff;
    text-align: center;
    text-shadow: 0px 0px 1px #000000;
    background: gray;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom-style: dotted;
    border-bottom-width: medium;
    border-bottom-color: #ffffff;}

    div.navigation
    {
    background-color: gray;
    border: 1px solid #ffffff;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: justify;}

    div.navigation:hover
    {
    background-color: gray;
    border: 1px solid #ffffff;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: justify;}

    div.titre4{
    font-size: 0.5in;
    font-family: Chewy;
    color: #ffffff;
    text-shadow: 1px 1px 1px white;
    text-align: center;
    gainsboro 1px solid;
    text-transform:lowercase;
    border-bottom: 4px dotted #ffffff;
    }

    div.navig div {
    background: gray;
    -moz-border-radius: 5px;
    margin-top: 3px;
    border : 1px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-transform: lowercase;
    font-variant: small-caps;
    height: 12px;
    }
    div.navig div:hover {
    background:gray;
    -moz-border-radius: 5px;
    margin-top: 3px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-transform: lowercase;
    font-variant: small-caps;
    height: 12px;
    }

    .mon_onglet{
    float: left;
    padding: 5px 10px;
    margin-right: 15px;
    color: #ffffff;
    background: gray;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    list-style-type: none;
    text-shadow: #ffffff 0px 0px 2px;
    font-size: 15pt;
    margin-bottom: 15px;
    align : center;
    -moz-box-shadow: #ffffff 0px 0px 1px;}

    .mon_onglet:hover{
    background: gray;
    list-style-type: none;
    font-size: 15pt;}

    .mon_onglet_selected{
    float: left;
    padding: 5px 10px;
    margin-right: 15px;
    color: #ffffff;
    background: gray;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    list-style-type: none;
    text-shadow: #000000 0px 0px 2px;
    font-size: 15pt;
    margin-bottom: 15px;
    align : center;
    -moz-box-shadow: #ffffff 0px 0px 1px;}

    .clear{
    clear: both;
    }

    .mon_contenu{
    color: #ffffff;
    background: gray;
    padding: 10px;
    font-size: 11px;
    list-style-type: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 0px 2px #ffffff;}

    #mes_contenus, #mes_onglets{
    width: 650px;
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://couleurs-en-folies.forumsactifs.net
 
Code Css HON
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: