Design des Widgets

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

Résolu Design des Widgets

Message par AiLDee le Ven 12 Aoû 2011 - 6:21

Bonjour à tous, sur mon Forum, mes widgets sont tous encadrés, dans un tableau, et je me demande comment faire pour pouvoir faire comme ici, comme vous pouvez le voir à votre gauche. Les Widgets de ce forum ne sont pas dans un tableau et ils sont bien présentés, comment faire ?


Dernière édition par AiLDee le Mar 16 Aoû 2011 - 5:49, édité 1 fois

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par AiLDee le Ven 12 Aoû 2011 - 17:49

up svp !

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par AiLDee le Sam 13 Aoû 2011 - 4:15

UP svp Smile !

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Sam 13 Aoû 2011 - 4:46

Bonjour

en fait les widgets ici sont entourer en blanc. le fond étant blanc également ça donne un effet sans bordure. Mais en fait, elles sont bien là ^^

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: Design des Widgets

Message par AiLDee le Sam 13 Aoû 2011 - 6:34

ah d'accord, mais comment changer la couleur du cadre du widget ?

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par _Zilia_ le Sam 13 Aoû 2011 - 6:53

Coucou

http://www.themes-fa.com/t2027-barres-et-fonds-des-widgets-different-de-ceux-du-forum

_Zilia_
****

Féminin
Messages : 339
Inscrit(e) le : 25/01/2011

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Sam 13 Aoû 2011 - 12:02

Vous pouvez-le faire en passant par les templates pour leur attribuer des class différentes. Pour le tour, il faut modifier la class forumline dans le code. pour le fond du titre la class catLeft et pour le fond du module row1.

vous trouverez tous les widgets concernés dans PA > Affichage > Templates : Portail.

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: Design des Widgets

Message par AiLDee le Sam 13 Aoû 2011 - 20:56

Je m'y connais pas vraiment beaucoup en codes, donc sa serait simpa si quelqu'un pouvait m'aider avec ca Smile !

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par AiLDee le Dim 14 Aoû 2011 - 6:52

Bon, je m'y connais déjà unpeu mieu en codes depuis hier, mais quel template je dois modifier pour passer :

De ça ;
Spoiler:


À ça ;
Spoiler:


AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Dim 14 Aoû 2011 - 14:01

Dans les templates à Portail vous avez citer la liste des widget qui peuvent être modifiés ainsi que leur descrition. Ici c'est le widget statistique : soit mod_statistics


Son code se présente ainsi, comme pour la plupart des widgets :

Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_STATISTICS}</span>
</td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS}<br />{NEWEST_USER}<br />
<br />{TOTAL_POSTS} {TOTAL_TOPICS}<br /></span></td>
</tr>
</table>

Comme je vous ai dit plus haut :
Pour le tour, il faut modifier la class forumline dans le code. pour le fond du titre la class catLeft et pour le fond du module row1.

vous n'avez besoin de touché à rien d'autre. N'oubliez pas de publier votre template une celui-ci fini.

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: Design des Widgets

Message par AiLDee le Dim 14 Aoû 2011 - 18:04

Ok d'accord, il faut donc le faire pour chacun de mes widgets si je comprend bien. Je vais essayer de faire quelque chose avec sa merci beaucoup !

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Dim 14 Aoû 2011 - 18:06

Je vous en prie

au moindre problème hésitez pas à me demander ici ^^

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: Design des Widgets

Message par AiLDee le Lun 15 Aoû 2011 - 1:59

J'ai beau tout changer, je n'arrive vraiment pas à obtenir le résultat souhaiter .. J'aimerais avoir unpeu d'aide sur comment modifier mon template, changer les couleurs, formes, etc ..

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Lun 15 Aoû 2011 - 12:29

Faites moi un schéma de ce que vous désirez ^^ Je vous indiquerai la marche à suivre.

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: Design des Widgets

Message par AiLDee le Lun 15 Aoû 2011 - 18:25

Je voudrais unpeu comme ceux sur ce forum, sans image de fond de titre, donc l'écriture directement sur le widget et souligné, avec un fond de couleur ;
#575757

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

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

Résolu Re: Design des Widgets

Message par SoraNoHime le Mar 16 Aoû 2011 - 1:54

Repérez ceci sur le template mod_statistics

Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_STATISTICS}</span>
</td>

pour enlever le contour supprimez : class="forumline"

Puis changez carLeft par widgperso.

et enfin dans la css ajouter :

Code:
.widgperso {
background-color : #575757;
border-bottom : 1px solid #ff0000;
}

à personnaliser.

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: Design des Widgets

Message par AiLDee le Mar 16 Aoû 2011 - 5:49

Merci beaucoup !

AiLDee
***

Masculin
Messages : 156
Inscrit(e) le : 10/07/2010

http://dreamhl.forumactif.com/
AiLDee 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