Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.


Créer un forum gratuit semblable à ce forum


Rechercher
Magic FDF Rechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Thèmes du mois
Les posteurs les plus actifs de la semaine
Pinguino
 
Chacha
 
SandyL
 
Tech
 
FANCH 56
 
Azami
 
Automne
 
Anzu
 
Elissa
 
Milouze14
 

Derniers sujets
» Mon body se meurt
Aujourd'hui à 0:48 par Ectra

» Plus accès au PA
Aujourd'hui à 0:30 par Masterweb89

» HTML pour les visiteurs?
Aujourd'hui à 0:23 par Shiya

» Pas de templates?
Aujourd'hui à 0:22 par Shiya

» Fondateur disparu
Hier à 23:57 par Kougrialka

» A propos du menu accordéon
Hier à 23:55 par Masterweb89

» Changer les intitulés "post-it et annonce" et mettre les titres de sujets en couleur
Hier à 23:53 par Forga

» Personnaliser le profil personnalisé
Hier à 23:43 par D.Deschamps

» Problème "Affichage" d'un forum
Hier à 23:33 par Baby-Giul

Qui est en ligne ?
Il y a en tout 155 utilisateurs en ligne :: 4 Enregistrés, 0 Invisible et 151 Invités :: 2 Moteurs de recherche

ge-ge-ge, Jean Nicolas, noisette270475, tony59

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00
Script Effet Tournepage 5 5 2

Script Effet Tournepage

Voir le sujet précédent Voir le sujet suivant Aller en bas

Astuce Script Effet Tournepage

Message par Adam_sfp le Ven 16 Jan 2009 - 0:39

Script Effet Tournepage


Pour ceux que cela intéresse voici un script effet tournepage (testé en phpbb2).
Vous pouvez constater le résultat ici: ICI.

Cet effet permet, grâce à une application Javascript de décoller la partie en haut, à droite de votre forum pour y insérer une image (gif non supporté). Vous pouvez vous en servir afin de promouvoir votre forum (Publicité ou service) que vous proposez. Quand vous cliquez sur cette image, vous êtes redirigé vers un endroit que vous déterminerez.

Mode d'emploi :

1) Réglage du Script:

- Entrer dans votre navigateur l'adresse suivante: http://perso.numericable.fr/antonywar/tournepages.js afin de récupérer le code source du Javascript. Récupérez ce code et ouvrez "Bloc note" de votre pc (Démarrer >> Tous les programmes >>Accessoires).

- Afin de le personnaliser, nous allons modifier les variables:

Code:
jaaspeel.ad_url = escape('http://forum.forumactif.com/');


Dans cette ligne, indiquez l'adresse de redirection au moment où les membres vont cliquez sur votre image contenue dans le "tournepage".

Code:
jaaspeel.small_image = escape('http://perso.numericable.fr/antonywar/cornersmall.png');


Mettre l'image qui s'affichera en haut, à droite de votre forum Smile

Code:
jaaspeel.big_image = escape('http://perso.numericable.fr/antonywar/cornerbig.png');


Mettre l'image qui s'affichera quand vous passerez la souris sur l'onglet en haut à droite. (Message publicitaire).

Code:
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';


Vous n'êtes pas obligé de modifier ces variables. Cependant, sachez que vous pouvez modfiier la taille total de l'objet "Tournepage" et de son incidence sur l'affichage de votre forum.

2) Hébergement de votre script:

- Une fois le script modifiez, enregistrez le document avec l'extension .js afin de le convertir.

- Ensuite, allez sur un Hébergeur JS.

3) Mise en place du fichier sur votre forum:

Pour installer ce script coller ce code dans:

Panneau d'Administration >> Général >> Configuration >> Et collez le code dans la description du site et enregistrez.

Code:
<script src="Lien JS obtenu sur l"hébergeur" /></script>


4) Complément:

Si vous souhaitez mettre votre onglet en haut, à gauche:

Rechercher le code suivant:

Code:
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;left:0px;top:0px;">');


et remplacez le par celui-ci:

Code:
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');



Adam_sfp
+ Hyperactif +

Masculin
Messages: 3144
PointsActifs: 4877
Réputation: 650
Inscrit(e) le: 18/04/2008

Voir le profil de l'utilisateur http://antonyadam.1fr1.net/portal.htm

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum