Derniers sujets*
» [AWESOMEBB]Ajouter la pagination des sujets précédents et suivants
par Milouze14 Aujourd'hui à 8:30

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Hier à 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

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59

» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53

Les statistiques du forum
Nous avons 470 membres enregistrés

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

Nos membres ont posté un total de 25325 messages dans 1292 sujets

[TOUTES VERSIONS] Afficher le contenu du forum avec une transition opaque

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 18 Mai 2015 - 19:01

coucou ,

une petite animation bien sympa affichant le contenu du forum.
On va donc mettre tout le contenu du forum avec une opacité à zéro et
à l'aide d'une animation jQuery on afficher tout le contenu progressivement hinhin .

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Afficher le contenu du forum avec une transition opaque Staff10




Pour les versions
phpbb2
phpbb3
Punbb
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:


#page-body
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}





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:

$(function(){
$('#page-body')
.animate({ opacity: "1" }, 1800 );
});



Pensez a cliquer sur le bouton  Valid


Pour la version Invision:

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


Déposez ce style:

Code:

#main-content
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

Penses à valider les modifications en cliquant sur le bouton  Valid

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ce script:

Code:

$(function(){
$('#main-content')
.animate({ opacity: "1" }, 1800 );
});
Pensez a cliquer sur le bouton  Valid

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


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:42, édité 3 fois
Message n°20
Anonymous
Invité
Invité

MessageInvité Mar 19 Mai 2015 - 1:09

Merci beaucoup !
Message n°30
Teten85
Teten85
Milouzien

http://entrenous.bbfr.net/

MessageTeten85 Ven 19 Juin 2015 - 0:39

Merci beaucoup !
Message n°40
patriciadpt30
patriciadpt30
Milouzien

Messagepatriciadpt30 Sam 3 Oct 2015 - 11:36

Merci beaucoup !
Message n°50
avatar
OptimaluS
Milouzien

http://maturityteam.forumactif.org/forum

MessageOptimaluS Lun 14 Mar 2016 - 22:57

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

MessageInvité Mar 15 Mar 2016 - 9:15

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

http://www.amarid.net

Messagemariok Jeu 17 Mar 2016 - 8:37

merci beaucoup
Message n°80
avatar
One.
Milouzien

http://forum.onegraphics.fr

MessageOne. Dim 20 Mar 2016 - 10:00

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

MessageInvité Ven 1 Avr 2016 - 4:12

Merci beaucoup !
Message n°100
dragon594
dragon594
Milouzien

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

Messagedragon594 Lun 11 Avr 2016 - 1:37

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

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Lun 12 Sep 2016 - 1:22

Merci beaucoup !
Message n°120
avatar
SuperSpaceCab
Milouzien

http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Ven 7 Oct 2016 - 16:43

Merci bien !
Message n°130
avatar
Queen G.
Milouzien

https://lustforlife.forumactif.com/

MessageQueen G. Mar 1 Nov 2016 - 20:31

Merci beaucoup !
Message n°140
avatar
RED²
Milouzien

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

MessageRED² Lun 27 Mar 2017 - 14:14

Merci beaucoup !
Message n°150
avatar
toto56
Milouzien

http://www.capsovore.com

Messagetoto56 Ven 2 Mar 2018 - 4:08

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

MessageInvité Sam 3 Mar 2018 - 17:02

Merci beaucoup !
Message n°170
clost
clost
Milouzien

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

Messageclost Dim 4 Mar 2018 - 18:16

salut
intrigué, je dis merci alors  coucou
Message n°180
Pablo87
Pablo87
Milouzien

http://micro-mineraux-monde.forumactif.com/

MessagePablo87 Lun 16 Avr 2018 - 12:19

Merci beaucoup !
Message n°190
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Mar 15 Mai 2018 - 20:29

Merci beaucoup !
Message n°200
chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Mer 13 Juin 2018 - 17:18

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

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

MessageSick.l.Offrande Ven 22 Juin 2018 - 10:51

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

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

MessageSick.l.Offrande Ven 22 Juin 2018 - 10:57

Ce Tutoriel est tout juste magique, c'est absolument magnifique ^^ 
Merci beaucoup à vous <3
Message n°230
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Ven 22 Juin 2018 - 19:28

Merci Sandra, c'est gentil clin oeil


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°240
avatar
photoclic
Milouzien

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

Messagephotoclic Sam 23 Juin 2018 - 19:44

Merci beaucoup !
Message n°250
avatar
ThunderTB
Milouzien

http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Ven 24 Aoû 2018 - 21:42

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

MessageInvité Ven 24 Aoû 2018 - 21:43

Merci beaucoup !
Message n°270
msfeettoes
msfeettoes
Milouzien

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

Messagemsfeettoes Mar 25 Sep 2018 - 9:30

Merci beaucoup !
Message n°280
hamesashek
hamesashek
Milouzien

http://3arb-way.a7larab.net/

Messagehamesashek Jeu 3 Jan 2019 - 1:37

Merci beaucoup !
Message n°290
Splash
Splash
Milouzien

https://lesforums.caforum.fr

MessageSplash Sam 5 Jan 2019 - 7:43

Merci beaucoup !
Message n°300
chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Sam 5 Jan 2019 - 13:47

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