Design des Widgets

3 participants

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

Résolu Design des Widgets

Message par AiLDee 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

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 Ven 12 Aoû 2011 - 17:49

up svp !
AiLDee

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 Sam 13 Aoû 2011 - 4:15

UP svp Smile !
AiLDee

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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

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

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

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_ Sam 13 Aoû 2011 - 6:53

_Zilia_

_Zilia_
****

Féminin
Messages : 357
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 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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

Message par AiLDee 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

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

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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

Message par AiLDee 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

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 Dim 14 Aoû 2011 - 18:06

Je vous en prie

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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

Message par AiLDee 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

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 Lun 15 Aoû 2011 - 12:29

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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

Message par AiLDee 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

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

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design des Widgets

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

Merci beaucoup !
AiLDee

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

- Sujets similaires

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