Codages Widgets.

[Plumyte]

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:

[FANCH 56]

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');
}

[Plumyte]

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

[FANCH 56]

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

[Plumyte]

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]

Le titre se trouve ou surtout ?

[Plumyte]

Up ? =S

[FANCH 56]

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

[Plumyte]

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

[SandyL]

Bonsoir,

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

[Plumyte]

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

[Plumyte]

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

[SandyL]

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 :
Panneau d'admin
Affichage : et là vous avez "Version du thème" phpBB2 ou phpBB3

[Plumyte]

Le forum est en phpBB3 (prosilver)

[Plumyte]

Toujours pas d'idée ?

[SandyL]

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 : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

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

[Plumyte]

Excusée moi :X

[HPie]

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

[Plumyte]

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]

UP ? =s

[Plumyte]

up >_<

[Plumyte]

Up'

[demeter1]

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

[Plumyte]

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]

UP

[Plumyte]

Problème résolut