Ouvrir une demande d'aide
Derniers sujets
» Création et édition d'articles impossibles
Jeu 30 Aoû 2018, 17:34 par Passiflore

» Blog Post missing
Mar 27 Fév 2018, 14:43 par Singleton

» impossible d'ouvrir les liens
Mer 31 Jan 2018, 23:58 par /dm61

» synchroniser forum et blog
Mar 30 Jan 2018, 03:22 par /dm61

» Statistiques
Lun 01 Jan 2018, 21:08 par Kiyomizu

» Centres d'intérêts
Dim 31 Déc 2017, 12:44 par Passiflore

» Les livres, une grande histoire d'amour ♥
Dim 31 Déc 2017, 12:42 par Passiflore

» Les motivations qui vous ont poussé à créer un blog ?
Dim 31 Déc 2017, 12:36 par Passiflore

» Présentation des membres
Lun 10 Avr 2017, 15:10 par Singleton

» Bonnes fêtes de fin d'année !
Jeu 05 Jan 2017, 03:22 par Derri

Les posteurs les plus actifs du mois

Qui est en ligne ?
Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 183 le Mar 16 Juil 2013, 12:37

Afficher une image pendant le chargement de la page

Aller en bas

Astuce Afficher une image pendant le chargement de la page

Message par Singleton le Ven 01 Mar 2013, 07:58

Afficher une image pendant le chargement de la page

Ce script permet d'afficher une image (ou autre) pendant le chargement de la page, et de la retirer dès que le chargement est terminé.


Le code

Panneau d'administration MultiBlog Modules Module personnalisé

Ajoutez le code suivant dans le module personnalisé en activant le module et en ajoutant un titre à celui-ci pour qu'il s'affiche:


Code:
<div id="cache" style="border-radius: 10px; opacity: .8!important; padding:10px; background-color: #999; position:fixed; top:200px; z-index:10000!important; visibility:hidden; top: 23%; left: 48%"><img src="http://i.imgur.com/qQHfnwG.gif" width="50px"\><div id="#mask" style="background-color: #000; opacity: .4; position: fixed!important; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000"></div></div>

<script language="JavaScript">

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";

function cacheOff()
   {
   cach.visibility = "hidden";
   }
window.onload = cacheOff
</script>

N'oubliez pas de cliquer sur le bouton pour que la modification soit effective Happy

Ce tutoriel a été rédigé par le Staff du Forum des Blogs,
Et en particulier par Wave.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Cordialement,


avatar
Singleton
Adminblog
Adminblog

Masculin
Messages : 1551

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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