Codages Widgets.

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

Résolu Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 13:06

Bonjour,

J'ai chercher plusieurs solution mais aucune n'a porté ses fruits :/.
Plusieurs forum que je côtoie on réussit a inclure une image dans des widgets déjà existante et supprimer les titre, l'exemple ci-dessous est l'exemple d'un widgets pour les "Sujets Récents".

En espérant que vous pourriez me dire comment procédé pour obtenir à peut-prêt le même résultat.
Spoiler:


Dernière édition par Plumyte le Mar 6 Nov 2012 - 20:50, édité 1 fois

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par FANCH 56 le Mar 30 Oct 2012 - 13:48

Bonjour

Voici le code à mettre dans ton CSS
Code:

/* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

.module .maintitle {

  padding:1px;

  background-image: url('LIEN DE L'IMAGE');
}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 14:19

Merci, mais encore une question, le changé l'encart correspond a quoi ?

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par FANCH 56 le Mar 30 Oct 2012 - 14:20

C'est l'endroit où se trouve le titre

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 14:25

Je comprends pas vraiment peux-tu être plus précis et donné un exemple ? Je suis désolé, je suis très lente a la compréhension :/

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 14:54

Le titre se trouve ou surtout ?

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 17:17

Up ? =S

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par FANCH 56 le Mar 30 Oct 2012 - 18:01

L'encart du titre c'est çà.



Voici tous les différents CSS pour les widgets. a toi de travailler pour voir les modifs à faire.

Code:

/* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

div.module h3 {

   text-align: center;
}


/* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

.module .maintitle h3 {

   line-height: 20px;
}

/* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

.module h3 {

   margin-top:5px;
}

/* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

.module .maintitle {

  padding:1px;

  background-image: url('LIEN');
}


/* ************ COULEUR DE FOND DES WIDGETS ********************************* */

.module .box-content {

   background-color: #F0F0F0;
}

/* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

.module .maintitle h3 {

   float: none;

   font-size: 1em;

   color: #19233C;
}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 18:33

Merci mais j'ai mit ça mais ça change rien -_-'

Code:
/Qui est en ligne/
       
        .module .maintitle {
       
          padding:1px;
       
          background-image: url('http://image.noelshack.com/fichiers/2012/44/1351618393-pwet.png');
        }

Mais rien ne se passe :/

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par SandyL le Mar 30 Oct 2012 - 18:36

Bonsoir,

La première des choses :
- l'url de votre forum
- la version de votre forum

Very Happy

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 18:56

Le lien : http://crimson-academie.forumactif.org/
Le forum est en PHPBB

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 30 Oct 2012 - 19:58

Que dois-je faire ? J'ai tout essayé >.<

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par SandyL le Mer 31 Oct 2012 - 10:36

Il me faudrait la version du forum, mais j'ai l'impression que ce sont des widgets sans table avec un titre créé.

Pour la version du forum :
Arrow Panneau d'admin
Arrow Affichage : et là vous avez "Version du thème" phpBB2 ou phpBB3

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mer 31 Oct 2012 - 10:57

Le forum est en phpBB3 (prosilver)

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mer 31 Oct 2012 - 15:34

Toujours pas d'idée ?

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par SandyL le Mer 31 Oct 2012 - 15:40

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Donc patience.... vous êtes pas mal de membre, faut qu'on réfléchisse, que l'on teste, que l'on travaille, que l'on s'occupe de nos familles, etc...

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mer 31 Oct 2012 - 16:13

Excusée moi :X

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par HPie le Mer 31 Oct 2012 - 16:46

Bonjour,

Pour supprimer tous les titres de vos widgets (Connexion, Qui est en ligne, meilleurs posteurs, Derniers sujets, etc...)
Code:
.inner .h3 { display: none; }

Pour mettre une image de fond dans le widget "Derniers Sujets"
Code:
div#comments_scroll_div { background: url("URL IMAGE"); }

Cordialement

HPie
*****

Messages : 572
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mer 31 Oct 2012 - 17:32

Bon je sais je suis chiante mais je comprend pas du tout >_< Comment indiqué par exemple que je veux que ce soit juste le qui est en ligne qui reçoit l'image ? Je suis désolée ..

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Jeu 1 Nov 2012 - 20:51

UP ? =s

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Ven 2 Nov 2012 - 18:39

up >_<

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Dim 4 Nov 2012 - 21:25

Up'

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par demeter1 le Dim 4 Nov 2012 - 21:51

Vous voulez quoi exactement???? Au début du topic, vous parlez des widgets et sur votre dernier message du "qui est en ligne"!!!!!!!!!!!!

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Lun 5 Nov 2012 - 10:35

Sufit de lire, comme dans l'exemple donné, dans les Widgets, il on pu modifié ses derniers déjà installé comme le "Qui est en Ligne" Afin de ajouté une image pour illustré le qui est en ligne. Je voudrais faire la même chose, hors, je n'ai pas le code qui permet de faire ça, ou la technique ..
EDIT : C'est des code HTML, j'ai trouvé deux / 3 code mais il me faudrait un code détaillé pour les connexion des membres ect ... Car c'est un peu complexe :/ j'ai ça :

Code:
<div id="left"><div style="margin-bottom:-70px;text-align:center;width:100%"><img src="http://image.noelshack.com/fichiers/2012/45/1352109820-ncrujfbncurf.png" alt="" border="0"></div><div style="height:4px"></div>
<br>
<br><div style="height:1px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Conectarse</div><br><form action="/login" method="post"><p><label for="username"><strong>Nom d'utilisateur:</strong></label></p><p style="height:2em;valign:top;"><input name="username" id="username" size="15" maxlength="40" value="" class="inputbox autowidth" type="text"></p><p><label for="password"><strong>Mot de passe:</strong></label></p><p style="height:2em;valign:top;"><input id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" type="password"></p><p align="center"><a href="/profile?mode=sendpassword" rel="nofollow">Récupéré mon mot de passe</a></p><p align="center"><input name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" type="checkbox"><label for="autologin"> Se connecter automatiquement à chaque visite</label></p><p align="center"><input name="login" tabindex="6" value="Connexion" class="button1" type="submit"></p></form><span class="corners-bottom"><span></span></span></div></div><div style="height:1px"></div><div style="margin:auto;text-align:center;width:100%"><div style="margin-bottom:-70px;text-align:center;width:100%"><img src="http://24.media.tumblr.com/tumblr_mcvk17x01B1ro50h1o1_400.png" alt="" border="0"></div><div style="height:4px"></div>
<br>
</div><div style="height:1px"></div><br>
Bien sur l'affichage est bon, mais quand on tape le nom d'utilisateur et le mot de passe, rien de se passe :/ Pas de connexion, pas d'info de compte. On peut m’aider a résoudre ce problème ?

NEW EDIT : Non en fait rien ne maaaaaaarche T_______T

---> http://etoile-academy.iowoi.org/forum (Exemple de ce que je veux faire a gauche)

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 6 Nov 2012 - 11:49

UP

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codages Widgets.

Message par Plumyte le Mar 6 Nov 2012 - 20:50

Problème résolut Wink

Plumyte
*

Messages : 46
Inscrit(e) le : 31/10/2011

http://coin-graph.forumactif.org/
Plumyte 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