Forum très très large, alors qu'on installe les codes lors de la maintenance.  Bouton_activeForum très très large, alors qu'on installe les codes lors de la maintenance.  Bouton_hoverForum très très large, alors qu'on installe les codes lors de la maintenance.  Fb-hoverForum très très large, alors qu'on installe les codes lors de la maintenance.  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptySam 11 Fév 2023, 06:04 par Krager

-14%
Le deal à ne pas rater :
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 trs/min, Classe ...
299.99 € 349.99 €
Voir le deal

Partagez
 

Forum très très large, alors qu'on installe les codes lors de la maintenance.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Coucou,

Un gros souci que je n'avais pas vu sur le forum test, car je n'avais pas le design, le forum est démesurément grand...

Le forum rouvre ce soir à minuit, j'ai donc jusque là pour que le forum retrouve une taille normal...
Quelqu'un pour m'ader, j'ai regarder le CSS, je n'ai rien trouvé qui pourrait correspondre.
Code:
body {
background-repeat: repeat;
  background-position: none;
}

u {
text-decoration: none;
border-bottom: 1px #000000 dashed;
}

.forumline{
background-image: url(http://i.imgur.com/skvtI.jpg);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-bottom: 6px #4d6b58 solid;
border-top: 2px #4d6b58 solid;
border-right: 2px #4d6b58 solid;
border-left: 2px #4d6b58 solid;
text-align: justify;
background-color: #7cab7b;
padding-left: 15px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 15px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 12px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}

.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}


a.mainmenu{
font-family:  Georgia;
text-transform : lowercase;
font-weight: bold;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #000000;
font-size: 20px;
color:#a2cdb1;
}

