Elargir l'nterface de dialogue

5 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 15:54

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...


Dernière édition par Pragmatic le Dim 4 Aoû 2013 - 14:48, édité 1 fois
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 15:58

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 Smile .

Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 16:02

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 ?
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 16:29

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 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.

Je vous donne le lien de mon forum pour une meilleure compréhension.

http://freedomofexpression.forumactif.org/
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 16:32

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 Smile.

merci pour votre réponse.

Voici le lien: http://freedomofexpression.forumactif.org/

avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 17:12

Bonjour.

Bonjour effectivement c'est étonant cette affaire.
Ce que MlleAlys vous à proposé devrais fonctionner en le laissant centrer.
Cependant, il y à une solution.

Right 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.
Right Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Right 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:

Arrow Panneau d'administration
Arrow Affichage
Arrow Images et couleurs
Arrow Couleurs
Arrow Feuille de style CSS

Right Nous y ajoutons le code
Code:
#outer-wrapper {
margin-left: -101px;}
:enreg: 

Right Vous devrais aussi dans la feuille de style CSS localisé les images suivantes:
Et les élargirs.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 17:51

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.

Right 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.
Right Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Right 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:

Arrow Panneau d'administration
Arrow Affichage
Arrow Images et couleurs
Arrow Couleurs
Arrow Feuille de style CSS

Right Nous y ajoutons le code
Code:
#outer-wrapper {
margin-left: -101px;}
:enreg: 

Right 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! Mr. Green 

Mais si vous avez plus simple....Merci quand même...
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 17:56

Avez vous lu ce passage:
Right 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.
Right Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Right 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 Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 18:40

SeLfde4Th7 a écrit:Avez vous lu ce passage:
Right 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.
Right Ensuite nous faisons le calcul 818-1020= -202/2 =-101px.
Right 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 Smile.

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!
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 19:07

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%
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 19:22

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%
Je viens de le faire et rien n'a bougé.

Merci en tout cas pour votre abnégation, et désolé de vous donner ce travail!
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 19:34

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 Smile.


Dernière édition par SeLfde4Th7 le Ven 2 Aoû 2013 - 20:14, édité 1 fois
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 19:39

(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


Dernière édition par MlleAlys le Ven 2 Aoû 2013 - 19:46, édité 1 fois
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par Invité Ven 2 Aoû 2013 - 19:44

Salut Pragmatic ,
peux tu donner le thème de ton forum stp Wink .

Ta version est bien Invision ?

a++
Anonymous

Invité
Invité


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

Résolu Re: Elargir l'nterface de dialogue

Message par FANCH 56 Ven 2 Aoû 2013 - 20:12

Je suis sous invision, et voici mon réglage.

Je pense que ton problème vient de ton image de fond.

Elargir l'nterface de dialogue Captu131
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 20:21

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

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par FANCH 56 Ven 2 Aoû 2013 - 20:25

Il faut qu'il essaie en retirant ce blocage
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 20:28

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 ^^"
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par Invité Ven 2 Aoû 2013 - 20:41

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++
Anonymous

Invité
Invité


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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 20:43

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 Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 20:54

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.
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 21:08

Pragmatic pourriez vous tout de même nous donner votre feuille de style CSS complète s'il vous plait Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Ven 2 Aoû 2013 - 21:15

SeLfde4Th7 a écrit:Pragmatic pourriez vous tout de même nous donner votre feuille de style CSS complète s'il vous plait Smile.

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;
}
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Ven 2 Aoû 2013 - 21:56

C'est bien cela Smile .

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 Wink .

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par MlleAlys Ven 2 Aoû 2013 - 22:21

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 :

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é Wink), 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;
}
(j'ai remplacé la ligne "width: ....;" par "background-size: 100%;"  , et vous pouvez faire de même avec les autres Wink

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 Wink
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Elargir l'nterface de dialogue

Message par Tech Dim 4 Aoû 2013 - 12:40

Bonjour Pragmatic,

A l'avenir, merci d'utiliser les balises code pour fournir du codage ou du CSS.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Dim 4 Aoû 2013 - 14:03

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...
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Dim 4 Aoû 2013 - 14:08

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 Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir l'nterface de dialogue

Message par Pragmatic Dim 4 Aoû 2013 - 14:30

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 Smile.
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....
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.
avatar

Pragmatic
Nouveau membre

Messages : 12
Inscrit(e) le : 02/08/2013

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

Résolu Re: Elargir l'nterface de dialogue

Message par Self Dim 4 Aoû 2013 - 14:35

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 résolu puis envoyer .

Bonne journée Smile.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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

- Sujets similaires

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