personnalisé les sondages

[Ayael]

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!

[Ayael]

toujours d'actualité!

[Ayael]

toujours d'actualité!

[Ea]

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.

[Ayael]

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

[Ea]

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.

[Ayael]

ça marche parfaitement, merci beaucoup à toi ! ♥

[Ea]

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.