Page Preloader animation

paradoxx's picture
paradoxx
Tue, 08/04/2015 - 06:54
#1
Page Preloader animation

Hi, i was wondering how i could replace the current 3 colored dots preloader animation with my own created one :

Image title

I found this information how to embed a gif :
http://www.netavatar.co.in/2011/05/31/how-to-show-a-loading-gif-image-wh...
Is the current animation also a gif ?

Thanks upfront for your reply.

phuonght's picture
phuonght
Tue, 08/04/2015 - 22:56

Hi,

Please go to md_orenmode/template/pages, there are files named page--

Open one file, for example: page--front, you can see the following code at the beginning of file:

<!-- LOADING -->
    <div class="loading-container" id="loading">       

    <div class="loading-inner">
            <span class="loading-1"></span>
            <span class="loading-2"></span>
            <span class="loading-3"></span>
        </div>
    </div>
    <!-- END LOADING -->

you can delete

<span class="loading-1"></span>
            <span class="loading-2"></span>
            <span class="loading-3"></span>

and replace by your own one.

And can we ask you a favor? If you are satisfied with our support, please go to envato and vote 5-star for us.

paradoxx's picture
paradoxx
Wed, 08/05/2015 - 11:14

Okay thanks for the tip.

I also made changes to script.js to set a timeout on the frontpage preloader....

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.