 Orange 
RocketMan
 Messages : 3086
 | Utiliser les variables Forumactif dans les templates Niveau: Intermédiaire | Par: Orange, selon un script d'Etana du FdF | Validé par: Orange | En date du: 27/11/2009Ce tutoriel s'adresse aux codeurs en herbe comme aux plus expérimentés. Certains auront sans doute remarqué que les variables Forumactif comme USERNAME, USERAGE, FORUMAGE et autres détaillées ici : Aide détaillée : Utilisation des variables ne fonctionnent pas dans les templates. C'est dommage, elles pourraient y avoir une foule d'utilités pratiques, à la limite de votre imagination. Arrêtons d'handicaper notre créativité et réglons ce problème une fois pour toute. - La première étape consiste à appeler le javascript créé par Etana du FdF, j'ai évidemment son autorisation pour redistribuer à ma guise ce code. Cette étape est relativement simple, vous copiez le code ci-dessous et le collez juste au-dessus de < /head> (sans espace), dans le template overall_header_new (Panneau d'administration > Affichage > Template > Général > overall_header_new). N'oubliez pas de publier le template avec l'icône
- Code:
-
<script type="text/javascript" src="http://files.o-side.com/upload/CSSActif/fa-var.js"></script>
Le code donné ci-dessus va donc aller "chercher" le code javascript (.js) à l'adresse: http://files.o-side.com/upload/CSSActif/fa-var.js. Vous pouvez vous y rendre, copier le code dans Notepad, l'enregistrer avec l'extension .js et l'héberger sur votre serveur personnel, si le mien ne vous convient pas  . (J'ai évidement l'accord d'Etana pour réhéberger son code).
- Dans cette seconde étape, nous allons voir le code pour utiliser les variables dans les templates ou les pages HTML de votre forum. Pour ça, il faut simplement créer un élément (p, span, div, li etc.) et lui donner comme classe la variable Forumactif que l'on veut afficher sans les accolades ({,}), quelques codes:
- Code:
-
Nom d'utilisateur: <span class="USERNAME"></span> - Code:
-
Dernier utilisateur: <div class="FORUMLASTUSER"></span>
Voici l'exemple fourni par Etana lorsqu'elle m'a montré l'efficacité de son code :
- Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test variables</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> </head> <body> <p> Bonjour <span class="USERNAME"></span>, tu t'es inscrit le <span style="text-decoration: underline;" class="USERREGDATE"></span> et tu as <span style="font-weight: bold;" class="USERCOUNTPOST"></span> message(s) \o/.<br/><br/> Attention à tes yeux parce que je vais faire apparaitre toute les variables dans une seule balise et ça va pas donner quelque chose d'extraordinaire : <span class="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST"></span><br /><br /> On peut également mettre du texte dans la balise, les variables s'ajouterons à la fin, <span class="FORUMCOUNTPOST">le nombre de message est de : </span>.<br /><br /> Voici maintenant un exemple de list : <ul> <li class="FORUMAGE">Le forum compte ce nombre de journée : </li> <li class="FORUMCOUNTFORUM">Il y a ce nombre de forum et/ou sous-forum : </li> <li class="FORUMCOUNTOPIC">Il y a ce nombre de sujets : </li> </ul> Et pour bien finir, un exemple avec un champ texte qui prend comme valeur le pseudo de l'invité : <input type="text" class="USERNAME" /> </p> </body> </html>
Pour ce résultat : Variable FA.
Vous comprendrez que les possibilités sont infinies suivant votre imagination. Inutile d'élaborer davantage, il ne me reste plus qu'à vous souhaiter : bon amusement ! 
| | |
|
Kaiji 
Blanche-Neige
 Messages : 5578
| FAQ Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml | | |
|
Lun 03 Juin 2024, 17:20 par 
