La date/heure actuelle est Mar 24 Oct 2017 - 00:30 - créer un forum

Tutoriel : Fond de page personnalisé.

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: 1, 2, 3, 4  >

Tutoriel : Fond de page personnalisé.
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Sam 2 Aoû 2014 - 20:50    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

PublicitéSupprimer les publicités ?
Tutoriel : Fond de page personnalisé.
 
 

Description :

Ce tutoriel va vous permettre d'installer une nouvelle fonctionnalité dans la page d'édition du profil de votre forum.
Suite à ce tutoriel, vos membres auront la possibilité de sélectionner un fond d'écran personnel qui remplacera celui de votre forum.

Vos membres auront à tout moment la possibilité de modifier ou de supprimer le fond de page personnalisé.

Démonstration :


 
 

Compatibilité du script :











Google Chrome 
 
Mozilla Firefox 
 
Internet Explorer 
 
Opera 
 
Safari 
 
version 21 et + 
 
version 21 et + 
 
Version 10 et + 
 
version 12.1 et + 
 
version 6 et + 
 


Si le navigateur du membre n'est pas compatible, un message d'information s'affichera, l'invitant à mettre à jour son navigateur.
 

Installation du script :

Le script va ajouter la fonctionnalité fond de page personnalisé sur votre forum.
Il est donc important de l'installer correctement.

Avant toute modification sur vos templates, pensez à faire des sauvegardes afin de ne pas perdre votre travail en cas d'erreur de manipulation.
Vous pouvez par exemple copier-coller le contenu de vos templates dans le bloc-notes de Windows.

Le template que nous allons modifier se nomme OVERALL_FOOTER.TPL, ce template contient le pied de page de votre forum.
C'est ici que nous allons inclure le script.

Allez donc dans votre panneau d'administration, section thème, puis sélectionnez le lien modifier les templates.
Sur cette page, vous allez voir la liste de tous les templates de votre forum, cherchez donc le template OVERALL_FOOTER.TPL et cliquez sur le bouton modifier situé à droite du nom du template.

Vous êtes maintenant sur la page d'édition du template OVERALL_FOOTER.TPL, cherchez ceci :

Code: Sélectionner - Agrandir
</body>


remplacez par :

Code: Sélectionner - Agrandir
<!-- Fond de page personnalisé : DEBUT -->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitBackground.js"></script>
<!-- Fond de page personnalisé : FIN -->
</body>


Une fois que vous avez ajouté le script, vous pouvez sauvegarder le template.

La deuxième et dernière étape consiste à éditer le template PROFILE_ADD_BODY.TPL, template qui correspond à la page d'inscription et d'édition du profil des membres de votre forum. Nous allons créer la zone qui permettra à vos membres de changer le fond de page de votre forum.

Dans le template PROFILE_ADD_BODY.TPL, cherchez ceci :

Code: Sélectionner - Agrandir
<!-- END switch_avatar_block -->


remplacez par :

Code: Sélectionner - Agrandir
   <!-- END switch_avatar_block -->

   <!-- IF S_USER_LOGGED_IN  -->
   <tr>
      <td class="catSides" colspan="2" height="28">&nbsp;</td>
   </tr>
   <tr>
      <th class="thSides" colspan="2" height="12" valign="middle">Fond d'écran personnalisé</th>
   </tr>
   <tr>
      <td class="row1" colspan="2"><div id="dropZone"><span class="gen"><b>Chargement en cours ...</b></span></div></td>
   </tr>
   <!-- ENDIF -->


Vous avez terminé d'ajouter le code ci-dessus ? Bien, vous pouvez sauvegarder votre template !

Félicitations, vous venez d'ajouter la fonctionnalité "Fond de page personnalisé" sur votre forum !




Si vous avez des suggestions ou des questions, n'hésitez pas.
Le script étant hébergé sur mon serveur perso, il évoluera sans que vous n’ayez besoin de faire la moindre modification.

N'hésitez pas à visiter ce sujet de temps en temps pour consulter les dernières nouveautés !

Fin du tutoriel. Smile


_______________________
Les membres suivants remercient Kyosuke pour ce message :
(03/08/14), Khow (03/08/14), RotorMan (03/08/14)


Dernière édition par Kyosuke le Dim 3 Aoû 2014 - 05:43; édité 1 fois
Forum
Auteur Message
St3f4n!
Membre


Hors ligne
Membre

Inscrit le: 07 Oct 2013
Messages: 45
Niveau:
Point(s): 37
Moyenne: 0,82
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct) 兔 Lièvre

MessagePosté le: Sam 2 Aoû 2014 - 23:14    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Je n'utiliserai pas le tuto sur mon fofo par soucis d'uniformité mais t'es génial, franchement ! Mr. Green
Petite question technique, pour le fond d'écran ... Ça s'appuie sur du localStorage ou du sessionStorage ? innocent Wink
... Il est gardé en mémoire même après plusieurs déconnexions/connexions ?
_______________________
St3f4n!
Gestionnaire de Skuat Ados - 15 ans et Admin bah quoi rien de choquant non ? Smile


Forum
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Dim 3 Aoû 2014 - 01:12    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

J'ai tout installé et quand je vais dans profil, cette vidéo remplace le forum
C'est une blague ?


_______________________
http://forumami.clicforum.fr/index.php
Les membres suivants remercient Cinfonie pour ce message :
Kyosuke (03/08/14), St3f4n! (03/08/14), kieffer (03/08/14), RotorMan (03/08/14)


Forum
Auteur Message
St3f4n!
Membre


Hors ligne
Membre

Inscrit le: 07 Oct 2013
Messages: 45
Niveau:
Point(s): 37
Moyenne: 0,82
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct) 兔 Lièvre

MessagePosté le: Dim 3 Aoû 2014 - 01:24    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Pouahahahaaaa Mr. Green Qu'est ce que tu nous inventes encore Cinfonie ... Razz
Tu as surement loupé un truc durant la mise en application du tuto ! Wink

PS : Pas mal le lien de la vidéo ! Cool
_______________________
St3f4n!
Gestionnaire de Skuat Ados - 15 ans et Admin bah quoi rien de choquant non ? Smile


Forum
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Dim 3 Aoû 2014 - 01:32    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Salut
Ba je crois pas. D'où veux-tu que je sortes ça ? LOLLLLLLLLL
Moi je suis plutôt fan de la musique du tuto pas de ça. MDR
C'est apparu quand j'ai voulu aller dans mon profil pour voir la nouvelle fonction.
_______________________
http://forumami.clicforum.fr/index.php


Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Dim 3 Aoû 2014 - 05:13    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

St3f4n! a écrit:
Ça s'appuie sur du localStorage ou du sessionStorage ? innocent Wink
... Il est gardé en mémoire même après plusieurs déconnexions/connexions ?


Effectivement, ce script utilise le stockage de données locales.
Les données sont sauvegardées indéfiniment dans le navigateur (sauf si l'utilisateur efface ses données de navigation).

Cinfonie a écrit:
J'ai tout installé et quand je vais dans profil, cette vidéo remplace le forum
C'est une blague ?



Ah, tiens, c'est la vidéo du script "antispam" qu'on avait installé sur ton forum il y a quelque temps pour blacklister certains pays (les bots/membres indésirables sont censés tomber sur cette vidéo au lieu de la page d'inscription).

Tu es sûre d'avoir bien modifié tes templates ? Car cette vidéo n'a rien à voir avec ce tutoriel.

En tout cas ça m'a bien fait rire, je m'attendais pas à un message de ce genre.
Merci Cinfonie. Old Mr Green
_______________________


Dernière édition par Kyosuke le Lun 4 Aoû 2014 - 21:23; édité 1 fois
Forum
Auteur Message
cosmos32


Hors ligne
Invité




MessagePosté le: Dim 3 Aoû 2014 - 10:26    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Merci Kyosuké, c'est exactement ce que je cherchais, je vais l'installer immédiatement Wink
Les membres suivants remercient Anonymous pour ce message :
Kyosuke (03/08/14)


Auteur Message
Khow
Membre


Hors ligne
Membre

Inscrit le: 30 Nov 2009
Messages: 31
Niveau:
Point(s): 35
Moyenne: 1,13
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Dim 3 Aoû 2014 - 11:31    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Oh mon Dieu, excellent !  Very Happy T'es énorme Kyosuke, merci

EDIT : pas moyen d'avoir les options repeat ? Pour les fonds "pattern", répétables quoi.
Les membres suivants remercient Khow pour ce message :
Kyosuke (03/08/14)


Forum
Auteur Message
St3f4n!
Membre


Hors ligne
Membre

Inscrit le: 07 Oct 2013
Messages: 45
Niveau:
Point(s): 37
Moyenne: 0,82
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct) 兔 Lièvre

MessagePosté le: Dim 3 Aoû 2014 - 11:34    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

CooL, sympa alors si c'est du localStorage ! Wink

Kyosuke a écrit:
En tout cas ça m'a bien fait rire, je m'attendais pas à un message de ce genre.
Merci Cinfonie. Old Mr Green


Ah ! Toi aussi t'aimes la chanson !! Old Mr Green Old Mr Green Old Mr Green
_______________________
St3f4n!
Gestionnaire de Skuat Ados - 15 ans et Admin bah quoi rien de choquant non ? Smile


Forum
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Dim 3 Aoû 2014 - 11:49    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Mais ils ont pas fini de se moquer les garçons ? Non mais, bande de chenapans. Ce n'est pas drôle, surtout que je viens de refaire l'essai et rebelote ♪♫Yo yo yo♫♪ Grrrrrrrrrrrrrrrrrrr
Pourquoi ça n'arrive qu'à moi ce genre de truc Sniffffffffffffffffffffffffffffffffffffffffffffff
_______________________
http://forumami.clicforum.fr/index.php


Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Dim 3 Aoû 2014 - 12:35    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

bonjour

comme toutes les nouveautés de notre maitre KYOSUKE j'ai teste pas de souci marche parfaitement

comme notre ami St3f4n! c'est une fonctionnalité que je n'utiliseré pas car j'ai beaucoup modifié mon forum sur la partie graphique et cela ne colle pas avec mon utilisation
mais un grand merci cela servira a beaucoup de gens

BRAVO!!!!!!

PS: merci cinfonie moi aussi j'ai bien ri
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites

Les membres suivants remercient kieffer pour ce message :
Kyosuke (03/08/14)


Forum
Auteur Message
tifan
Membre


Hors ligne
Membre

Inscrit le: 16 Déc 2010
Messages: 56
Point(s): 56
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Dim 3 Aoû 2014 - 12:40    Sujet du message: fond d'écran personnalisé Répondre en citant

Bonjour !

ça ne  marche pas  dans mon forum : erreur de syntaxe quand je mets le second code  !

http://amitie.majz.com/index.php

Sad


Dernière édition par tifan le Dim 3 Aoû 2014 - 17:26; édité 1 fois
Forum
Auteur Message
cosmos32


Hors ligne
Invité




MessagePosté le: Dim 3 Aoû 2014 - 14:12    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Est-ce normal que lorsque l'on se déconnecte du forum, il y a toujours notre fond d’écran que l'on a choisi ?

Auteur Message
St3f4n!
Membre


Hors ligne
Membre

Inscrit le: 07 Oct 2013
Messages: 45
Niveau:
Point(s): 37
Moyenne: 0,82
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct) 兔 Lièvre

MessagePosté le: Dim 3 Aoû 2014 - 14:18    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

kieffer a écrit:
bonjour

comme notre ami St3f4n! c'est une fonctionnalité que je n'utiliseré pas car j'ai beaucoup modifié mon forum sur la partie graphique et cela ne colle pas avec mon utilisation
mais un grand merci cela servira a beaucoup de gens

BRAVO!!!!!!

PS: merci cinfonie moi aussi j'ai bien ri


Cinfonie c'est un médicament ! Old Mr Green Old Mr Green Old Mr Green
_______________________
St3f4n!
Gestionnaire de Skuat Ados - 15 ans et Admin bah quoi rien de choquant non ? Smile


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 868
Niveau:
Point(s): 867
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Dim 3 Aoû 2014 - 16:59    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Bonjour,

N'ayant pas l'utilité de cette option, curieux - parce que que mon forum n'a pas la même structure que la majorité des forums hébergés sur xooit.com -, je l'ai tout de même essayé : ce tuto est parfaitement fonctionnel, fluide et efficace.

Rapide à mettre en place et très simple d'utilisation.

Excellent travail comme d'habitude. Bravo. Smile

Salutations toutes particulières à Kyosuke.
Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter
Les membres suivants remercient RotorMan pour ce message :
Kyosuke (03/08/14)


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 00:30    Sujet du message: Tutoriel : Fond de page personnalisé.

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 4 Aller à la page: 1, 2, 3, 4  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401