CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 8: | Line 8: | ||
<script> | <script> | ||
− | window.onload = function (){ | + | window.onload = function (){ |
+ | //HIDE | ||
+ | void(document.getElementById('loading-background').style.display = 'none'); | ||
+ | void(document.getElementById('loading-gif').style.display = 'none'); | ||
+ | |||
+ | //SHOW | ||
+ | void(document.getElementById('main-wraper').style.display = 'block'); | ||
// Change color of current link | // Change color of current link | ||
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | ||
Line 16: | Line 22: | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div id='loading-background'></div> | ||
+ | <img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif'/> | ||
<!-- Navigation Bar --> | <!-- Navigation Bar --> | ||
<div id='main-wraper'> | <div id='main-wraper'> | ||
Line 223: | Line 231: | ||
} | } | ||
+ | </style> | ||
+ | <style> | ||
+ | #loading-gif{ | ||
+ | position: fixed; | ||
+ | z-index: 10000; | ||
+ | height: 200px; | ||
+ | -webkit-transform: translate(170%, 110%); | ||
+ | -moz-transform: translate(170%, 110%); | ||
+ | -ms-transform: translate(170%, 110%); | ||
+ | -o-transform: translate(170%, 110%); | ||
+ | transform: translate(170%, 110%); | ||
+ | } | ||
</style> | </style> | ||
Revision as of 14:49, 16 August 2017