personnalisé les sondages

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

Résolu personnalisé les sondages

Message par Ayael le Dim 18 Nov 2012 - 21:49

Bonjour, j'ai voulu personnaliser un peu les sondages de mon forum, (je voulais les mettre au dessus de nouveau répondre/et leur mettre un fond.)

J'ai donc créer un code comme ceci :

CSS :
Code:
.sondage {

 background-image:url("http://i36.servimg.com/u/f36/16/36/06/79/dagrad11.png");
width: 500px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:35px;
  border:2px solid #CBD2D0; /*bordure : largeur type couleur*/
    border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;


}

Dans le template :
Code:
<table class="sondage"><tr> <td> {POLL_DISPLAY}</td></tr></table>
 

<table width="100%" border="0" cellspacing="2" cellpadding="2">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>

Je précise que j'ai essayé de mettre : [code]<div class="sondage">{POLL_DISPLAY}</div> et que ça ne marche pas...

Cependant le problème est que, dans tous les messages où il n'y a pas de sondage, une petite barre apparait et je n'arrive pas à l'enlever >.<


merci d'avance à vous!


Dernière édition par Ayael le Mer 21 Nov 2012 - 16:12, édité 1 fois

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisé les sondages

Message par Ayael le Lun 19 Nov 2012 - 19:29

toujours d'actualité!

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisé les sondages

Message par Ayael le Mar 20 Nov 2012 - 20:47

toujours d'actualité!

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisé les sondages

Message par Ea le Mer 21 Nov 2012 - 1:31

Bonjour,


Vous pouvez mettre :

Code:
AAAAAAA{POLL_DISPLAY}BBBBBBB
Dans la template, et aller voir sur une page avec un sondage et faire CTRL + U puis copier ce qui se trouve entre les A et les B dans un code dans un message dans ce sujet ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23421
Inscrit(e) le : 04/04/2008

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

Résolu Re: personnalisé les sondages

Message par Ayael le Mer 21 Nov 2012 - 15:40

Merci pour votre attention, voilà ce que vous demandez :
Code:
 AAAAAAA<tr><td class="row2" colspan="2" align="right"><br clear="all" /><form method="post" action="/post?t=678&amp;mode=vote"><a href="/post?topic_id=678&amp;vote_id=100&amp;vote_start=1227437756&amp;mode=close_vote"><img src="http://i48.servimg.com/u/f48/11/08/82/82/bouton10.gif" id="i_icon_delete" alt="Clore ce sondage" title="Clore ce sondage" /></a><table cellspacing="0" cellpadding="4" border="0" align="center" ><tr><td align="center"><span class="gen"><b>Le SPOR va t'il faire trebucher le Sluc</b></span></td></tr><tr><td align="center"><table cellspacing="0" cellpadding="0" border="0" class="poll-ballot"><tr><!--
 <td><input type="radio" name="vote_id" value="0" /> </td> --><td><input type="radio" name="vote_id[]" value="0" /> </td><td><span class="gen">oui</span></td></tr><tr><!--
 <td><input type="radio" name="vote_id" value="2" /> </td> --><td><input type="radio" name="vote_id[]" value="2" /> </td><td><span class="gen">non</span></td></tr></table></td></tr><tr><td align="center"><input type="submit" name="submit" value="Envoyer le vote" class="liteoption" /></td></tr><tr><td align="center"><span class="gensmall"><b><a href="/t678-sondage-spo-rouen-sluc-nancy?vote=viewresult" class="gensmall">Voir les résultats</a></b></span></td></tr></table><input type="hidden" name="topic_id" value="678" /><input type="hidden" name="mode" value="vote" /><input type="hidden" name="tid" value="f94611282114e7fc885ce4ca6d045f22" /></form></td></tr>BBBBBBB

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisé les sondages

Message par Ea le Mer 21 Nov 2012 - 16:02

Pour avoir une structure ok ( tr dans table, td dans tr ) vous pouvez mettre :

Code:
<table class="sondage">{POLL_DISPLAY}</table>
Et puis pour le css :

Code:
.sondage td.row2 {
 
 background-image:url("http://i36.servimg.com/u/f36/16/36/06/79/dagrad11.png");
width: 500px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:35px;
  border:2px solid #CBD2D0; /*bordure : largeur type couleur*/
    border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
 
 
}
Il faudra peut-être un peu modifier ( vu qu'il doit déjà y avoir du css sur .row2 qui pourrait interférer ) mais ça devrait se rapprocher de ce que voulu.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23421
Inscrit(e) le : 04/04/2008

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

Résolu Re: personnalisé les sondages

Message par Ayael le Mer 21 Nov 2012 - 16:12

ça marche parfaitement, merci beaucoup à toi ! ♥

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisé les sondages

Message par Ea le Mer 21 Nov 2012 - 18:46

Ok.

Sinon dans ce cas-ci grâce à la structure qui remplace la variable ça pouvait être fait comme ça juste avec du css, mais si ça n'avait pas été le cas il aurait fallu un code javascript de ce style après l'élément :

Code:
<script>$('.sondage').each(function(){ if($(this).html()=='') $(this).remove() })</script>
( pour le supprimer dans le cas où ce qu'il contient est vide )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23421
Inscrit(e) le : 04/04/2008

Ea 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