problème de css
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
problème de css
coucou voila le lien de mon forum http://blackbuttler.forum-canada.com
j' ai un probleme de css il dit le message suivant Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.
j'ai aussi une question sur le css: j'ai essaye de trouver le code pour le queel que je viens d' installer l' endroit ou je peux change l'image en bacgroud et le personnage ? Merci
merci pour votre aide
j' ai un probleme de css il dit le message suivant Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.
j'ai aussi une question sur le css: j'ai essaye de trouver le code pour le queel que je viens d' installer l' endroit ou je peux change l'image en bacgroud et le personnage ? Merci
- Code:
#navig
{
width:1200px;
margin: auto;
text-align: center;
}
#navigation
{
#navigation
{
position: fixed;
z-index: 999;
}
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
body {
background-position: top center;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #d9d9d9;
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: #9c9c9c;
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: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
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: #c8c8c8;
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: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin-top: 2px;
margin-right: 5px;
margin-bottom: 2px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px;
left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding-top: 30px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - {
display: none;
}
#i_logo {
margin-right: -10px;
margin-left: -10px;
margin-top: -10px;
margin-bottom: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1 px#d1bfa5;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding-right: 12px;
padding-left: 14px;
padding-bottom: 3px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none!important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
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;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
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;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
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;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
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;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-left: 3px solid #371e1a;
border-right: 3px solid #371e1a;
border-top: 1px solid #371e1a;
border-bottom: 1px solid #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
merci pour votre aide
Dernière édition par Little_dragon le Mer 4 Juin 2014 - 21:50, édité 2 fois
Re: problème de css
Bonjour,
Le problème doit venir de ce passage :
Remplacez le par ceci :
Cordialement .
EDIT: Oops, quelqu'un est déjà passé par ici .
Le problème doit venir de ce passage :
- Code:
#navigation
{
#navigation
{
position: fixed;
z-index: 999;
}
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
Remplacez le par ceci :
- Code:
#navigation{
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
Cordialement .
EDIT: Oops, quelqu'un est déjà passé par ici .
Re: problème de css
SeLfde4Th7 a écrit:Bonjour,
Le problème doit venir de ce passage :
- Code:
#navigation
{
#navigation
{
position: fixed;
z-index: 999;
}
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
Remplacez le par ceci :
- Code:
#navigation{
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
Cordialement .
EDIT: Oops, quelqu'un est déjà passé par ici .
J'ai supprimé ma réponse qui était incomplète La tienne est la meilleure !
Re: problème de css
coucou j' a fais exactement ce que vous avez dit mais il me dit le meme message :S je crois que c' est parce que j' ai voulu effacer un code d'une ancienne pa mais j' ai pas tout effacer mais je ne trouve pas dans tout le code css :S je suis perdu il y a trop de code que je me sers plus pour les pa et un ancien queel je viens d' en mettre un nouveau mais je trouvais pas l'autre ayant peur d'effacer des bons codes :S
Re: problème de css
Bonsoir,
Il y a plusieurs autres problèmes dans votre CSS.
Notamment ici :
Et ici :
Cordialement.
Il y a plusieurs autres problèmes dans votre CSS.
Notamment ici :
- Code:
-RETRAIT : ce CSS pose de nombreux problèmes - {
display: none;
}
Et ici :
- Code:
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
Cordialement.
Invité- Invité
Re: problème de css
Re,
J'ai survolé le CSS et ai corrigé quelques erreurs comme les :
la valeur all n'est pas un valeur de tranform mais plutôt de transition, j'ai donc placé all dans les transitions.
Et :
qui ne s'écrivent pas comme ça, puis j'ai placé quelques margin, padding, etc.. sur une ligne ou lieu de 2, 3, 4 et pour ce qui est de la deuxième partie dont parle Nightmare. j'ai supposé que les class à y mettre sont les mêmes qu'au dessus avec un :hover :
Pouvez-vous essayer de remplacer donc votre CSS complet par ceci, voir ce que ça donne :
J'ai survolé le CSS et ai corrigé quelques erreurs comme les :
- Code:
transform: all;
la valeur all n'est pas un valeur de tranform mais plutôt de transition, j'ai donc placé all dans les transitions.
Et :
- Code:
-moz-border-radius-bottomleft:Xpx;
-moz-border-radius-bottomright:Xpx;
qui ne s'écrivent pas comme ça, puis j'ai placé quelques margin, padding, etc.. sur une ligne ou lieu de 2, 3, 4 et pour ce qui est de la deuxième partie dont parle Nightmare. j'ai supposé que les class à y mettre sont les mêmes qu'au dessus avec un :hover :
- Code:
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover
Pouvez-vous essayer de remplacer donc votre CSS complet par ceci, voir ce que ça donne :
- Code:
body{
background-position: top center;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -30px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
Re: problème de css
salut le code fonctionne a merveille par contre une petite chose ma barre de navigation n' est pas fixe en haut de la banniere ? et je voudrais savoir comment je peux aussi changer la grosseur de la taille des mots et de la couleur ? Merci beaucoup
Re: problème de css
Re,
pour la position de la barre changer la position fixed de ce passage :
Par :
Pour le reste vous parlez du texte de cette barre de navigation ?
pour la position de la barre changer la position fixed de ce passage :
- Code:
#navigation{
position: fixed;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
Par :
- Code:
position: absolute;
Pour le reste vous parlez du texte de cette barre de navigation ?
Re: problème de css
oui le texte car il est gros je trouve et pas de la bonne couleur ! Merci :)je vais rajoutez sa
j' ai remarque quelques choses a propos du forum qui a change apres le nouveau code css mes titres de categories on changee de taille et mes colones de deux son rendu coller alors qu' ils sont supposer etre separer .. je ne sais pas pourquoi? merci
j' ai remarque quelques choses a propos du forum qui a change apres le nouveau code css mes titres de categories on changee de taille et mes colones de deux son rendu coller alors qu' ils sont supposer etre separer .. je ne sais pas pourquoi? merci
Re: problème de css
Pour la taille et la couleur du texte il faut ajouter deux lignes toujours dans le même bloc :
Le font-size correspond à la taille du texte, il suffit de changer les chiffres de la valeur pour le configurer plus gros ou plus petit .
Puis pour la couleur changer #000 (couleur noir) il faut changer le code(hexadécimal) par celui de la couleur que vous désirez, vous avez une liste des codes couleur ici : http://fr.wikipedia.org/wiki/Liste_de_couleurs#Liste
Cordialement .
- Code:
font-size: 16px;
color:#000;
Le font-size correspond à la taille du texte, il suffit de changer les chiffres de la valeur pour le configurer plus gros ou plus petit .
Puis pour la couleur changer #000 (couleur noir) il faut changer le code(hexadécimal) par celui de la couleur que vous désirez, vous avez une liste des codes couleur ici : http://fr.wikipedia.org/wiki/Liste_de_couleurs#Liste
Cordialement .
Re: problème de css
coucou je sais que je suis fatiguante mais le forum a un probleme dans mes categories tout est decaler et les colonnes sont coller doivent etre separer je ne comprends pas pourquoi ils sont coller maintenant et j' ai change la taille pour le code que tu m as donnee rien ne change c' est normal ?
http://blackbuttler.forum-canada.com
merci beaucoup pour ton aide...
http://blackbuttler.forum-canada.com
merci beaucoup pour ton aide...
Re: problème de css
Re,
Vous n'êtes pas fatiguante , pour le problème des catégories essayez ceci :
Puis pour le texte de la barre essayez plutôt ceci alors :
Vous n'êtes pas fatiguante , pour le problème des catégories essayez ceci :
- Code:
.cate_titre{
padding-top:50px;
}
Puis pour le texte de la barre essayez plutôt ceci alors :
- Code:
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
Re: problème de css
coucou pour la navigation tout est parfait mais pour les categories il y a un probleme encore et pour les titre de categorie elle ont une petite taille elle etait plus grosse avant. voila merci pour votre precieuse aide
Re: problème de css
Bonjour,
Je ne vois pas le code que je vous ai donné pour les catégories :
Pour la taille je n'ai pas bien compris mais vous pouvez essayer ça :
Je ne vois pas le code que je vous ai donné pour les catégories :
- Code:
.cate_titre{
padding-top:50px;
}
Pour la taille je n'ai pas bien compris mais vous pouvez essayer ça :
- Code:
.forum{
height:300px;
}
Re: problème de css
salut avec ces deux codes je ne vois pas de changement je vous remonte le css
edit : desoler sa fait un double poste sans le vouloir
- Code:
.cate_titre{
padding-top:50px;
}
.forum{
height:200px;
}
#PanAccueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
}
#btNews {
position: absolute;
margin-top: 100px;
margin-left: 130px;
width: 80px;
height: 45px;
}
#btStaff {
position: absolute;
margin-top: 195px;
margin-left: 475px;
width: 120px;
height: 45px;
}
#btAmis {
position: absolute;
margin-top: 195px;
margin-left: 640px;
width: 110px;
height: 45px;
}
.news, .staff, .amis {
display: none;
}
.marquee {
height: 84px;
}
.partenaires {
margin: 5px 0 10px;
}body{
background-position: top center;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -30px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
edit : desoler sa fait un double poste sans le vouloir
Dernière édition par Little_dragon le Ven 30 Mai 2014 - 4:18, édité 1 fois
Re: problème de css
salut avec ces deux codes je ne vois pas de changement je vous remonte le css
edit : En faite pour la taille c'est la taille de l'écriture que j'aimerais changé de les titres de categories et les sous-titre j'aimerais qu'ils sont un peu plus gros et aussi pour les écritures dans mes carrer ou il y a l'image de old message j'ai remarqué que les écritures sont trop bases mais je ne sais pas du tout comment les changés
- Code:
.cate_titre{
padding-top:50px;
}
.forum{
height:200px;
}
#PanAccueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
}
#btNews {
position: absolute;
margin-top: 100px;
margin-left: 130px;
width: 80px;
height: 45px;
}
#btStaff {
position: absolute;
margin-top: 195px;
margin-left: 475px;
width: 120px;
height: 45px;
}
#btAmis {
position: absolute;
margin-top: 195px;
margin-left: 640px;
width: 110px;
height: 45px;
}
.news, .staff, .amis {
display: none;
}
.marquee {
height: 84px;
}
.partenaires {
margin: 5px 0 10px;
}body{
background-position: top center;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -30px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
edit : En faite pour la taille c'est la taille de l'écriture que j'aimerais changé de les titres de categories et les sous-titre j'aimerais qu'ils sont un peu plus gros et aussi pour les écritures dans mes carrer ou il y a l'image de old message j'ai remarqué que les écritures sont trop bases mais je ne sais pas du tout comment les changés
Re: problème de css
Bonjour,
Pour les titres des catégories, utilisez ce CSS :
En changeant bien sur la valeur 22 par la taille que vous désirez .
Puis pour les titres des forums, utilisez ce CSS :
Je n'ai pas bien compris ce que vous vouliez dire par :
Bonne journée .
Pour les titres des catégories, utilisez ce CSS :
- Code:
.cate_titre h2{
font-size:22px;
}
En changeant bien sur la valeur 22 par la taille que vous désirez .
Puis pour les titres des forums, utilisez ce CSS :
- Code:
.forum .forumlink{
font-size:20px
}
Je n'ai pas bien compris ce que vous vouliez dire par :
et aussi pour les écritures dans mes carrer ou il y a l'image de old message j'ai remarqué que les écritures sont trop bases
Bonne journée .
Re: problème de css
salut voila une petite image j' aimerais mettre ce qui est encadrer plus haut c' est comme sa dans tout les cadres qu' il y a de l' ecriture...
merci sa fonctionner pour les codes
merci sa fonctionner pour les codes
Re: problème de css
Bonjour,
Pour que les images ne passent plus par dessus le texte, tapez .icone_stats dans la barre de recherche de la feuille de style et remplacez la ligne :
Par :
Pour ce qui est de l'espace au dessus de ce même texte ce doit être une balise laissé dans la description des forums :
Ou :
Pour que les images ne passent plus par dessus le texte, tapez .icone_stats dans la barre de recherche de la feuille de style et remplacez la ligne :
- Code:
margin: -30px auto 0px;
Par :
- Code:
margin: -15px auto 0px;
Pour ce qui est de l'espace au dessus de ce même texte ce doit être une balise laissé dans la description des forums :
- Code:
<br />
Ou :
- Code:
<p>
<br />
</p>
Re: problème de css
salut pour le br j' ai arrange mais pour ce qui est de l' image qui embarque par dessus l' ecriture sa na pas fonctionner aurait -il un autre moyen merci beaucoup
Re: problème de css
Bonjour,
Sur votre forum la ligne :
du bloc :
N'a pas été remplacer par :
Assurez vous de bien valider votre CSS quand vous faite la modification !
Sur votre forum la ligne :
- Code:
margin: -30px auto 0px;
du bloc :
- Code:
.icone_stats {
margin: -30px auto 0px;
width: 300px;
}
N'a pas été remplacer par :
- Code:
margin: -15px auto 0px;
Assurez vous de bien valider votre CSS quand vous faite la modification !
Re: problème de css
salut hum je l' ai remplace et cela n' a encore rien donnee est-ce normal ?
Re: problème de css
Bonjour,
Bien écoutez quand j'inspecte votre forum, même après avoir vidé le cache je ne vois pas le changement, êtes-vous sur de l'avoir fait au bon endroit, c'est à dire dans le bloc avec la class .icone_stats ?
Bien écoutez quand j'inspecte votre forum, même après avoir vidé le cache je ne vois pas le changement, êtes-vous sur de l'avoir fait au bon endroit, c'est à dire dans le bloc avec la class .icone_stats ?
Re: problème de css
coucou je suis sur et certaine que je les fais au bon endroit mais pour faire sur je vous le montre
- Code:
.cate_titre h2{
font-size:22px;
}
.forum .forumlink{
font-size:20px
}
.cate_titre{
padding-top:50px;
}
.forum{
height:200px;
}
#PanAccueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}
#btNews {
position: absolute;
margin-top: 195px;
margin-left: 350px;
width: 80px;
height: 45px;
}
#btStaff {
position: absolute;
margin-top: 195px;
margin-left: 475px;
width: 120px;
height: 45px;
}
#btAmis {
position: absolute;
margin-top: 195px;
margin-left: 640px;
width: 110px;
height: 45px;
}
.news, .staff, .amis {
display: none;
}
.marquee {
height: 84px;
}
.partenaires {
margin: 5px 0 10px;
}
.fen1 {
position: absolute;
margin-top: 133px;
margin-left: 28px;
width: 250px;
height: 350px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.fen2 {
position: absolute;
margin-top: 253px;
margin-left: 358px;
width: 410px;
height: 214px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -15px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -30px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
Re: problème de css
Bonjour,
Votre CSS est copié deux fois cherchez dans votre CSS .groupes le plus haut, celui ou il y a encore du contenu en dessous, puis supprimez tout le CSS en desous.
Votre CSS est copié deux fois cherchez dans votre CSS .groupes le plus haut, celui ou il y a encore du contenu en dessous, puis supprimez tout le CSS en desous.
Re: problème de css
salut voila j' ai fais ce que vous avez dit mais sa na pas changee non plus :S
je vous donne ce qu' il y a de mon code maintenant....
merci et desoler pour ce trouble la :S
je vous donne ce qu' il y a de mon code maintenant....
- Code:
.cate_titre h2{
font-size:22px;
}
.forum .forumlink{
font-size:20px
}
.cate_titre{
padding-top:50px;
}
.forum{
height:200px;
}
#PanAccueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}
#btNews {
position: absolute;
margin-top: 195px;
margin-left: 350px;
width: 80px;
height: 45px;
}
#btStaff {
position: absolute;
margin-top: 195px;
margin-left: 475px;
width: 120px;
height: 45px;
}
#btAmis {
position: absolute;
margin-top: 195px;
margin-left: 640px;
width: 110px;
height: 45px;
}
.news, .staff, .amis {
display: none;
}
.marquee {
height: 84px;
}
.partenaires {
margin: 5px 0 10px;
}
.fen1 {
position: absolute;
margin-top: 133px;
margin-left: 28px;
width: 250px;
height: 350px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.fen2 {
position: absolute;
margin-top: 253px;
margin-left: 358px;
width: 410px;
height: 214px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -15px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -30px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
merci et desoler pour ce trouble la :S
Re: problème de css
Bonjour,
Essayez en remplaçant tout votre CSS par :
Bonne journée .
Essayez en remplaçant tout votre CSS par :
- Code:
.cate_titre h2{
font-size:22px;
}
.forum .forumlink{
font-size:20px
}
.cate_titre{
padding-top:50px;
}
.forum{
height:200px;
}
#PanAccueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}
#btNews {
position: absolute;
margin-top: 195px;
margin-left: 350px;
width: 80px;
height: 45px;
}
#btStaff {
position: absolute;
margin-top: 195px;
margin-left: 475px;
width: 120px;
height: 45px;
}
#btAmis {
position: absolute;
margin-top: 195px;
margin-left: 640px;
width: 110px;
height: 45px;
}
.news, .staff, .amis {
display: none;
}
.marquee {
height: 84px;
}
.partenaires {
margin: 5px 0 10px;
}
.fen1 {
position: absolute;
margin-top: 133px;
margin-left: 28px;
width: 250px;
height: 350px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.fen2 {
position: absolute;
margin-top: 253px;
margin-left: 358px;
width: 410px;
height: 214px;
overflow: auto;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
font-size: 16px;
color:#000;
}
#navig{
width:1200px;
margin: auto;
text-align: center;
}
#navigation{
position: absolute;
z-index: 999;
width: 100%;
background-color: #cecece;
border-bottom: 2px solid #828282;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
table.forumline {
border: 1px dotted;
}
a:hover {
text-transform: uppercase;
}
a:hover, a:link {
text-decoration: none !important;
}
.bodylinewidth {
width: 990px;
margin: auto;
margin-top: 380px;
}
a.mainmenu {
text-decoration: none;
color: #9A4054;
font-size: 22px;
font-family: Brush Script MT;
text-shadow: 0 0 0 #B9AF96;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
a.mainmenu:hover {
text-decoration: none;
color: #D4474D;
text-shadow: 0 2px 2px #EBEAE6;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.bodyline {
padding: 0;
}
.forumline {
border-top: 5px solid #EADBDD;
border-bottom: 5px solid #EADBDD;
}
.cate_titre {
clear: both;
height: 100px;
margin-top: 50px;
}
.catetitre_bloc {
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin: auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content {
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin: -40px auto 0px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;
}
.catetitre {
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
width: 950px;
margin: -30px auto 0px;
}
.forum {
float: left;
width: 460px;
height: 250px;
margin-left: 0px 5px 50px;
}
a.forumlink {
position: relative;
z-index: 2;
width: 100%;
color: #454545;
text-align: center;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin: -8px auto 0px;
background-color: #d9d9d9;
border: 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: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.description_contenu:hover {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: -15px auto 0px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #c8c8c8;
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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 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-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 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;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
color: #fff !important;
}
a {
color: #D6AA45;
text-decoration: none;
}
.toolbar_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#pa_welcome {
font-family: Calligraffitti, cursive;
font-size: 30px;
word-spacing: 3px;
color: #609AB5;
text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
text-align: center;
text-transform: lowercase;
font-size: 20px;
}
.pa_td {
vertical-align: top;
text-align: justify;
margin: 2px 5px;
padding: 2px 5px;
background-color: #fff;
border: 1px solid #E3E3E3;
border-radius: 8px;
}
.pa_titre {
color: #609AB5;
font-family: 'Dancing Script', cursive;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #609AB5;
}
#nav_barr {
position: fixed;
width: 790px;
background-color: #fff;
border: 1px #fff solid;
margin-left: -395px;
left: 50%;
opacity: .9;
height: 25px;
}
.quote .code {
width: 500px;
overflow-x: auto;
}
::-webkit-scrollbar {
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #a5a5a5;
background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
border-radius: 30px;
}
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "Oserez-vous parler ?";
}
.selectCode {
float: right;
text-transform: uppercase;
cursor: pointer;
color: #00f;
}
.signature_div img {
max-height: 300px;
max-width: 500px;
}
div.infobulle {
position: relative;
float: left;
color: #000;
}
div.infobulle span {
display: none;
}
div.infobulle:hover {
background: 0 0;
z-index: 999;
color: #000;
}
div.infobulle:hover span {
display: inline;
position: absolute;
width: 150px;
height: auto;
top: 115px; left: 25px;
background-color: beige;
padding: 3px;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
a.lienpa {
font-size: 30px;
font-family: Impact;
color: #000;
letter-spacing: 2px;
}
a.lienpa:hover {
font-size: 30px;
font-family: impact;
color: gray;
letter-spacing: 2px;
}
.contourlien {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: beige;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourlien:hover {
width: 650px;
border: 2px #000 solid;
padding: 10px;
text-align: center;
background-color: #fff;
float: left;
margin-bottom: -30px;
margin-left: 60px;
}
.contourpa {
border: 2px #000 solid;
padding: 30px 10px 10px;
background-color: beige;
}
.presforum {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.presforum:hover {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.titre {
font-size: 30px;
font-family: impact;
letter-spacing: 1px;
text-align: center;
color: gray;
margin-bottom: -7px;
}
.actus {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.actus:hover {
height: 90px;
overflow: auto;
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.partenaire {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: beige;
}
.partenaire:hover {
height: 90px;
overflow: auto;
text-align: center;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 12px;
font-family: comic sans ms;
background-color: #fff;
}
.credits {
text-align: justify;
border: 2px #000 solid;
padding: 10px;
color: #000;
font-size: 10px;
font-family: comic sans ms;
}
#tfa_cycle {
width: 600px;
height: 200px;
position: relative;
overflow: hidden;
margin: 10px auto;
padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
width: 580px;
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.tfa_cycle_content {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
border-left: 6px solid #bc0a27;
border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
border-left: 6px solid #78b8ca;
border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
width: 580px;
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;
font: 17px Orbitron;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #42b1ff;
text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
font: 22px Verdana;
font-weight: 700;
color: #C00;
text-shadow: 0 1px 0 #000;
}
.imgix {
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img {
border: 2px solid #2c587b;
}
.my_news p {
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}
div.bulle_msg {
position: relative;
cursor: pointer;
}
div.bulle_msg>div {
display: none;
}
div.bulle_msg:hover {
background: 0 0;
z-index: 500;
}
div.bulle_msg:hover>div {
display: block;
position: absolute;
top: 5px;
left: 15px;
white-space: nowrap;
background: #7498A8;
color: #000;
padding: 3px;
border: 1px dotted #000;
}
input.post, textarea.post {
border-radius: 20px;
}
#i_logo {
margin: -10px;
}
.opacity img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}
.opacity img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.quote {
font-family: Tahoma;
font-size: 10px;
color: #000;
line-height: 105%;
border: 1px #d1bfa5 solid;
-moz-border-radius: 6px;
}
.code {
font-family: Courier, Courier New, sans-serif;
font-size: 11px;
color: #000;
border: 1px solid #d1bfa5;
-moz-border-radius: 6px;
}
input, select, textarea {
-moz-border-radius:9px;
}
.categ {
background-color: #dbcfbc;
padding: 5px;
}
.categcont {
background-color: #e0d7c9;
padding: 5px;
border: 1px solid #a19787;
height: 100px;
overflow: auto;
}
.statistiques {
border: 0;
background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.groupes {
-moz-border-radius: 8px;
height: 40px;
padding: 0px 12px 3px 14px;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.qeel {
background-image: url('IMAGE OF FOOTER');
width: 800px;
height: 238px;
margin: auto;
}
.avatar_mess {
display: block;
width: 200px;
height: 320px;
margin-left: -10px;
margin-right: 10px;
overflow: hidden;
background: #272726;
border: 5px solid #3e1d19;
-ms-transform: rotate(-5deg);
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
-htm-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.avatar_mess:hover {
margin-left: 5px;
-ms-transform: rotate(0deg);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess {
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #fff;
color: #c5bea0;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.profil_mess:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-htm-transition: all 1s;
-webkit-transition: all 1s;
}
.pseudo_mess {
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: 700;
text-shadow: 0 0 3px #c5bea0;
background: #EADAC6;
padding-top: 5px;
border-width: 1px 3px;
border-style: solid;
border-color: #371e1a;
box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px #000;
-o-box-shadow: 0 0 3px #000;
-htm-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
width: 950px;
margin: 10px auto 5px;
height: 200px;
padding: 10px;
background: #d2d6d6;
border: 1px solid #efefef;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 5px #425e5c;
-moz-box-shadow: 0 0 5px #425e5c;
-o-box-shadow: 0 0 5px #425e5c;
-htm-box-shadow: 0 0 5px #425e5c;
-webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
width: 950px;
height: 200px;
overflow: hidden;
}
#nu31_links {
float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
width: 150px;
height: 48px;
margin-bottom: 2px;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
filter: alpha(opacity=60);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu1 {
width: 800px;
height: 200px;
margin-left: 150px;
background: #e8e8e8;
border: 1px solid #cccaca;
}
.nu31_contenu2 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu3 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -50px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu4 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -100px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu5 {
position: absolute;
width: 0;
height: 200px;
margin-left: 150px;
margin-top: -150px;
overflow: hidden;
background: #e9c8a4;
border: 1px solid #cccaca;
color: #8a6c4c;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
width: 800px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.nu31_contenu {
display: block;
padding: 5px;
color: #965423;
font-size: 10px;
text-align: justify;
}
#f1_accueil {
width: 800px;
height: 500px;
margin: auto;
background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
text-shadow: none!important;
}
#f1_accueil a {
color: #ba8550!important;
text-shadow: none!important;
}
#f1_accueil a:hover {
color: #e58f3a!important;
text-shadow: none!important;
}
.f1_col1 {
width: 300px;
vertical-align: top;
}
.f1_contexte {
width: 220px;
height: 300px;
overflow: auto;
margin-top: 130px;
margin-left: 65px;
text-align: justify;
color: #7e6144;
text-shadow: 1px 1px 0 #fff;
}
.f1_bloconglets {
margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3 {
display: inline-block;
width: 110px;
height: 50px;
}
.f1_onglet1 {
margin-left: 50px;
margin-right: 25px;
}
.f1_onglet2 {
margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3 {
position: absolute;
width: 0;
height: 220px;
margin-top: 40px;
padding-top: 40px;
overflow: hidden;
font-size: 11px;
color: #7e6144;
}
.f1_contenu1 {
margin-left: -10px;
}
.f1_contenu2 {
margin-left: -149px;
}
.f1_contenu3 {
margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
width: 400px;
}
.f1_liens {
display: block;
text-align: center;
}
.f1_liens a {
font-size: 16px;
font-weight: 700;
}
.f1_friends, .f1_news {
width: 200px;
height: 200px;
overflow: hidden;
text-align: justify;
}
.f1_credits, .f1_topsites {
height: 150px;
border-left: 1px solid #d19962;
margin-left: 5px;
padding: 5px;
text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
display: block;
width: 50px;
height: 50px;
background: url() #d19962;
margin: 20px 0;
border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
position: absolute;
width: 0;
height: 150px;
background: #fff;
margin-left: 80px;
overflow: hidden;
}
.f1_staffcontenu2 {
margin-top: -72px;
}
.f1_staffcontenu3 {
margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
width: 300px;
border: 1px solid #d19962;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
Bonne journée .
Re: problème de css
salut SeLfde4Th7, un probleme de regler merci beaucoup pour ton aide
et pour ton temps.
passe une belle journee
et pour ton temps.
passe une belle journee
Re: problème de css
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Sujets similaires
» [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
» probleme avec certaines adresses mails qui posent problème pour se connecter sur le forum quand on rempli son profil..
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème apparence forum & problème code Javascript
» Problème avec mon code de formulaire de problème.
» probleme avec certaines adresses mails qui posent problème pour se connecter sur le forum quand on rempli son profil..
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème apparence forum & problème code Javascript
» Problème avec mon code de formulaire de problème.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum