Insérer un sondage dans la page index

Insérer un sondage seulement sur la page index

Cette modification n'est applicable que si vous avez un index personnalisé!

Le dossier shoutbox

Pour avoir un sondage seulement sur la page index, Voici comment procéder:

Pour commencer, copier le dossier poll qui est à la racine du site, dans le dossier "templatesVotre-Thèmemodules". Dans ce dossier "poll" il ne faut laisser que poll_mini.tpl. Le reste est à supprimer, ce qui nous reste:

poll

poll_mini.tpl

L'index.php

Maintenant retour à la racine du site, éditez votre index.php. Et placer ce code là ou vous le souhaitez, mais de préférence à la suite d'un :

Code PHP :

 
<?php require_once PATH_TO_ROOT . '/poll/poll_mini.php'; echo poll_mini(0, BLOCK_POSITION__TOP_CENTRAL); ?>

La personnalisation

Le poll_mini.tpl

Ouvrez le fichier poll_mini.tpl qui se trouve dans "templatesVotre-Thèmemodulespoll", et vous supprimez tout et copiez ceci :

Code TPL :

# START question #
<form method="post" action="{PATH_TO_ROOT}/poll/poll{question.ID}" class="normal_form">
<div class="module_poll_container" style="width:100%;">
<div class="module_poll_top">
<h5 class="sub_title">{L_poll_POLL}</h5>
</div>
<div class="module_poll_contents" style="text-align:center">
<span style="font-size:10px;">{question.QUESTION}</span>
<hr style="width:90%;" />
<br />
<p style="padding-left: 6px;text-align: left;">
# START question.radio #
<label><input type="radio" name="radio" value="{question.radio.NAME}" /> <span class="text_small">{question.radio.ANSWERS} </span></label>
<br /><br />
# END question.radio #
# START question.checkbox #
<label><input type="checkbox" name="{question.checkbox.NAME}" value="{question.checkbox.NAME}" /> <span class="text_small">{question.checkbox.ANSWERS}</span></label>
<br /><br />
# END question.checkbox #
</p>
<p style="margin:0;margin-top:10px;">
<input class="submit" name="valid_poll" type="submit" value="{L_VOTE}" /><br />
<a class="small_link" href="{PATH_TO_ROOT}/poll/poll{U_POLL_RESULT}">{L_POLL_RESULT}</a>
</p>
</div>
<div class="module_poll_bottom">
</div>
</div>
</form>
# END question #
# START result #
<div class="module_poll_container">
<div class="module_poll_top">
<h5 class="sub_title">{L_poll_POLL}</h5>
</div>
<div class="module_poll_contents">
<span style="font-size:10px;">{result.QUESTION}</span>
<hr style="width:90%;" />
<br />
# START result.answers #
<p style="padding-left:6px;text-align:left;width:100%;">
<span class="text_small">{result.answers.ANSWERS}</span>
<br />
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/poll_left.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="{PATH_TO_ROOT}/templates/{THEME}/images/poll.png" height="8px" width="{result.answers.WIDTH}" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="{PATH_TO_ROOT}/templates/{THEME}/images/poll_right.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" />
<span class="text_small">
{result.answers.PERCENT}%
</span>
</p>
# END result.answers #
<p class="text_small" style="margin:0;margin-top:10px;">
{result.VOTES} {L_VOTE}
</p>
</div>
<div class="module_poll_bottom" style="width:98%;">
</div>
</div>
# END result #

Enregistrez et fermez.

Le design.css

Ouvrez le fichier design.css qui se trouve dans "templatesVotre-Thèmetheme" allez à la dernière ligne et copiez ceci à la suite:

Code CSS :

/* --------------------------------------
poll.css
--------------------------------------*/ 
.module_poll_container {
-moz-border-radius-bottomleft:12px; /* angles arrondis */ 
-moz-border-radius-bottomright:12px; /* angles arrondis */ 
-moz-border-radius-topleft:12px; /* angles arrondis */ 
-moz-border-radius-topright:12px; /* angles arrondis */ 
background:#F7F8F5 url(images/contentbg.png) repeat-x scroll 0 0; /* couleur de fond + image de fond */
border:1px solid #CCCCCC; /* Bordure */ 
border-spacing:1px; /* On ne touche pas */ 
margin:0 0 10px; /* On ne touche pas */ 
padding:5px; /* On ne touche pas */ 
width:98%; /* On ne touche pas */ 
}
.module_poll_top {
font-weight:bold; /* Style du texte en gras */ 
height:24px; /* Hauteur du container du texte */
text-align:center;  /* pour centrer le texte */ 
width:98%; /* On ne touche pas */ 
}
.module_poll_contents {
border-bottom:medium none; /* On ne touche pas */ 
border-top:medium none; /* On ne touche pas */ 
padding:5px 4px 0; /* On ne touche pas */ 
text-align:center;  /* pour centrer le texte */ 
width:98%; /* On ne touche pas */ 
}
.module_poll_bottom {
height:15px;  /* Hauteur du container */
width:98%; /* On ne touche pas */ 
}

Enregistrez et fermez.

Vous pouvez maintenant avec le css modifier le fichier design.css de la partie "poll.css', pour personnaliser votre container de sondage sur l'index.

Conseils

Une fois fait tout ceci, et que vous avez un souci, n'oubliez pas de régénérer vos caches : celui de votre navigateur et celui de l'administration de votre site.

Si vous avez des questions ou alors que vous souhaitez de plus amples informations, le forum est à votre disposition