Elargir l'nterface de dialogue
5 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 2 • Partagez
Page 1 sur 2 • 1, 2
Elargir l'nterface de dialogue
Bonjour,
Quelqu'un peut-il me dire s'il est possible techniquement pour un administrateur d'élargir la surface de dialogue de son forum.
Il y a de chaque côté deux grandes bandes inutilement inexploitées de l'interface, ce qui limite à environ la moitié de la largeur d'écran cette surface de dialogue.
Merci du tuyau, s'il existe...
Quelqu'un peut-il me dire s'il est possible techniquement pour un administrateur d'élargir la surface de dialogue de son forum.
Il y a de chaque côté deux grandes bandes inutilement inexploitées de l'interface, ce qui limite à environ la moitié de la largeur d'écran cette surface de dialogue.
Merci du tuyau, s'il existe...
Dernière édition par Pragmatic le Dim 4 Aoû 2013 - 14:48, édité 1 fois
Re: Elargir l'nterface de dialogue
Bonjour et bienvenue sur le Forum des forums.
Que voulais vous dire par interface de dialogue et deux grande bandes ?
Pourriez vous nous fournir un screen pour illustrer vos propos.
Et si le forum dont vous parler n'est pas celui de votre profil un lien du forum serait également le bienvenue =) .
Cordialement .
Que voulais vous dire par interface de dialogue et deux grande bandes ?
Pourriez vous nous fournir un screen pour illustrer vos propos.
Et si le forum dont vous parler n'est pas celui de votre profil un lien du forum serait également le bienvenue =) .
Cordialement .
Re: Elargir l'nterface de dialogue
Bonjour,
Si vous parlez de la largeur générale du forum, vous pouvez la modifier dans le panneau d'administration : Général > Forum > Configuration : "Largeur du forum (nombre ou %)"
Si vous ne parlez pas de cette largeur là, alors comme l'a dit SeLfde4Th7, pourriez vous précider votre demande svp ?
Si vous parlez de la largeur générale du forum, vous pouvez la modifier dans le panneau d'administration : Général > Forum > Configuration : "Largeur du forum (nombre ou %)"
Si vous ne parlez pas de cette largeur là, alors comme l'a dit SeLfde4Th7, pourriez vous précider votre demande svp ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Je viens d'essayer à nouveau, puisque je l'avais déjà fait, ce réglage change la position de la surface de dialogue (à droite ou à gauche de l'écran), mais pas sa largeur.MlleAlys a écrit:Bonjour,
Si vous parlez de la largeur générale du forum, vous pouvez la modifier dans le panneau d'administration : Général > Forum > Configuration : "Largeur du forum (nombre ou %)"
Si vous ne parlez pas de cette largeur là, alors comme l'a dit SeLfde4Th7, pourriez vous précider votre demande svp ?
Je vous donne le lien de mon forum pour une meilleure compréhension.
http://freedomofexpression.forumactif.org/
Re: Elargir l'nterface de dialogue
merci pour votre réponse.SeLfde4Th7 a écrit:Bonjour et bienvenue sur le Forum des forums.
Que voulais vous dire par interface de dialogue et deux grande bandes ?
Pourriez vous nous fournir un screen pour illustrer vos propos.
Et si le forum dont vous parler n'est pas celui de votre profil un lien du forum serait également le bienvenue =) .
Cordialement .
Voici le lien: http://freedomofexpression.forumactif.org/
Re: Elargir l'nterface de dialogue
Bonjour.
Bonjour effectivement c'est étonant cette affaire.
Ce que MlleAlys vous à proposé devrais fonctionner en le laissant centrer.
Cependant, il y à une solution.
votre forum fait actuelement 818px de largeur, si l'on veut l'augmenter à 1020px on passe par le champ que nous à indiquer MlleAlys et ajoutons le chiffre 1020.
Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Nous allons donc prendre cette valeur pour notre décalage à gauche que nous allons ajouté dans la feuille de style CSS.
La feuille de style CSS ce trouve dans:
Panneau d'administration
Affichage
Images et couleurs
Couleurs
Feuille de style CSS
Nous y ajoutons le code
Vous devrais aussi dans la feuille de style CSS localisé les images suivantes:
Bonjour effectivement c'est étonant cette affaire.
Ce que MlleAlys vous à proposé devrais fonctionner en le laissant centrer.
Cependant, il y à une solution.
votre forum fait actuelement 818px de largeur, si l'on veut l'augmenter à 1020px on passe par le champ que nous à indiquer MlleAlys et ajoutons le chiffre 1020.
Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Nous allons donc prendre cette valeur pour notre décalage à gauche que nous allons ajouté dans la feuille de style CSS.
La feuille de style CSS ce trouve dans:
Panneau d'administration
Affichage
Images et couleurs
Couleurs
Feuille de style CSS
Nous y ajoutons le code
- Code:
#outer-wrapper {
margin-left: -101px;}
Vous devrais aussi dans la feuille de style CSS localisé les images suivantes:
Et les élargirs.
Re: Elargir l'nterface de dialogue
SeLfde4Th7 a écrit:Bonjour.
Bonjour effectivement c'est étonant cette affaire.
Ce que MlleAlys vous à proposé devrais fonctionner en le laissant centrer.
Cependant, il y à une solution.
votre forum fait actuelement 818px de largeur, si l'on veut l'augmenter à 1020px on passe par le champ que nous à indiquer MlleAlys et ajoutons le chiffre 1020.
Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Nous allons donc prendre cette valeur pour notre décalage à gauche que nous allons ajouté dans la feuille de style CSS.
La feuille de style CSS ce trouve dans:
Panneau d'administration
Affichage
Images et couleurs
Couleurs
Feuille de style CSS
Nous y ajoutons le code
- Code:
#outer-wrapper {
margin-left: -101px;}
Vous devrais aussi dans la feuille de style CSS localisé les images suivantes:Et les élargirs.
Désolé, mais après avoir rajouté votre nouveau code, rien ne bouge, je ne suis pas allé plus loin n'étant pas très spécialiste, et n'ayant pas envie de faire une connerie!
Mais si vous avez plus simple....Merci quand même...
Re: Elargir l'nterface de dialogue
Avez vous lu ce passage:
Vous devez d'abord entre 1020 la ou vous l'à indiqué MlleAlys .
votre forum fait actuelement 818px de largeur, si l'on veut l'augmenter à 1020px on passe par le champ que nous à indiquer MlleAlys et ajoutons le chiffre 1020.
Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Nous allons donc prendre cette valeur pour notre décalage à gauche que nous allons ajouté dans la feuille de style CSS.
Vous devez d'abord entre 1020 la ou vous l'à indiqué MlleAlys .
Re: Elargir l'nterface de dialogue
SeLfde4Th7 a écrit:Avez vous lu ce passage:votre forum fait actuelement 818px de largeur, si l'on veut l'augmenter à 1020px on passe par le champ que nous à indiquer MlleAlys et ajoutons le chiffre 1020.
Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Nous allons donc prendre cette valeur pour notre décalage à gauche que nous allons ajouté dans la feuille de style CSS.
Vous devez d'abord entre 1020 la ou vous l'à indiqué MlleAlys .
Cela ne fait que désaxer l'espace de dialogue vers la gauche. Je me retrouve donc avec un tiers de bande bleue à gauche et deux tiers à droite. Je suis donc revenu aux réglages de base.
C'est fou comme c'est complexe pour faire un truc aussi simple, moi qui travaille régulièrement sur Photoshop c'est cent fois plus simple pour faire des opérations bien plus complexes!
Re: Elargir l'nterface de dialogue
Bonjour,
Voulez vous bien essayer de changer tout de même ce paramètre, pour qu'on essaye de voir d'où le problème peut venir ? ^^"
Essayez par exemple de mettre 90%
Voulez vous bien essayer de changer tout de même ce paramètre, pour qu'on essaye de voir d'où le problème peut venir ? ^^"
Essayez par exemple de mettre 90%
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Je viens de le faire et rien n'a bougé.MlleAlys a écrit:Bonjour,
Voulez vous bien essayer de changer tout de même ce paramètre, pour qu'on essaye de voir d'où le problème peut venir ? ^^"
Essayez par exemple de mettre 90%
Merci en tout cas pour votre abnégation, et désolé de vous donner ce travail!
Re: Elargir l'nterface de dialogue
Bonjour.
J'avoue que ce problème est perplex et votre <Head> aussi, je ne comprend pas pourquoi avoir mi autant de title et meta.
Pourriez vous nous donner votre code CSS complet s'il vous plait ?
Cordialement .
J'avoue que ce problème est perplex et votre <Head> aussi, je ne comprend pas pourquoi avoir mi autant de title et meta.
Pourriez vous nous donner votre code CSS complet s'il vous plait ?
Cordialement .
Dernière édition par SeLfde4Th7 le Ven 2 Aoû 2013 - 20:14, édité 1 fois
Re: Elargir l'nterface de dialogue
(avez-vous mis 90% ou bien 90px ? ^^")
Le problème a l'air de venir du css (certainement le thème que vous avez installé), pourrions vous le voir ?
EDIT : ah bah, les grands esprits se rencontrent ! xD
Le problème a l'air de venir du css (certainement le thème que vous avez installé), pourrions vous le voir ?
EDIT : ah bah, les grands esprits se rencontrent ! xD
Dernière édition par MlleAlys le Ven 2 Aoû 2013 - 19:46, édité 1 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Salut Pragmatic ,
peux tu donner le thème de ton forum stp .
Ta version est bien Invision ?
a++
peux tu donner le thème de ton forum stp .
Ta version est bien Invision ?
a++
Invité- Invité
Re: Elargir l'nterface de dialogue
Je suis sous invision, et voici mon réglage.
Je pense que ton problème vient de ton image de fond.
Je pense que ton problème vient de ton image de fond.
Re: Elargir l'nterface de dialogue
D'après ce que je comprends en inspectant les éléments sur sa page, les largeurs ont été bloquées via css pour que le fond ne soit pas déformé ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Il faut qu'il essaie en retirant ce blocage
Re: Elargir l'nterface de dialogue
oui, mais du coup il y en a plusieurs... Et, si on enlève tout, ça risque de devenir très moche...
Mais, le plus simple serait peut être de revenir au thème par défaut de la version ^^"
Mais, le plus simple serait peut être de revenir au thème par défaut de la version ^^"
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Re,
c'est un thème qui n'est plus en réalité
avec les nouvelles normes les ami(e)s .
De plus certaines class ou même identifiants ne sont plus d'actualités.
a++
c'est un thème qui n'est plus en réalité
avec les nouvelles normes les ami(e)s .
De plus certaines class ou même identifiants ne sont plus d'actualités.
a++
Invité- Invité
Re: Elargir l'nterface de dialogue
La meilleur solution serait de trouver un thème similaire et de d'importer seulement quelque images.
Parce que les thème Invision de base sont assez éloigner de celui-ci.
Cordialement .
Parce que les thème Invision de base sont assez éloigner de celui-ci.
Cordialement .
Re: Elargir l'nterface de dialogue
Je vous remercie tous de vous décarcasser, mais après de multiples essais, la solution n'est toujours pas au rendez vous.
Merci encore et si par hasard je trouve le truc, je ne manquerais pas de vous en informer.
Merci encore et si par hasard je trouve le truc, je ne manquerais pas de vous en informer.
Re: Elargir l'nterface de dialogue
Pragmatic pourriez vous tout de même nous donner votre feuille de style CSS complète s'il vous plait .
Re: Elargir l'nterface de dialogue
SeLfde4Th7 a écrit:Pragmatic pourriez vous tout de même nous donner votre feuille de style CSS complète s'il vous plait .
C'est bien de cela que vous voulez parler?
- Code:
body{
background-position: top center;
background-repeat: repeat-x;
}
#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}
#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}
div#logostrip #main-title h1{
background-color: transparent;
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}{
margin-left: -101px;}
#gfooter{
background-color: transparent;
color: #000;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}
#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}
#gfooter a {
background-color: transparent;
color: #000 !important;
}
.current-time{
padding-right: 5px;
margin-right: 20px;
}
#qjump{
padding: 0px 0px 10px 30px;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 16px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 16px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 30px;
height: 20px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i15.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
}
.popmenubutton a {
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/115.png');
}
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}
.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}
div.borderwrap{
padding: 0px;
margin: 0px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png');
}
#i_icon_mini_portal:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png');
}
#i_icon_mini_profile:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png');
}
#i_icon_mini_members:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png');
}
#i_icon_mini_gallery:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png');
}
#i_icon_mini_faq:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png');
}
#i_icon_mini_login:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png');
}
#i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png');
}
#i_icon_mini_message:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png');
}
#i_icon_mini_register{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}
#i_icon_mini_new_message{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}
.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}
.search-footer-box { display: none; }
#search-box { display: none; }
.darkrow{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}
div.borderwrap{
border: none;
-moz-box-shadow: 2px 2px 3px#888888;
-webkit-box-shadow: 2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}
.formsubtitle{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}
.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}
ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}
ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}
button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}
.button, .mainoption{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}
.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}
#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}
#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}
Re: Elargir l'nterface de dialogue
C'est bien cela .
J'ai envie de consulter nos cammarade mais il n'y à pas un put trop de chose inutile dans ce CSS ?
Voici déjà le code débarrasser du code que je vous avez donner, mal placè d'ailleur .
Cordialement .
J'ai envie de consulter nos cammarade mais il n'y à pas un put trop de chose inutile dans ce CSS ?
- Code:
body{
background-position: top center;
background-repeat: repeat-x;
}
#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}
#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}
div#logostrip #main-title h1{
background-color: transparent;
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}
#gfooter{
background-color: transparent;
color: #000;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}
#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}
#gfooter a {
background-color: transparent;
color: #000 !important;
}
.current-time{
padding-right: 5px;
margin-right: 20px;
}
#qjump{
padding: 0px 0px 10px 30px;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 16px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 16px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 30px;
height: 20px;
background: url('http://i15.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i15.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
}
.popmenubutton a {
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/115.png');
}
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}
.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}
div.borderwrap{
padding: 0px;
margin: 0px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png');
}
#i_icon_mini_portal:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png');
}
#i_icon_mini_profile:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png');
}
#i_icon_mini_members:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png');
}
#i_icon_mini_gallery:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png');
}
#i_icon_mini_faq:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png');
}
#i_icon_mini_login:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png');
}
#i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png');
}
#i_icon_mini_message:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png');
}
#i_icon_mini_register{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}
#i_icon_mini_new_message{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}
.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}
.search-footer-box { display: none; }
#search-box { display: none; }
.darkrow{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}
div.borderwrap{
border: none;
-moz-box-shadow: 2px 2px 3px#888888;
-webkit-box-shadow: 2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}
.formsubtitle{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}
.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}
ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}
ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}
button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}
.button, .mainoption{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}
.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}
#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}
#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}
Voici déjà le code débarrasser du code que je vous avez donner, mal placè d'ailleur .
Cordialement .
Re: Elargir l'nterface de dialogue
Si vous ne souhaitez pas changer de thème, voilà moi ce que j'ai trouvé limitant la largeur de l'index :
Dans votre css, recherchez ces paragraphes :
Dans chacun de ses paragraphes, vous retirez la ligne correspondant à "width:...." (même si c'est marqué !important à côté ), cela devrait remettre la largeur par défaut, c'est à dire celle entrée dans le panneau d'administration.
Le souci devient donc l'image de fond, qui n'est plus assez large. Vous pouvez l'élargir "artificiellement" (ça la déformera un peu mais je ne pense pas que cela soit trop grave ici) en ajoutant dans chacun des paragraphe au dessus une ligne : background-size: 100%; . Ce qui donnerait finalement, dans le cas du premier :
Il y aura surement d'autres endroits qu'il faudra modifier par la suite, mais si déjà cela est modifié, ça nous aidera peut être à voir plus clair
Dans votre css, recherchez ces paragraphes :
- Code:
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
- Code:
#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
- Code:
#gfooter{
background-color: transparent;
color: #000;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}
Dans chacun de ses paragraphes, vous retirez la ligne correspondant à "width:...." (même si c'est marqué !important à côté ), cela devrait remettre la largeur par défaut, c'est à dire celle entrée dans le panneau d'administration.
Le souci devient donc l'image de fond, qui n'est plus assez large. Vous pouvez l'élargir "artificiellement" (ça la déformera un peu mais je ne pense pas que cela soit trop grave ici) en ajoutant dans chacun des paragraphe au dessus une ligne : background-size: 100%; . Ce qui donnerait finalement, dans le cas du premier :
- Code:
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
background-size: 100%; /**************j ai modifié ici ********/
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
Il y aura surement d'autres endroits qu'il faudra modifier par la suite, mais si déjà cela est modifié, ça nous aidera peut être à voir plus clair
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Elargir l'nterface de dialogue
Bonjour Pragmatic,
A l'avenir, merci d'utiliser les balises code pour fournir du codage ou du CSS.
Cordialement.
A l'avenir, merci d'utiliser les balises code pour fournir du codage ou du CSS.
Cordialement.
Re: Elargir l'nterface de dialogue
Tech a écrit:Bonjour Pragmatic,
A l'avenir, merci d'utiliser les balises code pour fournir du codage ou du CSS.
Cordialement.
Désolé, mais déjà que je ne comprend pas grand chose aux explications fournies, je comprends encore moins le teneur de votre message, et sa signification.
Voyez vous, je ne suis pas un fondu de l'informatique en général et du paramétrage d'un forum en particulier, j'en suis même très loin.
Je fais donc comme je peux avec mes modestes connaissances en la matière, qui sont inexistantes.
Vous devriez déjà savoir que si on vient demander conseil ici, c'est qu'on est parfaitement étranger à ce genre de connaissances.
Veuillez donc si possible reformuler votre demande en Français, et non en langage codé, ce qui rendrait nos rapports un peu plus faciles.
Merci de ne pas prendre mal ma remarque, néanmoins...
Re: Elargir l'nterface de dialogue
Bonjour Pragmatic.
Pourriez vous nous dire si la solution donner par MlleAlys vous à aidé et si vous avez réussi comprendre ce qu'elle voulez dire ?
Cordialement .
Pourriez vous nous dire si la solution donner par MlleAlys vous à aidé et si vous avez réussi comprendre ce qu'elle voulez dire ?
Cordialement .
Re: Elargir l'nterface de dialogue
Non, car ça dépasse mes compétences, j'ai peur de faire pire et de chambouler des paramètres sans pouvoir revenir en arrière, avec en plus mon aversion pour les choses trop techniques qui vont immanquablement me faire perdre les pédales très vite, tout ça liée à ma patience très limitée en la matière....SeLfde4Th7 a écrit:Bonjour Pragmatic.
Pourriez vous nous dire si la solution donner par MlleAlys vous à aidé et si vous avez réussi comprendre ce qu'elle voulez dire ?
Cordialement .
Sans compter que son diagnostic me semble incertain dans sa finalité, avec tout le respect que je lui dois pour le travail effectué.
Je pensais naïvement qu'en quelques clics, ce problème pouvait être réglé et à la portée de tous, j'ignorais qu'il fallait être une graine d'Einstein pour y parvenir.
Pardonnez moi, je me suis trompé, mieux vaut finalement laisser les choses en l'état, merci à tous.
Très cordialement.
Re: Elargir l'nterface de dialogue
Il est très domage d'abandonner si vite.
Seulement si tel est votre choix n'oublié pas de mettre ce sujet en :resolu:en éditant votre premier message et chocher puis envoyer .
Bonne journée .
Seulement si tel est votre choix n'oublié pas de mettre ce sujet en :resolu:en éditant votre premier message et chocher puis envoyer .
Bonne journée .
Page 1 sur 2 • 1, 2
Sujets similaires
» Message "Alert" ou boite de dialogue
» Couleur de fond de la boite de dialogue
» Les messages» bulle de dialogue
» Boite de dialogue java
» contour des fenetres de dialogue
» Couleur de fond de la boite de dialogue
» Les messages» bulle de dialogue
» Boite de dialogue java
» contour des fenetres de dialogue
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum