La taille changeante du forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
La taille changeante du forum
Détails techniques
Version du forum : phpBB2Poste 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
Re: La taille changeante du forum
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 :
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%;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: La taille changeante du forum
J'ai mis le code mais cela ne change rien la fenêtre s'agrandit toujours.
Re: La taille changeante du forum
J'ai enlevé les logos Tweeter et Facebook, cela semble ne plus s'agrandir.
Re: La taille changeante du forum
Merci d’être passé sur mon problème.
Sujets similaires
» Images à taille changeante
» taille des noms d'utilisateur changeante
» Javascript - couleur du forum changeante
» Largeur bas de page du forum changeante...
» Changer la taille du cadre du forum (ne pas changer la taille de la structure)
» taille des noms d'utilisateur changeante
» Javascript - couleur du forum changeante
» Largeur bas de page du forum changeante...
» Changer la taille du cadre du forum (ne pas changer la taille de la structure)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum