Modification de widget

[Lulu777]

Bonjour ^^
Je cherche du css pour modifier TOUTES LES widgets (donc Widget prédéfinis
et Widgets personnels)


Merci d'avance

[Dr. Karlos]

Bonsoir,

Pour changer la couleur des titres et les centrer, il s'agit de ce code:

Code:

.module-title {
color: #couleur;
text-align: center;
}

Modifiez #couleur par la couleur désirée.

Pour le fond des titres:

Code:

td.catLeft {
background-color: #couleur;
background-image: none;
}

Même modification que pour le précédent code concernant la couleur.


Cordialement.

[Lulu777]

Bonjour

Merci Dr. Karkos ça marche parfaitement

Maintenant je cherche un css pour mettre une IMAGE DE FOND DE TOUS LES WIDGETS

Quelqu'un peut m'aider?

Merci

[Dr. Karlos]

Bonsoir,

J'avais oublié cette question. C'est réalisable à l'aide de ce CSS:

Code:

td.row1 {
background-image: url('URL DE L'IMAGE');
}

Par contre, l'image s'appliquera à plusieurs autres tableaux sur le forum.

Nous pouvons toujours modifier par template la class des widgets que vous utilisez et instaurer un tableau pour vos widgets personnalisés.


Cordialement.

[Lulu777]

Bonjour ^^

Nous pouvons toujours modifier par template la class des widgets que vous utilisez et instaurer un tableau pour vos widgets personnalisés.

Je préfère cette solutions svp =)

Merci

[Dr. Karlos]

Bonsoir,

Les widgets sont tous structurés de la même façon. La partie à modifier est celle-ci dans tous les templates se trouvant dans votre PA > Affichage > Templates > Portail, sauf poll_ballot, poll_result et portal_body:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Changez cette partie par:

Code:

<table class="forumline2" width="100%" border="0" cellspacing="1" cellpadding="0">

Par la suite, insérez ce code dans votre CSS pour modifier l'image de fond:

Code:

.forumline2 .row1 {
background-image: url(URL DE L'IMAGE);
}

Pour modifier le fond de couleur des titres, modifiez ce code CSS:

Code:

.forumline2 td.catLeft {
background-color: #couleur;
}

Cordialement.

[Lulu777]

Bonsoir ^^

Merci ca marche niquel =DDDDDDDDDDD

JA'i un petit soucis pour le template du widget j'aimerais lui mettre une image de fond, fond de titre center agrandir la taille des titres et du contenue et changer la couleur de son contenue et celle des titres
Mais pour ce widget je veux qu,il soit différent des autres widget donc je suppose qu'il faut que je mette ''forumline3'' mais quelle parties remplacer

J'ai essayé de mettre ceci dans le css mais ca marche pas

Code:


.forumline mod_news .row1 {
background-image: url('http://hitskin.com/themes/18/11/4/i_background.jpg');
}

Je voudrais egalement obtenir le css svp

Merci Dr. Karlos

[Dr. Karlos]

Bonsoir,

Pour changer le titre des sujets s'y trouvant, il s'agit de trouver ce code dans votre template:

Code:

<td class="catLeft" height="25">
         <a name="news_{post_row.ID}"></a><span class="genmed">{post_row.TITLE}</span>
      </td>

Que vous modifiez par:

Code:

<td class="tablenews" height="25">
         <a name="news_{post_row.ID}"></a><span class="titrenews">{post_row.TITLE}</span>
      </td>

Le CSS s'y rattachant:

Code:

 .titrenews { /* titre des news */
font-size: 0px;
color: #couleur;
}
 .tablenews{ /* barre des titres de sujet */
text-align: center;
}

Pour le contenu, trouvez cette partie:

Code:

<span class="gensmall content" style="line-height:150%">
            {post_row.TEXT}<br /><br />

Changez-la en celle-ci:

Code:

<span class="contentnews" style="line-height:150%">
            {post_row.TEXT}<br /><br />

Le CSS s'y rapportant:

Code:

.contentnews { /* contenu des news */
color: #couleur;
font-size:
}

Pour l'image de fond, il s'agit plutôt de ce code CSS:

Code:

 
.forumline.mod_news .row1 {
background-image: url('http://hitskin.com/themes/18/11/49/i_background.jpg');
}

Cordialement.

[Lulu777]

toujours aussi efficace
Merci beaucoup je test demain mais je suis deja sure que ca va fonctionner =)

[Lulu777]

Bonjour tout marche très bien. Je vous remercie infiniment

Une dernière question svp
J'aimerais mettre ca

border:1px solid black;
-moz-border-radius:5px;
box-shadow:0 0 5px black;
background-color:#FFF;
padding:5px

Merci

[Lulu777]

help

[Dr. Karlos]

Bonsoir,

Insérez ce code dans votre CSS:

Code:

table.forumline.mod_news {
border:1px solid black;
-moz-border-radius:5px;
box-shadow:0 0 5px black;
-moz-box-shadow:0 0 5px black;
-webkit-box-shadow:0 0 5px black;
border-image:initial;
background-color:#FFF;
padding:5px;}

Cordialement.

[Lulu777]

Merci Dr. karlos