Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
L’édition Collector de la BD Saint Seiya ...
Voir le deal

 

 [TOUTES VERSIONS] Redirection immédiate personnalisée

Aller en bas 
+25
TimmySAMP
silas88
clost
msfeettoes
Chocolatine
petit coq
Tawny
LMRP
RED²
Queen G.
photoclic
Jackymi
Sick.l.Offrande
50Thierry
Tranchees
dragon594
One.
Emc2
damieng59
Gae
fascicularia
Quad Daniel
lmc38510
mariok
Milouze14
29 participants
Aller à la page : 1, 2  Suivant
AuteurMessage
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 27 Nov 2015 - 15:58

coucou ,

l'astuce consiste a personnaliser la redirection immédiate :

http://forum.forumactif.com/t327784-redirection-immediate

Ce script permet d'être redirigé plus rapidement , mais on peut personnaliser
la transition avec un petit message.


On va dans un premier temps créer un script :

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposez ceci:
Code:

;$("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=/,"")});


$(function(){
$('a[href^="/post?f"] , a[href^="/post?t"] ,#quick_reply input[value="Envoyer"][name="post"] , input[value="Envoyer"][name="post"]').click(function(){
$('body').append('<div id="M14_pleasePost"><div>Veuillez patienter <span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span></div></div>').animate({opacity: '0.8'});
$('#M14_pleasePost').find('span').delay(40).fadeIn();
});
});


Pensez a cliquer sur le bouton&nbsp;Valid


Attention!!
Si vous avez déjà déposer le script de redirection éditez ce dernier et ajoutez ceci:


Code:


$(function(){
$('a[href^="/post?f"] , a[href^="/post?t"] ,#quick_reply input[value="Envoyer"][name="post"] , input[value="Envoyer"][name="post"]').click(function(){
$('body').append('<div id="M14_pleasePost"><div>Veuillez patienter <span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span></div></div>').animate({opacity: '0.8'});
$('#M14_pleasePost').find('span').delay(40).fadeIn();
});
});


La partie html  qui sera visible lors de l'envoi au clic sur les boutons envoyer:
Code:

<div id="M14_pleasePost">
<div>Veuillez patienter <span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span><span style="display:none;">.</span></div></div>

Vous pouvez modifier le texte "Veuillez patienter".
Puis ensuite , vous remarquerez qu'il y a une multitude de span avec un display:none avec comme contenu un simple point:
Vous pouvez aussi remplacer ce caractère  hinhin .

Code:

<span style="display:none;">.</span>
<span style="display:none;">.</span>
<span style="display:none;">.</span>
<span style="display:none;">.</span>
<span style="display:none;">.</span>
<span style="display:none;">.</span>

Le script donnera une animation :
Le texte Veuillez patienter puis tous les points s'afficheront progressivement  clin oeil .


Puis il nous reste plus qu'à personnaliser tout çà via la feuille de style :

L'apparence est celle du forum , donc fond noir avec police de couleur bleue.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:


Code:

/*DEBUT REDIRECTION*/
#M14_pleasePost
{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;

background:#1A1E25;
z-index:999;
}
/*Le conteneur du texte et span*/
#M14_pleasePost div
{
width:20%;
height:40px;
font-size:18px;
padding:4px;
color:#20aec8;
font-style:italic;
position:absolute;
left:40%;
top:40%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*Les spans affichant les points*/
#M14_pleasePost div span{color:#20aec8;font-size:16px !important;}
/*FIN REDIRECTION*/




Modifiez comme bon vous semble l'apparence les ami(e)s.
Il ne faut pas toucher à cet identifiant:
Code:
#M14_pleasePost



Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par Milouze14 le Ven 23 Oct 2020 - 8:23, édité 6 fois
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 27 Nov 2015 - 17:22

Merci beaucoup !
Revenir en haut Aller en bas
mariok
Membre regretté

mariok



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 27 Nov 2015 - 21:53

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
Invité
Invité
Anonymous



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 28 Nov 2015 - 9:22

Merci Philippe super
Revenir en haut Aller en bas
lmc38510
Milouzien

lmc38510



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMar 8 Déc 2015 - 9:27

Merci beaucoup !
Revenir en haut Aller en bas
http://lacaverneauxgrimoire.forumactif.org/
Quad Daniel
Animateur blagueur

Quad Daniel



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Déc 2015 - 13:55

Merci beaucoup !
Revenir en haut Aller en bas
https://www.quadsalvetain.com/
Quad Daniel
Animateur blagueur

Quad Daniel



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Déc 2015 - 14:01

Quad Daniel a écrit:
Merci beaucoup !

Information!
Message cité par la réponse rapide
le message de se que sa donne est ou ?
Revenir en haut Aller en bas
https://www.quadsalvetain.com/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Déc 2015 - 14:33

coucou ,

Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Revenir en haut Aller en bas
https://www.milouze14.com
Quad Daniel
Animateur blagueur

Quad Daniel



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Déc 2015 - 14:46

pardon j'ai du mal m’expliquè, en fait je voulez juste savoir ce que donnai ces codes sur le forum ?
Revenir en haut Aller en bas
https://www.quadsalvetain.com/
fascicularia
Milouzien

fascicularia



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Déc 2015 - 19:57

C'est pour modifier le message d'attente lorsque tu postes un message par exemple.
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Quad Daniel
Animateur blagueur

Quad Daniel



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 12 Déc 2015 - 0:54

fascicularia a écrit:
C'est pour modifier le message d'attente lorsque tu postes un message par exemple.

Information!
Message cité par la réponse rapide
merci pour la réponse bonne soirée
coucou
Revenir en haut Aller en bas
https://www.quadsalvetain.com/
Gae
Milouzien

Gae



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyDim 20 Déc 2015 - 18:40

Merci beaucoup !
Revenir en haut Aller en bas
http://www.famille-r3d-dw4rf.com/
damieng59
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyDim 20 Déc 2015 - 20:44

Merci beaucoup !
Revenir en haut Aller en bas
http://dg-59.forumactif.org
Invité
Invité
Anonymous



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 13 Fév 2016 - 16:37

Merci beaucoup !
Revenir en haut Aller en bas
Emc2
Milouzien

Emc2



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyVen 11 Mar 2016 - 23:22

Merci beaucoup !
Revenir en haut Aller en bas
http://polisetsophia.forumactif.org/
One.
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyDim 20 Mar 2016 - 9:58

Merci beaucoup !
Revenir en haut Aller en bas
http://forum.onegraphics.fr
dragon594
Milouzien

dragon594



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyLun 11 Avr 2016 - 0:14

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
Tranchees
Milouzien

Tranchees



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMer 27 Avr 2016 - 15:25

Merci beaucoup !
Revenir en haut Aller en bas
http://www.snapchatforum.fr/
50Thierry
Milouzien

50Thierry



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMer 15 Juin 2016 - 3:19

Merci beaucoup !
Revenir en haut Aller en bas
http://www.gps-sne.com/
Sick.l.Offrande
Blocage
Sick.l.Offrande



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 1 Oct 2016 - 17:10

Merci beaucoup !
Revenir en haut Aller en bas
https://office-equideow.forumactif.com/
Jackymi
Membre regretté

Jackymi



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 1 Oct 2016 - 18:05

Merci beaucoup !
Revenir en haut Aller en bas
http://www.skywebforum.com/
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 1 Oct 2016 - 21:33

Merci beaucoup !
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 1 Oct 2016 - 22:33

Excellent! Ah oui, ça va vite.

Merci Phil.
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Queen G.
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMer 2 Nov 2016 - 6:34

Merci beaucoup !
Revenir en haut Aller en bas
https://lustforlife.forumactif.com/
RED²
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMar 14 Fév 2017 - 19:10

Merci beaucoup !
Revenir en haut Aller en bas
http://www.arcadia-forum.com/
LMRP
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMer 8 Mar 2017 - 20:55

Merci beaucoup !
Revenir en haut Aller en bas
http://www.lm-rp.fr
Tawny
Milouzien

Tawny



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyMar 28 Mar 2017 - 8:37

Merci beaucoup !
Revenir en haut Aller en bas
http://forumtestcata.forumactif.fr/
petit coq
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 22 Avr 2017 - 18:03

Merci beaucoup !
Revenir en haut Aller en bas
Chocolatine
Milouzien

Chocolatine



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyJeu 22 Juin 2017 - 11:29

Merci beaucoup !
Revenir en haut Aller en bas
http://bit.ly/2oPwMrS
msfeettoes
Milouzien

msfeettoes



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyDim 30 Juil 2017 - 9:04

Merci beaucoup !
Revenir en haut Aller en bas
https://feetloverfeets.forumactif.com/
clost
Milouzien

clost



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyLun 4 Sep 2017 - 18:57

merci pour ce tuto  coucou
Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptyLun 4 Sep 2017 - 19:56

Bonsoir,

Je ne vois pas de différence entre le JS original et le JS édité heuu
Faut-il le mettre 2 fois?
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
silas88
Milouzien

avatar



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 6 Jan 2018 - 15:03

Merci beaucoup !
Revenir en haut Aller en bas
http://s4-rnc.forumactif.com/
Invité
Invité
Anonymous



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 6 Jan 2018 - 23:40

Merci beaucoup !
Revenir en haut Aller en bas
Invité
Invité
Anonymous



[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée EmptySam 13 Jan 2018 - 14:16

Merci beaucoup !
Revenir en haut Aller en bas
Contenu sponsorisé





[TOUTES VERSIONS] Redirection immédiate personnalisée Empty
MessageSujet: Re: [TOUTES VERSIONS] Redirection immédiate personnalisée   [TOUTES VERSIONS] Redirection immédiate personnalisée Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Redirection immédiate personnalisée
Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant
 Sujets similaires
-
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
» [TOUTES VERSIONS] Menu sur 2 colonnes
» [TOUTES VERSIONS] Activer la prévisualisation directe
» [TOUTES VERSIONS] Edition rapide
» [TOUTES VERSIONS]Visualiser le mot de passe

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: