Ruri
Invité
 |  Sujet: Base Qeel Template Mar 12 Oct - 12:03 | |
| Coucou Alors; voici le tuto base que j'utilise . Il n'est pas de moi mais de Saya (c'est en général ma patronne sur le fo>.< ) Je te fais confiance ^^ Il donne le resultat de ce forum (mon forum de test >.< ° | Code: | http://tksindustry.asianfreeforum.com/forum.htm |
| Saya a écrit: | &. Comment faire un QUEEL Template ?
Suivez les instructions çi dessous. Il y a plusieurs façon de faire un QUEEL template, mais je ne vais pas vous expliquer celle de Sweet mais par exemple celle du forum Sin Awake ( voir partenaire )
/!\ Il faut être Fondateur pour pouvoir avoir accès aux Templates du forum /!\
&. Tout d'abord.
Allez dans :
Panneau d'administration -> Affichage -> Template ( tout en bas ) -> Général.
Une fois que vous avez cliquez sur ça , vous devez voir :
[capture ]
Attention : Ici mes templates sont déjà modifié donc les codes sur le coté ne doivent pas être pareil que vous.
Ensuite, cliquez sur Index Body puis cherchez ce code :
| Code: | <!-- BEGIN disabl _viewonline -->
|
Vous allez surement mettre un bon moment a le trouver ! * avais désespéré la premiere fois *. Ensuite effacez tout jusqu'à :
| Code: | <!-- END disable_viewonline --> |
&. Deuxième partie
Collez ce code entre les BEGIN & END ( donc à la place de ce que vous avez effacez )
| Code: | <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="Lien URL de votre premier groupe par exemple Admin"><font color="#COLOR" size="1"><b>NOM DU GROUPE</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="Lien URL de votre second groupe"><font color="#COLOR" size="1"><b>NOM DU GROUPE</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="Lien URL de votre troisième groupe"><font color="#COLOR" size="1"><b>NOM DU GROUPE</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="gensmall"> {TOTAL_POSTS}{TOTAL_USERS} {NEWEST_USER} <br> </center> </span><br> <td width="5%"></td> </tr> </table> |
Ensuite du enregistre et tu publie ton Template ( toujours publier pour qu'il soit visible )
&. Troisième Etape
Ensuite dans le CSS :
> Panneau d'admin
> Affichage
> Couleurs
> Feuille de style CSS
> Tu colle le code suivant :
| Code: | .groupes{
background-color:#222933;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto} |
> Tu personnalise les couleur pour que cela convienne a ton graphisme
> Tu valide le CSS
Pour l'image utilisée avec une partie transparente :
> Panneau d'admin
> Affichage
> Couleur
> Feuille de style CSS
> Tu colle le code suivant :
| Code: | .statistiques{
border:0px;
background-image: url("Lien image");
background-repeat: no-repeat;
background-position: center;
height:200px;} |
Tu valides !
&. Les trucs en plus
Comment rajouter des groupes ?
Il suffit de coller ceci à la suite des autres groupes :
| Code: | <span class="groupes"> <a href="Lien URL du groupe"><font color="#Couleur du groupe" size="1"><b>NOM DU GROUPE</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> |
A quoi ça correspond des trucs entre {..;}
| Code: | {TOTAL_POSTS} : pour le nombre de message, {TOTAL_USERS} pour le nombre d'inscrits et {NEWEST_USER} pour le dernier inscrit |
• Personnaliser encore plus avec du Texte !
Vous souhaitez personnaliser la phrase suivant :
| Code: | Il y a en tout X utilisateur en ligne :: X Enregistré, X Invisible et X Invité |
Pour l'exemple :
- utilisateur en ligne sera remplacé par qui se promène dans le forum
- Enregistré sera remplacé par Sinners
- Invisible sera remplacé par Fantômes
- Invités sera remplacé par Etrangers
Comment faire ?
> Panneau d'admin
> Affichage
> Templates
> Index_body
> Vous cherchez :
| Code: | {TOTAL_USERS_ONLINE} |
> Vous le remplacez par le code suivant :
| Code: | <span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui se promène dansle forum");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes qui se promènent dans le forum ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Sinners");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Sinners");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"fantôme, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"fantômes, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"étranger");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"étrangers");</script></span> |
> Vous enregistrez
> Vous publiez le template
N'oubliez pas de le personnaliser
Et voilà? Si vous avez des questions n'hésitez pas : ) j'ai essayé d'être le plus précis possible mais si y'a des trucs qui vous laissent perplexe dites moi tout : )
(c) Merci de ne pas copier ce tuto.
Saya sur Sweet Creation.
|
Bon courage ^^ |
|
