Largeur/soulignement/signature

[Fred1208]

Bonjour,

trois questions concernant un forum invision

Comment change t-on la largeur du forum sur la page?

Je voudrais supprimer le soulignement des pseudos. J'ai lu le tutoriel dans trucs et astuces pour intégrer le code :
a { text-decoration: none; } dans la base CSS, j'ai bien inséré la ligne, mais ça ne marche pas..

L'essaie de mettre une signature, mais elle n'apparait pas sur les posts...

forum forSEPs.org

Merci de votre aide, je suis plus que débutant

Fred

[Varkho]

Bonsoir,

Un petit conseil, s'il vous plaît, ne mettez qu'une seule question par post =)

1 : PA, Général, Configuration, Structure des pages, Largeur du forum (nombre ou %) : Vous entrez le nombre de pixels désirés

2 : Le code ne fonctionne que sous phpBB2 ... Je ne connais pas de solution !

3 : Avez-vous, dans vos préférences ( profil ), demander de toujours attacher votre signature ? Dans le PA, Utilisateurs et Groupes, Options des Utilisateurs, Autoriser les Signatures : Avez-vous coché oui ?

[Fred1208]

Merci beaucoup, pour la signature, c'est vrai que ça va mieux en cochant ce qu'il faut

Pour la largeur du forum, si je change la valeur en pixel, ç marche moyennement, la zone centrale ne s'eklargit pas vraiment, mais se décale sur la gauche..

¨poir le soulignement des pseudos, est(ce définitivement impossible de les supprimer sous invision?

Merci

[Varkho]

Si je peux vous proposer un tutoriel : La largeur des forums.

J'ai aussi trouvé un code à insérer dans ton CSS ( PA, Affichage, Couleurs, Feuille de style CSS :

Code:


.bodylinewidth {
  width:?px;
}

? est évidement à remplacer par une valeur.

Varkho

[vpeybernes]

Pour les pseudo :

Code:

a {text-decoration:none!important}

C'est le même mais le !important le passe en propriété prioritaire.

[Fred1208]

Merci Vpeybernes, ça marche !!

Merci aussi pour ton aide Varrkho, mais ça ne modifie rien apparemment..

je souhaite élargir l'endroit où figurent les messsages avec le fond blanc, c'est à dire diminuer les marges à droite et à gauche www.forseps.org.

Merci de votre aide

Fred

[Varkho]

Bonjour,

C'était une erreur de ma part :

Code:

.bodyline{
  width: ?px;
}

[Fred1208]

Bonjour,

je viens d'essayer, mais ça ne marche pas mieux, aucune modif..

[Varkho]

Encore une erreur de ma part, je n'avais pas la bonne class ^^

Code:

.bodylinewidth {
   width:xx%}

[Fred1208]

Merci, mais euh comment dire...

je ne vois aucune modification quant à l'apparence du forum..horms la feuille de style CSS, il y a quelque chose à changer au niveau du panneau, ou est-ce que cette feuille est prédominante sur tout réglage?

je retrouve dans la feuille des codes le 818px, correspondant à la valeur à régler au niveau de la config générale sur le panneau, aussi d'autres lignes à 750px auxquelles je ne comprends rien, bien évidemment , j'ai essayé de modifier ça sans succès.

Et comme je n'y comprends pas grand chose justement, je suis parti d'un thème standard proposé..
Je peux copier la feuille si cela aide, c'est un forum sous invision : forseps.org

Merci en tous les cas pour vos réponses :-)

Fred

[Varkho]

Avez-vous modifié les xx ?

Code:

.bodylinewidth {
  width:xx%;}

Vous devez modifier les xx par un chiffre ... ( je vous conseil 70, vous aimerez )

Ce qui donne un :

Code:

.bodylinewidth {
  width:70%;}

Vous collez le tout dans PA, Affichage, Couleur, Feuille de style CSS et vous enregistrez !

[Fred1208]

Que je mette 70 ou 90% ça na change rien (90 en ce moment)
Voici la feuille en question :

Code:

a {text-decoration:none!important}

.bodylinewidth {
  width:90%}

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

[Invité]

Bonsoir, Fred.
Les balises codes ne sont pas là pour rien

Essayez ceci:

Code:

#outer-wrapper {width:830px !important}

Pas franchement sûr que ça fonctionne (et par-dessus tout ce que soit bien là que vous voulez que la modification ait lieu)...

Bien à vous,

Edit etana : c'est arrangé.

[vpeybernes]

Arrêtez de prendre le problème à l'envers.

Allez dans PA > Général > Configuration > Structure des pages > Largeur du forum
Configurez la à 85% par exemple puis venez nous dire quand c'est fait.

C'est l'option pour la largeur. Si cela décale le forum, ce n'est pas normal. Alors commençons par avoir une bonne configuration, puis réglons les bugs, au lieu de bidouiller des truc pour s'accommoder des problème présent sur le forum.

[quierra]

Coucou, ben heureusement que je passe pas là ....

Tu ne peux pas modifier la largeur du forum ! c'est parce que tout est configurer dans ton css !

la largeur du forum est réglé par ce code :

#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}

C'est donc le margin de 30 px, qui "réduit" ton forum afin qui soit bien dans le cadre ! ce qui veut dire qu'il n'y a pas que lui qui gère la largeur ! il y a aussi "outer-wrapper" dans lequel est une image de 818px !

Donc le prob est le cadre qui est d'une largeur "fixe" de 818px ! ce cadre étant "graphique", tu auras beau régler la largeur, une image ne va pas grandir pour autant !

Tu auras donc compris que ce thème n'est pas extensible !

Maintenant si tu tiens absolument à élargir ton forum, je peux te proposer exactement le même thème mais en PHPBB3, et lui est extensible ! tu pourras sans problème a partir du panneau d'administration régler la largeur comme tu le souhaites.

Le thème est celui-ci : http://beauty-full.frenchboard.com/forum.htm

fais pas gaffe au header etc... c'est un forum test !

Là il est à 80% (je crois).

Si ça t'intéresses, je peux te donner le BB-thème pour une installation rapide.

Aussi, je propose tous thèmes en phpBB2, avec une installation par template et css, ce qui évite pas mal de beugs !

Pour le soulignement, il y a une petite erreur dans le code que l'on t'as donné ! il manque le ";" à la fin et bien évidement ça ne peut pas marcher ! tout comme le dernier code que l'on te donne "#outer-wrapper", il ne risque pas de marcher car il manque aussi le ";".

a{text-decoration: none !important;}

Là je te garantie que tu n'auras plus le soulignement.

Bon ben j'attends de savoir ce que tu veux, mais sache que ce genre de thème est toujours en largeur fixe "sur hitskin" vue que l'on peut pas poster de templates.

[vpeybernes]

Les ; sont facultatif quand il n'y à pas d'instruction à la suite

et bien évidement ça ne peut pas marcher !

Il à pourtant dit que ça marchez impec.

[quierra]

Coucou, ha ben ça ! et moi qui insiste toujours qu'il ne faut pas oublier le moindre "." ou autre ! ça m'apprendra d'essayer au moins avant !

Quand je te disais que je fais encore une tonne d'erreurs ... :lol!:

[Fred1208]

Merci tout le monde :-)

Bon je crois que je vais me satisfaire de ma largeur tout compte fait..:-)

Merci d'avoir solutionné mes problèmes :-)

Bonne journée,

Fred