patoche Admin
Messages : 10 Date d'inscription : 21/05/2015 | Sujet: CSSCSS CSS CSS CSS CSS | | Message posté par: patoche Mer 2 Mar - 13:45 | /********* DÉBUT CATÉGORIES ***********/ /* Mise en place du conteneur d'onglets */ #conteneur_onglets_cate { /* Taille (largeur et hauteur) */ width: 95%; height: 25px; margin: auto; margin-top: 20px; margin-bottom: 30px; overflow: visible; /* Couleur de fond */ background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d510.png) ; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; display: none; text-align: center; }
/* Mise en forme des noms d'onglets */ #conteneur_onglets_cate div { display: inline-block; verctical-align: bottom; position: relative; bottom: 25px; margin: 10px; /* Couleur */ color: #AA0000; font-size: 19pt; /* Police d'écriture */ font-family: 'UnifrakturMaguntia', cursive; font-weight:bold; transition: all ease 1s; }
/* Effet au passage de la souris sur les noms d'onglets */ #conteneur_onglets_cate div:hover { color: #43586B; transition: all ease 1s; } /* CSS pour les onglets */ .onglet_cate { cursor: pointer; }
/* CSS pour retirer le contour de catégories */ .categorie .forumline { border: 1px solid; }
/* Mise en pace du titre de catégorie */ .secondarytitle { width: 100%; text-align: center; }
/* Mise en forme du titre de catégorie */ .secondarytitle h2 { color: #3C4A55; font-size: 20pt; font-family: 'UnifrakturMaguntia', cursive; font-weight:bold; letter-spacing: 0px; transition: all ease 1s; }
/* Effet au passage de la souris sur le titre de catégorie */ .secondarytitle h2:hover { letter-spacing: 3px; transition: all ease 1s; }
/* Mise en forme du titre de sous-forum 8position) */ .titre_forum { width: 90%; margin: auto; margin-bottom: -10px; text-align: left; }
/* Mise ne forme du lien de sous-forum */ a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited { /* Couleur, taille et police */ color: #141A28; font-size: 16pt; font-family: 'UnifrakturMaguntia', cursive; font-weight:bold; /* Mise ne place de l'effet */ letter-spacing: 0px; transition: all ease 1s; }
/* Effet au passage de la souris sur les liens de sous-forum */ a.forumlink:hover { color: #45576B; text-decoration: none !important; letter-spacing: 2px; transition: all ease 1s; }
/* Contour des sous-forums */ .conteneur_forum { width: 930px; margin: auto; padding: 10px; border-radius: 20px; /* Couleur de fond */ background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d510.png) ; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; }
/* Countour de la description de sous-froums */ .description_forum { display: inline-block; vertical-align: top; /* Taille */ width: 640px; height: 80px; padding: 10px; margin: 5px; margin-left: 60px; border-radius: 10px; /* Couleur de fond */ background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; overflow: hidden; }
/* Position de l'image dans la description */ .description_forum img { float: left; margin-right: 10px; border-radius: 5px; }
/* Mise en forme du texte dans la description */ .description_forum p { width: 320px; height: 70px; margin: 0px; overflow: auto; /* Couleur du texte */ color: #43586B; text-align: justify; }
/* Conteneur des statistiques et dernier message */ .conteneur_stats { display: inline-block; vertical-align: top; text-align: center; /* Taille */ width: 140px; height: 90px; padding-bottom: 10px; margin: 5px; overflow: hidden; border-radius: 10px; /* Couleur de fond */ background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; }
/* Arrondi sur l'image de nouveau/pas de nouveaux/verrouillé */ .conteneur_stats .folder_img { border-radius: 10px; }
/* Mise en forme de X messages dans X sujets */ .conteneur_stats .stats { text-align: center; /* Couleur */ color: #43586B; font-size: 8pt; font-family: 'UnifrakturMaguntia', cursive; font-weight:bold; }
/* Mise en forme du lien du dernier sujet */ .conteneur_stats .gensmall a { color: #3C4A55; text-decoration: none !important; transition: all ease 1s; }
/* Effet au hover */ .conteneur_stats .gensmall a:hover { color: #B2B2B2; text-decoration: none !important; transition: all ease 1s; }
/* Conteneur des liens déflants du sous-forum */ .conteneur_liens_ss_forums { /* Taille */ width: 610px; height: 15px; padding-top: 5px; margin: auto; margin-top: 10px; overflow: hidden; border-radius: 10px; /* Couleur de fond */ background: url(https://i.servimg.com/u/f84/19/41/06/64/jaune_11.jpg) ; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; }
/* Mise en forme des liens vers les sous-forums */ .conteneur_liens_ss_forums a { color: #3C4A55; text-decoration: none !important; transition: all ease 1s; }
/* Effet au Hover */ .conteneur_liens_ss_forums a:hover { color: #B2B2B2; text-decoration: none !important; transition: all ease 1s; } /********* FIN CATÉGORIES ***********/ |
|
patoche Admin
Messages : 10 Date d'inscription : 21/05/2015 | Sujet: Re: CSSCSS CSS CSS CSS CSS | | Message posté par: patoche Mer 2 Mar - 22:55 | CSS de l'index-box N° 2
/* ------------------ CATÉGORIES -------------------- */
/* TABLE CATÉGORIES */ .forumline.tfa{ background: url(https://i.servimg.com/u/f84/19/41/06/64/bleufo10.jpg)! Important; border: 1px #0EF5F1 double; border-left: 5px #0EF5F1 double; border-right: 5px #0EF5F1 double; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; } /* TITRE CATÉGORIE */ .secondarytitle, .secondarytitle h2 { font: 17px Oleo Script; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } /* TITRE CATÉGORIE AU SURVOL */ .secondarytitle:hover, .secondarytitle h2:hover { font-size: 22px; color: #CC0000; } /* TITRE FORUM */ .forum_titre{ float: left; width: 70%; margin: 0; padding: 0; } span .forumlink{ position: relative; top: -10px; left: 40px; display: bock; width: 90%; } .forumlink { font: 16px Oleo Script; color: #FFFFFF; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } /* TITRE FORUM AU SURVOL */ .forumlink:hover{ font-size: 20px; margin-left: 20px; color: #CC0000; } .forum_titre{ background: url('https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png') transparent 14px 0px no-repeat; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .forum_titre:hover{ background: url('https://i.servimg.com/u/f45/11/95/30/70/lkj510.png') transparent 100% 0px no-repeat; } /* NOMBRE MESSAGES - NOMBRE SUJETS */ .tfa_suj_mess{ float: left; width: 30%; margin: 0; padding: 0; text-align: right; } .tfa_suj_mess .gensmall{ font: 12px UnifrakturMaguntia; color: #FFFFFF; position: relative; top: -10px; right: 15px; display: bock; width: 90%; } .chiffres{ font: 13px Oleo Script; color: #DD6900; } /* DESCRIPTION */ .tfa_description{ position: relative; width: 99%; margin: auto; background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png)! Important; border: 2px #0EF5F1 double; border-left: 5px #0EF5F1 double; border-right: 5px #0EF5F1 double; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top: none; } .descrp{ width: 98%; margin: auto; padding: 3px 0; } .modo{ width: 98%; margin: auto; margin-top: 3px; } /* DERNIERS MESSAGES */ .derniers_tfa_messages{ position: relative; width: 94%; margin: auto; padding: 0; background: url(https://i.servimg.com/u/f84/19/41/06/64/2zf7d511.png)! Important; border: 2px #0EF5F1 double; border-left: 5px #0EF5F1 double ; border-right: 5px #0EF5F1 double; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top: none; } .derniers_tfa_messages .gensmall.tfa{ width: 96%; margin: auto; display: block; margin: 0 auto 5px; } /* ICONES NEW - NO NEW - CLOS */ .icone_tfa_cat{ position: relative; width: 100%; text-align: center; top: -15px; } /* SOUS FORUMS */ .tfa_sous_forum{ width: 100%; text-align: center; margin: 7px auto; } /* LIENS SOUS-FORUMS */ .tfa_sous_forum a.gensmall{ diplay: inline-block; background: url(https://i.servimg.com/u/f84/19/41/06/64/bleufo11.jpg)! Important; margin: 0 2px; padding: 2px; font: 12px UnifrakturMaguntia; color: #FFFFFF; border: 2px #0EF5F1 double; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.8s ease; /* pour navigateur webkit */ -moz-transition: all 0.8s ease; /* pour navigateur mozilla */ -o-transition: all 0.8s ease; /* pour navigateur opera */ transition: all 0.8s ease; /* pour les navigateurs récents */ } /* LIENS SOUS-FORUMS AU SURVOL */ .tfa_sous_forum a.gensmall:hover{ padding: 8px; font: 18px UnifrakturMaguntia; color: #FFFFFF; background: url(https://i.servimg.com/u/f84/19/41/06/64/770cc511.jpg)! Important; border-left: 2px #0EF5F1 double; border-right: 2px #0EF5F1 double; -moz-box-shadow: 3px 1px 2px #000; -webkit-box-shadow: 3px 1px 2px #000; box-shadow: 3px 1px 2px #000; text-decoration: none !important; -webkit-transform : rotate(-20deg);/* pour navigateur webkit */ -moz-transform : rotate(-20deg); /* pour navigateur mozilla */ -o-transform : rotate(-20deg);/* pour navigateur opera */ transform: rotate(-20deg); /* pour les navigateurs récents */ } |
|