Derniers sujets*
» [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

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Sick.l.Offrande Mar 4 Mai 2021 - 12:42

» [TOUTES VERSIONS]Mise en place automatique décorations
par photoclic Lun 3 Mai 2021 - 20:39

» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par Chéryl Lun 3 Mai 2021 - 12:37

» [BESTOF][PHPBB3] Couleurs des Pseudos dans la liste des likers
par Milouze14 Lun 3 Mai 2021 - 10:15

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Roza Dim 2 Mai 2021 - 16:08

» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Stefano36 Dim 25 Avr 2021 - 23:49

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par sunshinette Sam 24 Avr 2021 - 15:40

» [BESTOF][PHPBB3] Nouveau message après édition
par Milouze14 Sam 24 Avr 2021 - 11:44

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Ven 23 Avr 2021 - 11:07

» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48

Les statistiques du forum
Nous avons 473 membres enregistrés

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

Nos membres ont posté un total de 25578 messages dans 1305 sujets

[TOUTES VERSIONS] Redirection immédiate personnalisée

Page 1 sur 2 1, 2  Suivant

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

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°20
Anonymous
Invité
Invité

MessageInvité Ven 27 Nov 2015 - 17:22

Merci beaucoup !
Message n°30
mariok
mariok
Membre regretté

http://www.amarid.net

Messagemariok Ven 27 Nov 2015 - 21:53

Merci beaucoup !
Message n°40
Anonymous
Invité
Invité

MessageInvité Sam 28 Nov 2015 - 9:22

Merci Philippe super
Message n°50
lmc38510
lmc38510
Milouzien

http://lacaverneauxgrimoire.forumactif.org/

Messagelmc38510 Mar 8 Déc 2015 - 9:27

Merci beaucoup !
Message n°60
Quad Daniel
Quad Daniel
Animateur blagueur

https://www.quadsalvetain.com/

MessageQuad Daniel Ven 11 Déc 2015 - 13:55

Merci beaucoup !
Message n°70
Quad Daniel
Quad Daniel
Animateur blagueur

https://www.quadsalvetain.com/

MessageQuad Daniel Ven 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 ?
Message n°80
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Ven 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.


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°90
Quad Daniel
Quad Daniel
Animateur blagueur

https://www.quadsalvetain.com/

MessageQuad Daniel Ven 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 ?
Message n°100
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia Ven 11 Déc 2015 - 19:57

C'est pour modifier le message d'attente lorsque tu postes un message par exemple.
Message n°110
Quad Daniel
Quad Daniel
Animateur blagueur

https://www.quadsalvetain.com/

MessageQuad Daniel Sam 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
Message n°120
Gae
Gae
Milouzien

http://www.famille-r3d-dw4rf.com/

MessageGae Dim 20 Déc 2015 - 18:40

Merci beaucoup !
Message n°130
avatar
damieng59
Milouzien

http://dg-59.forumactif.org

Messagedamieng59 Dim 20 Déc 2015 - 20:44

Merci beaucoup !
Message n°140
Anonymous
Invité
Invité

MessageInvité Sam 13 Fév 2016 - 16:37

Merci beaucoup !
Message n°150
Emc2
Emc2
Milouzien

http://polisetsophia.forumactif.org/

MessageEmc2 Ven 11 Mar 2016 - 23:22

Merci beaucoup !
Message n°160
avatar
One.
Milouzien

http://forum.onegraphics.fr

MessageOne. Dim 20 Mar 2016 - 9:58

Merci beaucoup !
Message n°170
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Lun 11 Avr 2016 - 0:14

Merci beaucoup !
Message n°180
Tranchees
Tranchees
Milouzien

http://www.snapchatforum.fr/

MessageTranchees Mer 27 Avr 2016 - 15:25

Merci beaucoup !
Message n°190
50Thierry
50Thierry
Milouzien

http://www.gps-sne.com/

Message50Thierry Mer 15 Juin 2016 - 3:19

Merci beaucoup !
Message n°200
Sick.l.Offrande
Sick.l.Offrande
Milouzien

https://office-equideow.forumactif.com/

MessageSick.l.Offrande Sam 1 Oct 2016 - 17:10

Merci beaucoup !
Message n°210
Jackymi
Jackymi
Membre regretté

http://www.skywebforum.com/

MessageJackymi Sam 1 Oct 2016 - 18:05

Merci beaucoup !
Message n°220
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Sam 1 Oct 2016 - 21:33

Merci beaucoup !
Message n°230
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Sam 1 Oct 2016 - 22:33

Excellent! Ah oui, ça va vite.

Merci Phil.
Message n°240
avatar
Queen G.
Milouzien

https://lustforlife.forumactif.com/

MessageQueen G. Mer 2 Nov 2016 - 6:34

Merci beaucoup !
Message n°250
avatar
RED²
Milouzien

http://www.arcadia-forum.com/

MessageRED² Mar 14 Fév 2017 - 19:10

Merci beaucoup !
Message n°260
avatar
LMRP
Milouzien

http://www.lm-rp.fr

MessageLMRP Mer 8 Mar 2017 - 20:55

Merci beaucoup !
Message n°270
Tawny
Tawny
Milouzien

http://forumtestcata.forumactif.fr/

MessageTawny Mar 28 Mar 2017 - 8:37

Merci beaucoup !
Message n°280
avatar
petit coq
Milouzien

Messagepetit coq Sam 22 Avr 2017 - 18:03

Merci beaucoup !
Message n°290
Chocolatine
Chocolatine
Milouzien

http://bit.ly/2oPwMrS

MessageChocolatine Jeu 22 Juin 2017 - 11:29

Merci beaucoup !
Message n°300
msfeettoes
msfeettoes
Milouzien

Avertissement : 50/100
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Dim 30 Juil 2017 - 9:04

Merci beaucoup !
Message n°310
clost
clost
Milouzien

https://www.dyane-collection-passion.net

Messageclost Lun 4 Sep 2017 - 18:57

merci pour ce tuto  coucou
Message n°320
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Lun 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?
Message n°330
avatar
silas88
Milouzien

http://s4-rnc.forumactif.com/

Messagesilas88 Sam 6 Jan 2018 - 15:03

Merci beaucoup !
Message n°340
Anonymous
Invité
Invité

MessageInvité Sam 6 Jan 2018 - 23:40

Merci beaucoup !
Message n°350
Morane
Morane
Milouzien

https://famiglia-sinagra.forumactif.com/

MessageMorane Sam 13 Jan 2018 - 14:16

Merci beaucoup !

Page 1 sur 2 1, 2  Suivant

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