Papaaaa
Messages : 174 Date d'inscription : 12/02/2012
| Sujet: CSS pour Forum sur deux colonnes 23/5/2013, 14:40 | |
| - Code:
-
/* MISE EN FORME DES CATEGORIES ET FORUMS */
.cate_titre { clear: both; height: 100px; margin-top: 50px; } .catetitre_content { position: absolute; z-index: 2; display: block; width: 950px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; padding: 2px; } .catetitre { color: #8CC6D7; font-family: Georgia; font-size: 60px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0px #000000; }
.forum { float: left; width: 460px; height: 250px; margin-left: 5px; margin-right: 5px; margin-bottom: 50px; } a.forumlink { position: relative; z-index: 2; display: block; width: 100%; color: #454545; text-align: center; font-family: Georgia; font-size: 32px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0px #000000; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } a.forumlink:hover { letter-spacing: 4px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .forum_contenu { position: relative; z-index: 1; width: 98%; height: 90%; padding: 2px; margin-left: auto; margin-right: auto; margin-top: -8px; background-image: url(http://www.marmistone.com/wp-content/files_mf/cache/th_c1298f73aff7b37d937a44ba578d6921_1294859169SUNNYOROLIGHT.jpg); border-left: 1px dotted #191817; border-right: 1px dotted #191817; border-bottom: 1px dotted #191817; border-top: 5px solid #191817; } .description { display: block; width: 400px; margin: auto; height: 100px; overflow: hidden; border: 2px solid #9c9c9c; box-shadow: 1px 1px 1px #191817; -moz-box-shadow: 1px 1px 1px #191817; -htm-box-shadow: 1px 1px 1px #191817; -webkit-box-shadow: 1px 1px 1px #191817; -o-box-shadow: 1px 1px 1px #191817; } .description_contenu { position: absolute; display: block; width: 391px; height: 91px; overflow: auto; background-color: #191817; font-size: 10px; color: #ffffff; text-align: justify; padding: 5px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .description_contenu:hover { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .icone_stats { width: 300px; margin: auto; margin-top: -30px; } .stats_lastpost { display: block; width: 160px; height: 80px; margin-left: 10px; background-color: transparent; border: 1px solid #b5b5b5; padding: 5px; text-align: center; } .stats { display: block; margin-bottom: 5px; border-bottom: 1px dotted #b5b5b5; padding-bottom: 5px; font-size: 10px; color: #8f8f8f; } .lastpost { display: block; font-size: 11px; } .sforum { position: relative; z-index: 3; display: block; height: 0; background: #191817; color: #b5b5b5; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .ouverture_sousforum { position: relative; z-index: 3; display: block; float: right; width: 120px; margin-right: 20px; background: #191817; color: #b5b5b5; font-size: 11px; text-align: center; padding: 4px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .sous_forum:hover .sforum { height: 50px; background: #191817; color: #b5b5b5; padding: 4px; overflow: auto; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .sous_forum a { color: #ffffff !important; text-shadow: 1px 1px 0px #000000; } .sous_forum a:hover { color: #B5DED0 !important; } | |
|