Derniers sujets*
» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

» [PHPBB2] Modifier le texte des balises codes , citation et Spoiler
par Milouze14 Jeu 13 Mai 2021 - 19:21

» [PHPBB3] Personnaliser les balises hide code quote et spoiler
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
par Sick.l.Offrande Mer 12 Mai 2021 - 1:18

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Milouze14 Lun 10 Mai 2021 - 9:48

» [PHPBB2] Agréger les doubles post
par Milouze14 Lun 10 Mai 2021 - 7:49

» [PHPBB2] Remplacer le mot Invité
par soleda Dim 9 Mai 2021 - 18:51

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Milouze14 Dim 9 Mai 2021 - 18:43

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Jeu 6 Mai 2021 - 14:27

Les statistiques du forum
Nous avons 475 membres enregistrés

L'utilisateur enregistré le plus récent est BlackAngel

Nos membres ont posté un total de 26100 messages dans 1325 sujets

[TOUTES VERSIONS] Redirection immédiate personnalisée

Page 2 sur 2 Précédent  1, 2

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Ven 27 Nov 2015 - 15:58

Rappel du premier message :

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

Message n°360
avatar
TimmySAMP
Milouzien

http://adventure-dm.forumactif.com/

MessageTimmySAMP Mar 24 Avr 2018 - 18:26

Merci beaucoup !
Message n°370
avatar
ThunderTB
Milouzien

http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Ven 24 Aoû 2018 - 20:10

Merci beaucoup !
Message n°380
Splash
Splash
Milouzien

https://lesforums.caforum.fr

MessageSplash Dim 21 Oct 2018 - 4:23

Merci beaucoup !
Message n°390
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Lun 22 Oct 2018 - 13:28

Merci beaucoup !
Message n°400
Psychotic Bitch
Psychotic Bitch
Milouzien

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Lun 28 Jan 2019 - 1:31

Merci beaucoup !

Page 2 sur 2 Précédent  1, 2

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

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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