a.mainmenu:hover {
text-decoration:none;
color:#A87556;
text-shadow: none;
border:dashed 0px #4d6b58;
text-shadow:1px 0px 1px #000000;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a.forumlink:hover {text-transform:uppercase;}
a:hover{text-transform:lowercase;}
a { text-decoration: none; }


.secondarytitle, .secondarytitle h2{
color: #ffffff;
font-size: 25px;
font-variant: small-caps;
text-align: center;
font-family: Georgia;
text-shadow:1px 1px 3px #000000;}

a.forumlink:link, a.forumlink:visited {
font-family:  Georgia;
font-weight: bold;
text-align: left;
font-size: 18px;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}

span a.forumlink:hover {
text-align: left;
text-transform : lowercase;
letter-spacing: 1px;
display: block;
text-decoration:none;
font-weight: bold;
}

.mes-credits
{
    font-weight:normal;
    font-variant:small-caps;
    color:#000000;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
/*
=======================================================
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
 */

 /* Conteneur du QEEL */
.Qeel {
  border:75px;
  min-height:250px;
  padding-left:100px;
    z-index: 999;
}

/* Conteneur principal */
.QeelMain {
  padding-left:25px;
  padding-top:80px;
  padding-right:25px;
  padding-bottom:80px;
}

.ListeGroupes {
  text-align:center;
}

/* Mise en forme des liens des groupes */
.ListeGroupes a {
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}

/* Mise en forme des liens des groupes au survol */
.ListeGroupes a:hover{
  background:#F0F0F0;
  color:#CAA8E8;
    z-index: 999;
}

/* Pour chaque groupe, préciser la couleur */
a.groupe1 {
  color:#6C6366;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe2 {
  color:#F736A4;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe3 {
  color:#01B0F0;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe4 {
  color:#7C3E00;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe5 {
  color:#F4A453;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe6 {
  color:#009A38;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe7 {
  color:#FAADED;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe8 {
  color:#B100E7;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe9 {
  color:#F3CB01;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
  z-index: 999;
/* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
.LesStatistiques {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
.MembresOnline {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres connectés au cours des dernières XX heures */
.Historique {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Correctif liste 24h */
.Liste24h td.row1 { background : none; }

/*Cadre du qeel*/
.cadre-qeel{
  border: 2px dashed grey;
  height: 200px;
  width: 725px;
  overflow: auto;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.barre-centre-qeel{
  border-right: 2px solid #000000;
  padding: 2px;
  width: 300px;
  height: 200px;
  opacity: 0.5;
  -moz-opacity: 0.5;
}
/*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
=======================================================
FIN DU CODE
=======================================================
*/

/*
=======================================================
MISE EN FORME DES CATEGORIES
=======================================================
DEBUT DU CODE
=======================================================
*/
.cate
{
  width: 400px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 400px;
  height: 120px;
  margin-left: 0px;
    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;
}
.cate:hover .cate_img
{
margin-left: 400px;
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;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}
/*
=======================================================
MISE EN FORME DES CATEGORIES
=======================================================
FIN DU CODE
=======================================================
*/


body { cursor: url("cross_16903.cur"); }

.untruc {
  float: left;
  background-color: transparent;
  padding: 10px;
}

.deuxtruc {
  float: right;
  padding: 10px;
  background-color: transparent;
  height: 120px;
  overflow: auto;
}

/*
=======================================================
MISE EN FORME DES INFOBULLES
=======================================================
DEBUT DU CODE
=======================================================
*/

div.infobulle {
  position: relative; /* on définit le bloc comme élément de référence */
  cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
}

div.infobulle > div{
  display: none; /* ceci masque l'infobulle */
}

div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on s'arrange pour que notre bloc soit au dessus des autres en cas de conflit */
}

/* Lorsqu'on survole le contenu du bloc */
div.infobulle:hover > div{
  display: block; /* ceci affiche l'infobulle (on peut aussi utiliser inline au lieu de block) */

  /* on positionne notre infobulle par rapport au bloc conteneur */
  position: center;
  top: 5px; /* 5px par rapport au haut du bloc .infobulle */
  left: 15px; /* 15 px par rapport à la gauche du bloc .infobulle */

  /* Et puis on rajoute tous les éléments de mise en forme de l'infobulle */
  background: #ebebeb; /* arrière-plan de l'infobulle */
  color: black; /* texte dans l'infobulle */
  padding: 3px; /* marges internes par rapport aux bords */
  /* bordures de votre infobulle*/
  border: 1px dotted black;
}
/*
=======================================================
MISE EN FORME DES INFOBULLES
=======================================================
FIN DU CODE
=======================================================
*/
/*
=======================================================
MISE EN FORME DE LA MENTION "SELECTIONNER LE CONTENU"
=======================================================
DEBUT DU CODE
=======================================================
*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*
=======================================================
MISE EN FORME DE LA MENTION "SELECTIONNER LE CONTENU"
=======================================================
FIN DU CODE
=======================================================
*/
/*
=======================================================
MISE EN FORME DES SOUS-FORUM 1
=======================================================
DEBUT DU CODE
=======================================================
*/
/* *********************************************************
  Personnalisation des descriptions de catégories
  Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/

/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
  /* largeur de la cellule */
  width:150px;
 
  /* on donne une apparence personnalisée à la cellule */
  /* des bordures arrondies... */
  -moz-border-radius : 1px 5px 5px 5px;
  -webkit-border-radius : 1px 5px 5px 5px;
  border-radius : 1px 5px 5px 5px;
  /* un fond : couleur, image, positionnement de l'image de fond */
  background : #ffffff url('URL-IMG-FOND') top center no-repeat;
}

/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
  display:block; /* IMPORTANT : on transforme les liens en blocs */
  text-align:center; /* on centre le texte dans les blocs */
  margin: 5px 0px; /* marges extérieures haut/bas puis droite/gauche */
  padding:2px 4px; /* marges intérieures (entre les bords et le texte) */
  border : 1px solid #999999; /* bordure : épaisseur type couleur */
  background: #f0f0f0;      /* couleur de fond */
 
  /* on personnalise un peu le texte */
  color : #990000; /* couleur du lien */
  font-size: 12px;  /* taille du texte */
  letter-spacing:1px;      /* espacement entre les lettres */
  font-weight:bold;      /* texte en gras */
  /* ... etc */
}

/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
  text-align:justify;  /* texte justifié */
  padding:5px;      /* marges intérieures */
 
  /* on donne une apparence personnalisée à la cellule */
  /* des bordures arrondies... */
  -moz-border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  -webkit-border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  /* un fond */
  background : #ffffff url('URL-IMG-FOND') top center no-repeat;
  /* on personnalise un peu le texte */
  color : #000000;
  font-size: 13px;  /* taille du texte */
}

/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
  height:100px;  /* hauteur du bloc de description */
  overflow:auto;      /* le scroll apparaît automatiquement si besoin */
  padding:5px;      /* marges intérieures, espacement par rapport à la barre de scroll */
}

/*
=======================================================
MISE EN FORME DES SOUS-FORUM
=======================================================
FIN DU CODE
=======================================================
*/

/*
=======================================================
MISE EN FORME DES CATEGORIES ET FORUMS
=======================================================
DEBUT DU CODE
=======================================================
*/
.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: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.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;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 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: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.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 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}

/*
=======================================================
MISE EN FORME DES CATEGORIES ET FORUMS
=======================================================
FIN DU CODE
=======================================================
*/


/*
=============================================
MISE EN FORME DES PROFILS DANS  LES MESSAGES
===============================================
DEBUT DU CODE
===============================================
*/
 .mon_profil_exterieur {
  width: 150px;
  background: #E3E3E3;
  border-width: 2px 1px;
  border-style: solid;
  border-color: #006699;
 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 
  text-align: center;
 
  position: absolute;
  margin-left: -80px;
}

.ma_marge_profil {
min-height: 230px; /* Hauteur minimale d’un message */
padding-left : 80px; /* Espacement à gauche */
}
/*
=============================================
MISE EN FORME DES PROFILS DANS  LES MESSAGES
===============================================
FN DU CODE
===============================================
*/

/*
===============================================
PAGE D'ACCUEIL
===============================================
DEBUT DU CODE
===============================================
*/

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 800px;
      padding: 30px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #fcca00; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 500px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
 border: 1px solid #7fbf33;  /* Bordure des personnages */
 margin: 10px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px dashed #F20199; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}
/*
=============================================
MISE EN FORME DE A PAGE D'ACCEUIL
===============================================
FN DU CODE
===============================================
*/

Merci d'avane pour l'aide,

Bonne soirée
MessageSujet: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 10:39
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Bonjour,

Ce qui agit sur ton forum ne vient pas forcément de la feuille de style que tu as définie dans le panneau d'administration. Avec pour seule information ta feuille de style, je ne vois pour le moment pas le problème. Il serait donc intéressant que tu donnes le lien de ton forum.

L'élément qui définit par défaut la largeur de ton forum c'est une table qui a pour nom de classe .bodylinewidth. Elle est définie à 80% par défaut, ce qui sur un grand écran peut donner forum très large. L'avantage étant que c'est élastique mais pas toujours "très joli". Le 80% de largeur signifie que 80% de la taille de ta fenêtre sera occupée par le forum. Ce 80% est défini dans le panneau d'administration, dans l'onglet Général, section Forum: Configuration. Sur cette page tu trouveras : Structure de la page et dedans: largeur du forum en % ou en nombre. Tu peux évidemment définir ta largeur dans ta feuille de style grâce à la classe mentionnée ci-dessus.
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:06
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Je sais, je sais, ce que tu m'as dis, nous sommes à 60% mais c'est toujours pareil, je cherche toujours, en vain...

Voici le lien : http://australia-academie.lebonforum.com/

