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

Astuces ForumactifConnexion

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

-59%
Le deal à ne pas rater :
TEFAL Marmite 28 cm inox – Tous feux dont induction – 9,6 L
21.99 € 53.97 €
Voir le deal

[TOUTES VERSIONS] Redirection immédiate personnalisée

+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

descriptionIcône par defaut[TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
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

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci Philippe super

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Quad Daniel a écrit:
Merci beaucoup !


Information!
Message cité par la réponse rapide
le message de se que sa donne est ou ?

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
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.

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
pardon j'ai du mal m’expliquè, en fait je voulez juste savoir ce que donnai ces codes sur le forum ?

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
C'est pour modifier le message d'attente lorsque tu postes un message par exemple.

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
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

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Excellent! Ah oui, ça va vite.

Merci Phil.

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
merci pour ce tuto  coucou

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Bonsoir,

Je ne vois pas de différence entre le JS original et le JS édité heuu
Faut-il le mettre 2 fois?

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

more_horiz
Merci beaucoup !

descriptionIcône par defautRe: [TOUTES VERSIONS] Redirection immédiate personnalisée

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