Largeur, taille widgets

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

Résolu Largeur, taille widgets

Message par Gorgorbey le Dim 25 Sep 2011 - 13:54

Bonjour,

Je cherche à réduire la largeur des widgets de gauche à savoir moins de 180 px qui sont le minimum dans la gestion des widgets. J'aimerai le mettre à 135 px. Y a-t-il une balise CSS pour cela ?

Merci d'avance,

Gorgorbey


Dernière édition par Gorgorbey le Sam 1 Oct 2011 - 19:15, édité 1 fois

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Mar 27 Sep 2011 - 8:00

J'ai oublié de préciser, mon forum est en phpBB2.

Up

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Mer 28 Sep 2011 - 7:02

Up Smile

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Jeu 29 Sep 2011 - 7:21

UP

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Ven 30 Sep 2011 - 7:56

La question est si complexe que ça ?^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Ven 30 Sep 2011 - 9:08

Bonjour Gorgorbey ^^

Est-ce pour le forum que je vois dans votre profil ? Pour le widget menu ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Ven 30 Sep 2011 - 13:45

Salut Macema Wink

Oui c'est ça j'ai changé le forum du profil donc c'est bien le bon. Et c'est le widget menu oui.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Ven 30 Sep 2011 - 13:49

Dans ce cas pourquoi ne pas reprendre la structure d'un widget normal (tu la trouves dans les templates, suffit de remplacer les balises par ton titre et ton contenu normal) mais en le cadrant à 130px, et le mettre dans le contenu d'un widget dont tu n'utiliserais pas le cadre de base.

ça pourrait etre plus simple non pour contourner la limite ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Ven 30 Sep 2011 - 13:54

Ok je verrai ça ce soir en rentrant je te tiens au courant Very Happy

EDIT : par contre c'est quel template ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Ven 30 Sep 2011 - 14:28

:p le template Portail > standart

En gros cela donnerait à mettre dans le contenu du widget sans utiliser la table type :
Code:
<table class="forumline" width="135" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed  module-title">TITRE VOULU</span>
</td>
</tr>
<tr>
<td class="row2 genmed" align="left">CONTENU</td>
</tr>
</table>
^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Ven 30 Sep 2011 - 15:32

C'est niquel j'ai modifié le width 100% du template.

Autre question j'en profite, comment centrer verticalement le texte ?
J'ai essayé ça :
Code:
<table class="forumline" width="135" border="0" cellspacing="1" cellpadding="0" vertical-align="middle">

Marche pas^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Ven 30 Sep 2011 - 16:29

un valign="middle" dans le td de contenu devrait passer mieux Siffleur

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Ven 30 Sep 2011 - 16:38

Code:
<!-- BEGIN table_row -->
<table class="forumline" width="135" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25" valign="middle">
<span class="genmed  module-title">{table_row.L_TITRE}</span>
</td>
</tr>
<!-- END table_row --><!-- BEGIN not_table_row -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- END not_table_row -->
<tr>
<td {CLASS_TABLE_TYPE} align="left" valign="middle">{S_SOURCE}</td>
</tr>
</table>

J'ai essayé le valigne aux deux td comme dans le code au dessus et rien ne change. Je suis peut être pas dégourdis^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Ven 30 Sep 2011 - 21:50

Pourrais-tu me faire un screen exactement du problème, me l'expliquer dessus ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 11:39

Oui bien sur voilà :


J'espère que c'est plus clair Wink
J'en profite aussi pour demander comment enlever la couleur noire en fond des widgets ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Sam 1 Oct 2011 - 11:55

Déjà il faudrait mieux prendre ce que je t'avais donné ^^ cat il te reste des parties de balises template dans le tien.
Macema a écrit:En gros cela donnerait à mettre dans le contenu du widget sans utiliser la table type :
Code:
<table class="forumline" width="135" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed  module-title">TITRE VOULU</span>
</td>
</tr>
<tr>
<td class="row2 genmed" align="left">CONTENU</td>
</tr>
</table>
^^

A partir de là, remettre les <td valign="middle"> et enlever pour ton fond le class="row2 genmed" et le class="forumline"

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 12:20

Code:
<table class="forumline" width="135" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed  module-title">MENU</span>
</td>
</tr>
<tr>
<td class="row2 genmed" align="left" valign="middle"><div id="menu">
<li><a href="http://warx.forumactif.com/">Accueil</a></li>
<li><a href="http://warx.forumactif.com/faq">FAQ</a></li>
<li><a href="http://warx.forumactif.com/groups">Groupes</a></li>
<li><a href="http://warx.forumactif.com/memberlist">Membres</a></li>
<li><a href="http://warx.forumactif.com/profile?mode=editprofile">Profil</a></li>
<li><a href="http://warx.forumactif.com/privmsg?folder=inbox">Messagerie</a></li>
<li><a href="http://warx.forumactif.com/search">Rechercher</a></li>
</div></td>
</tr>
</table>

Pas de changement dans l'alignement vertical.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Sam 1 Oct 2011 - 12:23



Pour moi à ce que je vois c'est pourtant aligner verticalement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 12:32

Hum on se comprend pas c'est bien ce que je pensais.
Tu vois au niveau de chaque lien il y a la même image en fond. Une image pour chaque ligne du tableau. Je voudrais centrer verticalement chaque lien par rapport aux images donc par rapport à chaque cellule.
C'est plus clair là ?


Exemple1

Exemple2


Je voudrais comme l'exemple en vert et pas celui en rouge (ce que j'ai actuellement).

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Sam 1 Oct 2011 - 12:38

Donc c'est le widget que tu voudrais centrer ^^

tu veux lui donner une position fixe aussi pour qu'il suive le forum ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 12:44

On se comprend toujours pas^^
je vais refaire le widget en tableau :

MENU


Accueil

FAQ

Groupes

Membres

Profils

Messagerie

Rechercher

Voilà je voudrais ça au lieu de :

MENU

Accueil

FAQ

Groupes

Membres

Profils

Messagerie

Rechercher



Voilà ça c'est ce que j'ai actuellement !
Et puisque tu en parle si ça pouvais aussi suivre le défilement ce serait pas mal.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Sam 1 Oct 2011 - 12:51

^^ ok ce sont les liens alors sur lesquels il faut travailler. Oui en effet, j'avais pas pigé.

Peux-tu me passer la css associée pour que e tests de mon coté (en fait surtout celle des images des boutons) ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 12:54

Code:
#menu li {
text-align: center;
margin: 0;
padding: 0;
list-style-type: none;
border:1px solid #000000;
background-image : URL(http://i49.servimg.com/u/f49/16/29/33/30/bg_men11.png);
height : 30px;
width : 135px; }
       
#menu li a {
font-size:14px;
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}
       
#menu li a:hover {
font-size:14px;
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
background-image : URL(http://i49.servimg.com/u/f49/16/29/33/30/bg_men10.png);}

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Largeur, taille widgets

Message par SoraNoHime le Sam 1 Oct 2011 - 18:58

Code:
#menu li a {
font-size:14px;
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}

ajoute un
Code:
padding-top : 5px;
règle le si besoin. Wink

pour le fixer, mets autour du code un
Code:
<div class="fixmenu">
et
Code:
</div>
et dans la css
Code:
.fixmenu {
position : fixed;
}

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur, taille widgets

Message par Gorgorbey le Sam 1 Oct 2011 - 19:14

J'ai ajouté un margin-top:-150px; au fixmenu pour remonter le menu qui se collait au bas de la page.
C'est parfait comme toujours Macema Wink
Merci Bizz

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey 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