Merci pour l'aide en tout cas !
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:14
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Alors, après avoir vu ton forum, je constate que sa largeur est de 1149px, et qu'effectivement, elle n'est pas élastique. Or, ton logo fait 1129px. Et comme par hasard, ta table .bodylinewidth a un cellpadding de 10px (de chaque côté), ce qui fait 20px en tout sur la largeur. La somme donne un total de 1149px, ce qui correspond à ta taille actuelle. Donc, il me semble logique que ton forum soit forcé à prendre la taille de l'image qu'il contient.
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:24
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Comment dois-je faire pour corriger çà ?
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:27
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Bonjour,

Ma suggestion la plus simple (un poil cynique je le reconnais) serais que tu utilises une dimension de bannière plus réduite ? x)
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:40
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Puisque c'est ton image qui force le forum à être plus grand, il faut donc que tu t'arranges pour que ton image n'aie pas ce comportement. Différentes possibilités s'offrent à toi.

-Soit tu redimensionnes ton image via les logiciels de retouche habituels
-Soit tu décides de travailler avec une image élastique.
-Soit tu fixes une largeur fixe à cette image.

Pour le premier point, je ne m'en inquiète pas.

Pour ce qui est de travailler avec une image élastique, tu peux cibler ton image logo avec un id qui est #i_logo et lui dire que tu veux que sa largeur s'adapte à celle de son parent. Pour cela, il te faut lui dire;

Code:
#i_logo {
width:100%; /*Cette image prend la largeur de son parent (elle prend 100% de sa largeur = sa largeur, si tu diminues la fenêtre, l'image diminuera aussi */
}

Pour l'image définie à une certaine taille, il te suffit de modifier juste un peu le code précédent


Code:
#i_logo {
width:xpx; /* L'image se mettre à l'échelle de la largeur que tu lui auras attribuée*/
}

EDIT: Christa c'est vrai ^^
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:44
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Merci toute les deux, en attendant votre réponse j'ai élaboré un truc, comment dire, à la Maguitte

On a donc, la bannière qui passe en fond avec une image de largeur du forum et de hauteur la bannière en transparent.

J'espère qu ca va marcher, je vous confirmerez les hypothèses !
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 11:58
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Bonsoir Maguitte,

Maguitte2008 a écrit:
Merci toute les deux, en attendant votre réponse j'ai élaboré un truc, comment dire, à la Maguitte

Cela dit, je ne vois pas pourquoi tu t'échine à faire dans l'originalité alors que Chinelle vient juste de te lister les 3 méthodes les plus simples (et qui fonctionnent) pour résoudre ton problème (le plus simple étant bien sûr d'avoir une image de la bonne dimension de base comme l'a soulevé 'Christa, ne serait-ce que par respect des gens qui viennent sur ton forum et qui sont obligés de charger une image bien plus grosse que nécessaire visiblement, ce qui est assez désagréable quand on navigue avec un smartphone par exemple).

Enfin bref, peut-on considérer ton problème comme résolu ? Smile
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 12:27
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Oui, mais lorsque que j'ai trouvé la soolution je n'avais pas ces réponses...
Et ce n'est pas moi qui est fait le thème...
Oui on peut considéré comme résolu
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 14:28
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Vu que c'est bon, je déplace. Merci. Smile
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  EmptyMer 19 Déc 2012, 18:00
Revenir en haut Aller en bas
Contenu sponsorisé




Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
MessageSujet: Re: Forum très très large, alors qu'on installe les codes lors de la maintenance.    Forum très très large, alors qu'on installe les codes lors de la maintenance.  Empty
Revenir en haut Aller en bas
 

Forum très très large, alors qu'on installe les codes lors de la maintenance.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème de QEEL lors de la mise en place sur un autre forum
» Les codes sur mon forum ..
» Pleins de questions sur les codes pour un lancement de forum.
» Très très grosse question
» (Résolu) Menu css Vertical pas complètement installé, mais pourquoi?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit