Modification de widget

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

Résolu Modification de widget

Message par Lulu777 le Jeu 16 Fév 2012 - 1:59

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


Merci d'avance Smile Smile Smile



Dernière édition par Lulu777 le Sam 18 Fév 2012 - 7:29, édité 3 fois

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Dr. Karlos le Jeu 16 Fév 2012 - 2:19

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.


Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Jeu 16 Fév 2012 - 2:50

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

Merci Smile

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Dr. Karlos le Jeu 16 Fév 2012 - 3:01

Bonsoir,

J'avais oublié cette question. Wink 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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Jeu 16 Fév 2012 - 18:51

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

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Dr. Karlos le Ven 17 Fév 2012 - 1:27

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Ven 17 Fév 2012 - 3:16

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 Smile


Dernière édition par Lulu777 le Sam 18 Fév 2012 - 7:28, édité 2 fois

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Dr. Karlos le Ven 17 Fév 2012 - 4:22

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Ven 17 Fév 2012 - 5:40

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

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Ven 17 Fév 2012 - 19:29

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

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 victoire


Dernière édition par Lulu777 le Sam 18 Fév 2012 - 7:26, édité 1 fois

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Sam 18 Fév 2012 - 7:05

help Smile

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Dr. Karlos le Sam 18 Fév 2012 - 7:09

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification de widget

Message par Lulu777 le Sam 18 Fév 2012 - 7:23

Merci Dr. karlos Very Happy

Lulu777
*

Messages : 40
Inscrit(e) le : 05/02/2012

http://www.google.ca/
Lulu777 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