Largeur (en px) du forum Bouton_activeLargeur (en px) du forum Bouton_hoverLargeur (en px) du forum Fb-hoverLargeur (en px) du forum Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Largeur (en px) du forum EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Largeur (en px) du forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Largeur (en px) du forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Largeur (en px) du forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Largeur (en px) du forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Largeur (en px) du forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Largeur (en px) du forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Largeur (en px) du forum EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Largeur (en px) du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Bonjour à tous !

Je fais appel à vous parce que je n'arrive pas à régler la taille de mon forum (ou pour être plus exacte, de la partie "bodyline", la colonne centrale avec le header, les catégories, tout ça…). J'aimerais que cette largeur soit identique pour toutes les résolutions d'écrans, et donc, pouvoir la paramétrer en pixels (et non pas en % en configurant dans le PA…).

J'ai déjà tenté :
Code:
.bodyline {
width:500px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
mais ça ne fonctionne pas. Ca m'enlève bien les espaces de chaque côté (ce que je veux), mais la largeur en elle-même reste inchangée.

Merci d'avance pour votre aide !
MessageSujet: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 11:45
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
Salut! Tu as essayé:

Panneau d'admin > Général > Forum > Configuation > Structure des pages ?

Écrit la largeur que tu veux dans cette section pour voir.

Généralement, le CSS a priorité sur le reste mais peut-être que le problème est là.
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 15:01
Revenir en haut Aller en bas
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Non malheureusement, ça ne change rien… :/
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 15:04
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
Tu pourrais donner le lien vers ton forum ou une capture d'écran?
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 15:04
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Largeur (en px) du forum Empty
Ca ne viendrait pas de ta bannière ?
Si elle est grande, le forum se mettra à sa taille, même si une valeur plus petite est indiquée Wink
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 15:35
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
C'est ce que je pensais justement, c'est pour ça que je lui ai demandé un picscreen Razz
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 15:35
Revenir en haut Aller en bas
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Ca ne peut pas venir de mon header, il fait 600px de large, et c'est la largeur que j'espère désespérément atteindre x) (actuellement, sur ma résolution, mon forum fait 720 et quelques px). Mais je peux quand même vous faire un screen ! ^^

Largeur (en px) du forum Screenxi

Et des "extraits" de CSS qui pourraient être en conflit (j'ai beau retourner les codes dans tous les sens, je vois pas…! xD )
Code:
a:hover{
text-decoration: none!important;
}

body {
margin-left:10px;
margin-right:10px;
text-shadow: #ddd6ce 0px 1px 1px;
}

.bodyline {
padding-left: 0px !important;
padding-right: 0px !important;
border-right:6px #C7C42E solid;
border-left:6px #C7C42E solid;
}

.forumline{
border-left: 0px #C7C42E solid;
border-right: 0px #C7C42E solid;
border-top: 0px #C7C42E solid;
border-bottom: 0px #C7C42E solid;}

table.bodylinewidth {
width:600px !important;
position: relative;
top: -9px !important;
bottom: -9px !important;
}

Merci d'avance pour votre aide ! I love you
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptySam 15 Jan 2011, 16:19
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
T'a essayé de mettre ta largeur dans .body?
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 01:26
Revenir en haut Aller en bas
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Oui, quand je le met dans .body, en plus de ne pas changer la largeur, ça place le forum à gauche de la page (et plus centré). Si je le met dans .bodyline, pas de changements non plus… :/
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 06:52
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
Bonjour Very Happy
Je me permets d'incruster dans la conversation (si c'est pas permis, j'ouvrirai moi même un sujet) parce que j'ai exactement le même soucis en fait et je trouve inutile d'encombrer le forum avec deux fois le même sujet. Bref, après avoir fait de multiples recherches dans les sujets résolus, j'ai trouvé un code qui pouvait rendre le forum moins large et qui marche chez moi.

Code:
.forumline{
width: Vpx;
 }

Le seul petit problème, c'est que tout est décalé vers la gauche... (comme l'a fait remarqué Patchupee). Je me demandais s'il n'existait pas un code qui pourrait recentré le tout ?

(je sais je me répète mais si vous voulez que j'ouvre mon propre sujet, je peux hein ? Razz)
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 07:17
Revenir en haut Aller en bas
http://covoiturageteuf.webou.net
Freing
Freing
{ Membre }
{ Membre }

Masculin Messages : 126



Largeur (en px) du forum Empty
J'ai eu ce problème est j'ai réussis à la régler.
Pour régler la largeur du forum, il y a trois choses qu'il faut vérifier :

• Modifier la largeur de votre forum dans le panneau d'administration >Général > Forum > Configuration > Structure.
• La largeur de votre bannière. Il faut la modifier par rapport à la largeur de votre forum. Par exemple prenons une bannière qui est de taille immense, la largeur de votre forum sera alors immense.
• Regarder qu'il n'y a pas, dans votre page d'accueil, une très grande image qui pourrais modifier votre largeur.

Normalement, une fois ces trois petites choses vérifier, cela doit marcher. Largeur (en px) du forum 512254
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 09:18
Revenir en haut Aller en bas
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Merci Sasha ! Il y a de l'amélioration, mais ça c'est pas encore ça (chez moi, c'est centré, mais ça ne me met qu'une partie dans la largeur désirée… ><)
Screen :
Largeur (en px) du forum Screen2vhk

@Freing : Merci pour tout ces conseils, malheureusement, j'ai fait en sorte que tout aille correctement (je n'ai aucune image en page d'accueil et j'ai enlevé la bannière pour faire un test) et ça ne fonctionne toujours pas. Peut-être que cela fonctionne jusqu'à certaines dimensions… mais j'aimerais un forum d'environ 500-600px de largeur (ce qui est assez petit par rapport à la "normale").

Il n'y aurait rien à modifier dans les templates, par hasard ?
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 09:24
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
Non, je doute que ce soit dans les templates à moins que tu les ais modifier index_body ou index_box en ajoutant une largeur. Si ce n'est pas le cas, et bien assurément le problème n'est pas là.

Pour ce qui est de centrer le tout, il y a quelques codes, entre autre

Code:

align:center;

mais ces codes là font souvent des leurs quand on essaie de modifier des éléments des templates (comme la largeur de forum). Vous pouvez quand même essayé si ce n'est pas déjà fait.

Un autre truc que j'ai pensé, avez vous refait votre qeel à partir des templates? Si oui, le problème peut se trouver là car on met souvent nos largeurs en pixels et ça peut affecté tout le body.

Un autre truc que vous pouvez essayé c'est de mettre les largeurs en pourcentage. on sait jamais!

Patchupee, pour ce qui est de toi que ce ne soit pas centré, c'est peut-être à cause de ton

Code:

position: relative;
top: -9px;
bottom: -9px;

D'ailleurs, est-ce que c'est toi qui l'a fait lui ou tu l'as prit quelque part (si oui, tu te souviens où?)?
parce que si tu dis que tu veux que le haut de ton forum soit à -9px de sa position initiale et à -9px de la position initiale de son bas... c'est un peu contradictoire, et au final, il doit revenir à sa position initiale...

Bref, donnez-moi des nouvelles.
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 12:04
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
Freing, j'ai un header qui fait 1000px de largeur, tu penses que c'est ça ? Pourtant, j'ai tout enlevé et rien ne se produit. J'ai fait de même pour la PA...

Fire-Fly, j'ai essayé avec ton code mais ça reste à gauche en fait. Et pour répondre à ta question, oui j'ai touché le QEEL, ça peut venir de là ?
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 12:51
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
On peut toujours vérifier!
Tu veux nous donner ton template et le CSS qui va avec?

Pour l'image de ton header (je répond j'espère que c'est correct!) ça peut définitivement venir de là. Quand tu as essayé autre chose, qu'est-ce que tu as fait? Tu as essayé des images plus petite?

Pour t'a PA, jte conseil, juste pour voir, de carrément la suprimer, tu copies ton code sur word, par exemple, ou sur un logiciel de codage si tu en as un.

Si tu vois que sans PA ça fonctionne, bah au moins on sait où est le problème!
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyDim 16 Jan 2011, 13:43
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
Alors, pour répondre à tes questions, j'ai enlevé complètement ce qu'il y avait dans la PA pour le remplacer par 3 petits points, histoire que quelque chose s'affiche XD et il n'y a eu aucune modification de la largeur (toujours aussi grande).

Concernant le header ben je l'ai aussi carrément enlevé mais ça n'a rien fait. Même sans rien, la largeur est toujours aussi importante. Après, j'ai simplement enlevé l'image dans le paramètre des "images du forum", je ne sais pas si il y a l'adresse quelque part dans le CSS ou les templates, ce n'est pas moi qui l'ai installé ^^'

Pour finir, voici mes templates index_body et mon css. Ce qu'il faut que tu saches, c'est qu'on est plusieurs à administrer le forum donc plusieurs à avoir accès au css. Pas certaine donc de pouvoir répondre à toutes tes questions Wink

Template :
Spoiler:

CSS :
Spoiler:
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyLun 17 Jan 2011, 13:16
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Largeur (en px) du forum Empty
Bon! Ton template m'a sembler OK alors je me suis penché sur ton CSS... aoutch.

Le problème relevait surtout du fait que j'ai trouvé 8 fois forumlink au lieu d'une... et c'est un exemple xD J'ai fait un peu de triage, ça sera plus facile comme ça lorsqu'il viendra temps de faire des changements!

Dans ton CSS, tu avais dit que la class cat-forum était de 1000px de largeur. D'après moi, le problème était là! Car si je ne me trompe pas, cette class là représente la largeur de tes catégories?

Bref, j'espère que ça fonctionnera!
Si j'ai fait une erreur en modifiant ton CSS (je ne penserais pas mais sait-on jamais) et que quelque chose ne fonctionne pas, eh bien tu n'auras qu'à remettre ton original et enlever le bobo Wink

Css:
Code:

.forumline{
border: 1px dashed #000000 ;
-moz-border-radius:6px;
 }

body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center; /*Ligne de position du fond*/
background-repeat: no-repeat; /*Ligne collée*/
cursor:crosshair;
}



I {
border-bottom: none;
color: #AB9C50;
text-decoration: none
}


a:link {
text-decoration: none;
cursor: ne-resize;
}

a:visited {
text-decoration: none;
cursor: nw-resize;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}


.categling {
background-color: #999999;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display : block;
border-left: 10px solid #999999;
border-right: 10px solid #999999;
color: #999999;
font-weight: bold;
margin:0px;
}

.categling:hover {
background-color:#606060;
font-size: 10px;
text-align : center;
text-transform: uppercase;
border-left : 10px solid #999999;
border-right : 10px solid #999999;
color: #999999;
font-weight : bold;
margin: 0px;
}



a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px solid #7d7d7d ;
}

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 30px;
  left: 20px;
  background: #ffffff;
  color: #7d7d7d;
  padding: 3px;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

a {
font-variant: small-caps;
text-transform: lowercase ;
letter-spacing: 1px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}


a.forumlink {
  letter-spacing:0.02in;
  text-shadow: #000000 1px 1px 1px;
  -webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
  }
 
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}


#menu ul {
 margin:0px;
 padding:0;
 list-style-type:none;
 text-align:center;
 }

#menu li {
 float:left;
 margin:0;
 padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
 }

#menu li a {
 display:block;
 width:100px;
 color:#4A364E;
 text-decoration:none;
 padding:5px;
 }

#menu li a:hover {
 color:#F1ECF2;
 }


#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

#menu li ul {
 position:absolute;
 }

#menu {
 height:50px;
 }

#menu ul li ul {
 display:none;
 }


.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.text {
color:#FFFFFF;
cursor:pointer;
}

#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}

.spoiler_content {
display: block;
}

.hidden .spoiler_content {
display: none;
}

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
}

.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor: pointer;
}

.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
text-decoration:none; !important
cursor:pointer;
margin-bottom:-22px;
position:center;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}

.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}



.imguser {
border: none;
opacity: 0.5;
background-color: transparent;
}

.imguser:hover {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img {
border: none;
opacity: 1;
background-color: transparent;
}

.forumline img:hover {
border: none;
opacity: 0.5;
background-color: transparent;
}


.haccordion {
padding: 0;
width: 800px;
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}


.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}

#hc1 li{
margin:0 0px 0 0;
width: 800px;
}

#hc1 li .hpanel{
padding: 0px;
background: transparent;
}

.haccordion li .hpanel{
width: 20px;
height: 20px;
}

#hc1 li{
width: 118px;
height: 124px;
}

#hc1 li .hpanel{
width: 205px;
height: 124px;
}

Patchupee, toujours le même problème, dit moi?
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMar 18 Jan 2011, 20:08
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
Merci beaucoup Fire-Fly ! En effet, je comprends mieux le truc, le CSS du forum manquait d'organisation et de ce fait, certaines fonctionnalités n'étaient pas bien remplies. Quoi qu'il en soit, j'ai suivi ton conseil mais le truc c'est que ça ne fonctionne que sur "l'aspect" des catégories. Lorsque l'on clique sur un sujet, la largeur d'écriture est toujours la même.

Spoiler:
*

C'est surtout cette largeur là, pour les rp, que j'aimerai diminuer en fait. Cependant, je te remercie de m'avoir donné ces conseils concernant le css, je serai plus attentive à ce que je ferai maintenant Wink
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 19 Jan 2011, 09:48
Revenir en haut Aller en bas
http://goodvibrations.1fr1.net/
Patchupee
Patchupee
{ Membre }
{ Membre }

Féminin Messages : 7



Largeur (en px) du forum Empty
Fire-Fly a écrit:
Un autre truc que j'ai pensé, avez vous refait votre qeel à partir des templates? Si oui, le problème peut se trouver là car on met souvent nos largeurs en pixels et ça peut affecté tout le body.
Personnellement, je n'ai pas modifié mon qeel, mais j'ai modifié un template pour faire en sorte de supprimer les colonnes "sujets" et "messages" de l'index. Je crois que c'est tout.

Fire-Fly a écrit:
Patchupee, pour ce qui est de toi que ce ne soit pas centré, c'est peut-être à cause de ton

Code:

position: relative;
top: -9px;
bottom: -9px;

D'ailleurs, est-ce que c'est toi qui l'a fait lui ou tu l'as prit quelque part (si oui, tu te souviens où?)?
parce que si tu dis que tu veux que le haut de ton forum soit à -9px de sa position initiale et à -9px de la position initiale de son bas... c'est un peu contradictoire, et au final, il doit revenir à sa position initiale...

Ce code n'est pas de moi, c'est une amie qui me l'avait passé. Dans mes souvenirs, il marchait, mais là, je n'obtiens plus le résultat attendu, c'est à dire ne pas avoir d'espace en haut et en bas (pas de padding, donc).
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 19 Jan 2011, 12:06
Revenir en haut Aller en bas
http://la-in-live.forumactif.org/
Looney
Looney
{ Membre }
{ Membre }

Féminin Messages : 105



Largeur (en px) du forum Empty
Petit incruste pour proposé une solution, je n'ai pas tout lu, mais je sais que pour la largeur du forum en pixel c'est ceci qu'il faut mettre dans le CSS :

Code:
.bodylinewidth{
   width:600px;
}

Tu modifies la valeur à ta guise évidement Wink
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMar 25 Jan 2011, 11:47
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
ça ne fonctionne pas :/
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 26 Jan 2011, 08:39
Revenir en haut Aller en bas
http://la-in-live.forumactif.org/
Looney
Looney
{ Membre }
{ Membre }

Féminin Messages : 105



Largeur (en px) du forum Empty
Je pourrai avoir ton CSS complet s'il te plait ?
Et aussi il me faudrait savoir la valeur que tu as mis dans ton panneau d'admin - general - forum - configuration - Structure des page, celle que tu as mis pour "Largeur du forum (nombre ou %)"
s'il te plait Wink
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 26 Jan 2011, 09:18
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
Pour le CSS, il s'agit de celui qu'a posté Fire-Fly. Elle s'était occupée de mon CSS du coup, j'ai un CSS tout beau tout neuf Very Happy Je lui avais aussi montré mes templates mais le problème ne venait pas de là si j'ai compris. Concernant la "largeur du forum" c'est 700. Mon problème c'est pas la largeur des catégories en fait, c'est surtout l'espace des rp (comme sur la prise d'écran).

Je viens de remarquer qu'en fait, j'avais rajouté un truc au css de Fire-Fly. Le voici :

Spoiler:
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 26 Jan 2011, 13:51
Revenir en haut Aller en bas
http://la-in-live.forumactif.org/
Looney
Looney
{ Membre }
{ Membre }

Féminin Messages : 105



Largeur (en px) du forum Empty
Ha ok je viens de voir ce que tu cherches à faire, mais c'est impossible ça... Tu demandes au forum de faire 700ps de large, l'intérieur s'adapte ensuite... Le profil (donc avatar et info) prend dans les 200px de large plus ou moins, et les 500px restant sont donc automatiquement donné à la zone de texte... La seule chose que tu peux faire là, c'est de mettre des "marges d'écritures" à l'intérieur de la zone de texte. Comme lorsqu'on met les balises list dans notre texte par exemple, sauf que la, tu peux choisir de le mettre automatiquement à tous les texte, et autant à droite, qu'à gauche...

Je ne sais pas si je suis très clair là scratch


Edit : J'ai tout de même regarder ton CSS, et j'ai trouvé ça :
Code:
.haccordion {
padding: 0;
width: 800px;
}

#hc1 li{
margin:0 0px 0 0;
width: 800px;
}
Tu donnes donc des éléments de largeur supérieur à ton forum, automatiquement ca va le déformer, il faut donc baisser le 'width' ici et ça devrait arranger le tout Wink
C'est simple, pour qu'il n'y ait pas de déformation il faut qu'aucun élément 'width' soit supérieur à la taille de ton forum, donc pour toi 700 ^^

Ton CSS corrigé, normalement ça devrait être bon :

Code:
.forumline{
border: 1px dashed #000000 ;
-moz-border-radius:6px;
 }

body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center; /*Ligne de position du fond*/
background-repeat: no-repeat; /*Ligne collée*/
cursor:crosshair;
}



I {
border-bottom: none;
color: #AB9C50;
text-decoration: none
}


a:link {
text-decoration: none;
cursor: ne-resize;
}

a:visited {
text-decoration: none;
cursor: nw-resize;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}


.categling {
background-color: #999999;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display : block;
border-left: 10px solid #999999;
border-right: 10px solid #999999;
color: #999999;
font-weight: bold;
margin:0px;
}

.categling:hover {
background-color:#606060;
font-size: 10px;
text-align : center;
text-transform: uppercase;
border-left : 10px solid #999999;
border-right : 10px solid #999999;
color: #999999;
font-weight : bold;
margin: 0px;
}



a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px solid #7d7d7d ;
}

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 30px;
  left: 20px;
  background: #ffffff;
  color: #7d7d7d;
  padding: 3px;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

a {
font-variant: small-caps;
text-transform: lowercase ;
letter-spacing: 1px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}


a.forumlink {
  letter-spacing:0.02in;
  text-shadow: #000000 1px 1px 1px;
  -webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
  }
 
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}


#menu ul {
 margin:0px;
 padding:0;
 list-style-type:none;
 text-align:center;
 }

#menu li {
 float:left;
 margin:0;
 padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
 }

#menu li a {
 display:block;
 width:100px;
 color:#4A364E;
 text-decoration:none;
 padding:5px;
 }

#menu li a:hover {
 color:#F1ECF2;
 }


#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

#menu li ul {
 position:absolute;
 }

#menu {
 height:50px;
 }

#menu ul li ul {
 display:none;
 }


.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.text {
color:#FFFFFF;
cursor:pointer;
}

#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}

.spoiler_content {
display: block;
}

.hidden .spoiler_content {
display: none;
}

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:700px;
}

.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor: pointer;
}

.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
text-decoration:none; !important
cursor:pointer;
margin-bottom:-22px;
position:center;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}

.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}



.imguser {
border: none;
opacity: 0.5;
background-color: transparent;
}

.imguser:hover {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img {
border: none;
opacity: 1;
background-color: transparent;
}

.forumline img:hover {
border: none;
opacity: 0.5;
background-color: transparent;
}


.haccordion {
padding: 0;
width: 700px;
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}


.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}

#hc1 li{
margin:0 0px 0 0;
width: 700px;
}

#hc1 li .hpanel{
padding: 0px;
background: transparent;
}

.haccordion li .hpanel{
width: 20px;
height: 20px;
}

#hc1 li{
width: 118px;
height: 124px;
}

#hc1 li .hpanel{
width: 205px;
height: 124px;
}
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyMer 26 Jan 2011, 19:52
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Largeur (en px) du forum Empty
ah ah la blague u_u' Je me sens passablement idiote là................ ^^' Bref, merci beaucoup !! Very Happy Pour les conseils concernant les messages et le css ;P
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum EmptyJeu 27 Jan 2011, 14:51
Revenir en haut Aller en bas
Contenu sponsorisé




Largeur (en px) du forum Empty
MessageSujet: Re: Largeur (en px) du forum   Largeur (en px) du forum Empty
Revenir en haut Aller en bas
 

Largeur (en px) du forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» soucis Largeur colonne "dernier message" et largeur forum
» Largeur de mon forum O_o !
» Largeur de mon forum
» Largeur du forum >0<"
» Largeur du forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet