La taille changeante du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu La taille changeante du forum

Message par Gourmandine.P le Mer 14 Juin 2017 - 13:10

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai un souci que je n'arrive pas à résoudre.
Lorsque je suis sur la page d'accueil du forum la taille que j'ai défini est correcte, mais lorsque j'ouvre un sujet posté afin de le lire la fenêtre du forum s'agrandit ce qui est désagréable pour les yeux.
Est-ce que cela est possible de mettre ta taille du forum fixe pour toutes les pages et sujets.
Merci pour votre réponse.
Mon CSS:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
 background: none;
}
a:hover{
   font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
   border-radius: 100px !important;
}
.forumline tr th:first-child {
   border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
   border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
   background-color: #COULEUR;
   -webkit-border-radius:10px;
   -moz-border-radius: 10px ;
   border-radius:10px;
   border: 3px #COULEUR solid;
}
.forumline {
   margin-top:17px;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
 display: block;
 width: 160px;
 height: 220px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 background: #EEF0D3;
 border: 3px   #afddcb;
 transform: rotate(-0deg);
 -moz-transform: rotate(-0deg);
 -o-transform: rotate(-0deg);
 -ms-transform: rotate(-0deg);
 -htm-transform: rotate(-0deg);
 -webkit-transform: rotate(-0deg);
 box-shadow: 0px 0px 6px #000000;
 -moz-box-shadow: 0px 0px 6px #000000;
 -o-box-shadow: 0px 0px 6px #000000;
 -htm-box-shadow: 0px 0px 6px #000000;
 -webkit-box-shadow: 0px 0px 6px #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;
}
.avatar_mess:hover
{
 margin-left: 5px;
 transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -htm-transform: rotate(0deg);
 -webkit-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: 150px;
 height: 220px;
 margin: auto;
 padding: 5px;
 overflow: auto;
 background: #EEF0D3;
 color: #437a73;
 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: 3;
 width: 170px;
 margin-top: -10px;
 margin-left: 10px;
 text-align: center;
 font-size: 13px;
 font-family: courier;
 font-weight: bold;
 text-shadow: 0px 0px 3px #c5bea0;
 background: #EEF0D3;
 padding-top: 5px;
 border-left: 3px solid #EEF0D3;
 border-right: 3px solid #EEF0D3;
 border-top: 1px solid #EEF0D3;
 border-bottom: 1px solid #000000;
 box-shadow: 0px 0px 3px #000000;
 -moz-box-shadow: 0px 0px 3px #000000;
 -o-box-shadow: 0px 0px 3px #c5bea0;
 -htm-box-shadow: 0px 0px 3px #000000;
 -webkit-box-shadow: 0px 0px 3px #000000;
}

Page normale:
Page plus grande:


Dernière édition par Gourmandine.P le Mer 14 Juin 2017 - 13:47, édité 1 fois
avatar

Gourmandine.P
Nouveau membre

Messages : 22
Inscrit(e) le : 23/01/2017

http://poetikart.forumactif.org
Gourmandine.P a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La taille changeante du forum

Message par MlleAlys le Mer 14 Juin 2017 - 13:20

Bonjour,
Le problème vient des images utilisées pour les ititres des catégories qui, dans le fil de navigation, prennent trop de place et élargissent le forum :


Dans votre feuille de style css, ajoutez le code suivant pour limiter leur taille :
Code:
a.nav img {
  max-width: 100%;
}
avatar

MlleAlys
Membre actif

Messages : 4619
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La taille changeante du forum

Message par Gourmandine.P le Mer 14 Juin 2017 - 13:25

J'ai mis le code mais cela ne change rien la fenêtre s'agrandit toujours.
avatar

Gourmandine.P
Nouveau membre

Messages : 22
Inscrit(e) le : 23/01/2017

http://poetikart.forumactif.org
Gourmandine.P a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La taille changeante du forum

Message par Gourmandine.P le Mer 14 Juin 2017 - 13:37

J'ai enlevé les logos Tweeter et Facebook, cela semble ne plus s'agrandir.
avatar

Gourmandine.P
Nouveau membre

Messages : 22
Inscrit(e) le : 23/01/2017

http://poetikart.forumactif.org
Gourmandine.P a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La taille changeante du forum

Message par Gourmandine.P le Mer 14 Juin 2017 - 13:47

Merci d’être passé sur mon problème.
avatar

Gourmandine.P
Nouveau membre

Messages : 22
Inscrit(e) le : 23/01/2017

http://poetikart.forumactif.org
Gourmandine.P a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum