Régler la largeur colonne profil

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

Résolu Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 9:39

J'aimerais réduire la largeur de la colonne "profil" pour l'adapter à l'avatar (réglé à un max 150 pixels).



Mon forum est en phpBB3 je ne peux donc pas intervenir sur les templates.

Merci de bien vouloir m'aider.


Dernière édition par Tiote valisse le Sam 17 Sep 2011 - 12:01, édité 1 fois

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 9:55

Salut ,

dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
ajoutes ceci:

Code:
.postprofile dd, .postprofile dt
{
width:180px;*/ diminue selon le besoin/*
line-height: 1.2em;
margin-left: 8px;
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 10:14

@milouze14 a écrit:Salut ,

dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
ajoutes ceci:

Code:
.postprofile dd, .postprofile dt
{
width:180px;*/ diminue selon le besoin/*
line-height: 1.2em;
margin-left: 8px;
}

a++

J'ai essayé en utilisant plusieurs "width" ... ça ne change rien.

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 10:15

Tu peux déposer ta css complète ici stp entre les balises codes Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 10:51

@milouze14 a écrit:Tu peux déposer ta css complète ici stp entre les balises codes Wink

a++

Toute la CSS de base ou seulement ce que je lui ai déjà rajouté ?

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 10:55

Celle que tu as ajouté stp Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Thais3 le Sam 17 Sep 2011 - 10:56

ce code n'est que pour phpbb3 ? car moi aussi j'aimerais régler la colonne mais moi je suis en phpbb2 et j'ai tester votre code sa n'a pas marcher

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 10:59

@milouze14 a écrit:Celle que tu as ajouté stp Wink

a++

Jusqu'alors je n'avais rajouté que ça
Code:
div.h3 {color:#0000ff; }

Ce que tu m'avais proposé tout à l'heure et qui n'a pas marché je l'ai effacé.

Merci de bien vouloir ainsi t'occuper de mon cas ! Wink

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:04

Ok merci,
ta version est bien en phpbb3 ?

Dans ta c.s.s
ajoutes ceci:
Code:
.postprofile
{
width:160px;/*augmente/diminue en px*/
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:07

@Thais3 a écrit:ce code n'est que pour phpbb3 ? car moi aussi j'aimerais régler la colonne mais moi je suis en phpbb2 et j'ai tester votre code sa n'a pas marcher

Salut,
la prochaine fois il faudra poster un nouveau sujet Wink

Modifie via tes templates
Affichage/Templates/Généra/viewtopic_body/

rechercher ceci:
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
Modifier la largeur:
Code:
width="150">
rechercher ceci:
Code:
<img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
Modifier la largeur:
Code:
width:150px

Validez la modification en cliquant sur

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:11

@milouze14 a écrit:Ok merci,
ta version est bien en phpbb3 ?

Dans ta c.s.s
ajoutes ceci:
Code:
.postprofile
{
width:160px;/*augmente/diminue en px*/
}

a++

C'est OK ! Merci! Mais je voudrais que le texte du message recule d'autant vers la gauche. Excuse-moi de t'embêter ainsi. Wink

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:18

Essayes ceci:

Code:
.postbody
{
width: 100%;
padding:2px;
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:23

@milouze14 a écrit:Essayes ceci:

Code:
.postbody
{
width: 100%;
padding:2px;
}

a++

J'ai essayé mais le texte du message est alors reporté complètement à gauche et ne respecte donc pas la marge.

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:25

Ok refais le test et laisse la page ainsi que je vois le soucis Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:29

Ok

supprimes
Code:
  .postbody
        {
        width: 100%;
        padding:2px;
        }

et remplace par:

Code:
  .postbody
        {
        width: 70%;
        padding:2px;
        }

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:31

@milouze14 a écrit:Ok refais le test et laisse la page ainsi que je vois le soucis Wink .

a++

Je l'ai refait mais j'ai dû l'enlever aussitôt car tout était désorganisé.

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:34

Ok
supprimes le code précédent et remplace par:
Code:
 .postbody
{
clear: both;
color: #000000;
float: left;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 76%;
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:37

@Tiote valisse a écrit:
@milouze14 a écrit:Ok refais le test et laisse la page ainsi que je vois le soucis Wink .

a++

Je l'ai refait mais j'ai dû l'enlever aussitôt car tout était désorganisé.


J'ai remis selon tes nouvelles indications voici les codes

Code:
div.h3 {color:#0000ff; }
        .postprofile
        {
        width:180px;/*augmente/diminue en px*/
        }
 .postbody
        {
        width: 70%;
        padding:2px;
        }
Le texte est maintenant trop à droite.

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:39

@milouze14 a écrit:Ok
supprimes le code précédent et remplace par:
Code:
 .postbody
{
clear: both;
color: #000000;
float: left;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 76%;
}

a++


Wink je vais trop vite Very Happy

celui-ci devrait répondre à tes attentes Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:45

@milouze14 a écrit:
@milouze14 a écrit:Ok
supprimes le code précédent et remplace par:
Code:
 .postbody
{
clear: both;
color: #000000;
float: left;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 76%;
}

a++


Wink je vais trop vite Very Happy

celui-ci devrait répondre à tes attentes Wink

a++

Oui c'est mieux mais la colonne profil est maintenant à droite , j'aimerais la conserver à gauche. Wink

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:47

Alors change par ceci:
Code:
.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 100%;
        }

ensuite joue avec ceci: width: 100%;

Diminue progressivement jusqu'à obtention du résultat voulu Wink
Exemple
99% etc etc

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Tiote valisse le Sam 17 Sep 2011 - 11:55

@milouze14 a écrit:Alors change par ceci:
Code:
.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 100%;
        }

ensuite joue avec ceci: width: 100%;

Diminue progressivement jusqu'à obtention du résultat voulu Wink
Exemple
99% etc etc

a++

C'est OK avec "width" à 82 . Un grand merci

Tiote valisse
*

Messages : 42
Inscrit(e) le : 12/09/2011

http://forum-plus.forumactif.org
Tiote valisse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la largeur colonne profil

Message par Milouze14 le Sam 17 Sep 2011 - 11:57

De rien mon ami(e) Wink .

Penses à éditer ton message initial et coche l'icône résolu Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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


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