Celebrating the new year

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
Post Reply
User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Celebrating the new year

Post by alex4orly » Sun Dec 09, 2018 11:23 pm

I am looking for placing a temporary "Face" to one of my websites that will show visitors some Gif or such of the Happy New Year message and that it can be either finish by itself or be dismissed by the visitor

Any idea how to achieve that?

Merry Christmas

User avatar
Pablo
 
Posts: 18002
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Celebrating the new year

Post by Pablo » Mon Dec 10, 2018 7:02 am

You can, for example, create a new index page with the animation and redirect the user to the normal index page (renamed to something else) after a timeout via the redirect settings in the Page Properties.
Or you can use a timer to display a temporary layer.
http://wysiwygwebbuilder.com/timers.html

User avatar
Biju
 
 
Posts: 196
Joined: Thu Mar 10, 2016 7:02 pm
Location: Kerala, INDIA.

Re: Celebrating the new year

Post by Biju » Tue Dec 11, 2018 12:06 pm

Something like this:
HAPPY NEW YEAR
~ Remain Curious
and Keep Learning ~

_________________
www.philip.epizy.com

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Tue Dec 11, 2018 7:26 pm

Exactly,
How do I do this?

Thanks

User avatar
Biju
 
 
Posts: 196
Joined: Thu Mar 10, 2016 7:02 pm
Location: Kerala, INDIA.

Re: Celebrating the new year

Post by Biju » Wed Dec 12, 2018 4:29 am

Just followed Pablos tutorial

1. Insert your image and close button
2. Hide both of them. (Before hiding give an onclick event to close button to hide both image and button itself)
3. Insert two timers (one for showing hidden objects and other for hiding)
4. Timer1
-  Type: Timeout
-  Interval: 5000
-  Tick Autostart
Select Event Tab and add 3 events:
-  Ontimer: Show>Target>Image
-  Ontimer: Show>Target>Button
-  Ontimer: Timer start>Target>Timer2
5.Timer2
-  Type: Timeout
-  Interval: 10000
-  Untick Autostart
Select Event Tab and add 2 events:
-  Ontimer: Hide>Target>Image
-  Ontimer: Hide>Target>Button

Hope this will help you..
~ Remain Curious
and Keep Learning ~

_________________
www.philip.epizy.com

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Wed Dec 12, 2018 6:24 am

Hi Biju, (this is French?)
Any chance you can send me the actual project that your sample is built on?
Thaks
Alex

User avatar
Biju
 
 
Posts: 196
Joined: Thu Mar 10, 2016 7:02 pm
Location: Kerala, INDIA.

Re: Celebrating the new year

Post by Biju » Wed Dec 12, 2018 10:47 am

Not French, it is one of our nick names for gent's (I am from Kerala, south-most part of India)

How can I send the project file to you?
~ Remain Curious
and Keep Learning ~

_________________
www.philip.epizy.com

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Wed Dec 12, 2018 11:10 am

Thanks
You upload it as a single project file to your website and provide me a url to the file itself.
I think this should work
Cheers

User avatar
Biju
 
 
Posts: 196
Joined: Thu Mar 10, 2016 7:02 pm
Location: Kerala, INDIA.

Re: Celebrating the new year

Post by Biju » Wed Dec 12, 2018 11:40 am

OK, get it from below link:

   DOWNLOAD
~ Remain Curious
and Keep Learning ~

_________________
www.philip.epizy.com

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Wed Dec 12, 2018 7:30 pm

In the RAR files, there are only 2 items
index.html and the GIF file
It seems there are some .css files missing
When I hit F5 to run in locally, nothing comes up

Thanks again

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Wed Dec 12, 2018 10:28 pm

OK, I got it to work on my website, just copied the objects from your project to my front page, but:
My site is based on a Master-Frame and grids, when the Gif shows up, it pushes the grid to make room for itself....
This doesn't look right.
I would like to have another layer maybe, that shows up on top of the front page, show the gif then be closed and dissapear

Any idea how to go abou this?
Thanks

User avatar
Biju
 
 
Posts: 196
Joined: Thu Mar 10, 2016 7:02 pm
Location: Kerala, INDIA.

Re: Celebrating the new year

Post by Biju » Thu Dec 13, 2018 4:41 am

In the RAR files, there are only 2 items
index.html and the GIF file
No, the rar files contains the actual project files (hn.wbs and image folder with gif image)
How did you extract rar file?

Image
When I hit F5 to run in locally, nothing comes up
If the file has only html and gif, from where you hit F5?
~ Remain Curious
and Keep Learning ~

_________________
www.philip.epizy.com

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Thu Dec 13, 2018 7:49 am

Hi Biju,

Please read the earlier message, all works fine
I also placed the whole thing on a Layer, which shows up in the center of the screen and fades away...

Thanks again for your help

Cheers

User avatar
zinc
 
 
Posts: 1324
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: Celebrating the new year

Post by zinc » Fri Dec 14, 2018 1:15 pm

This is by far the best solution:

viewtopic.php?f=53&t=62416

User avatar
alex4orly
 
 
Posts: 803
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Celebrating the new year

Post by alex4orly » Fri Dec 14, 2018 7:33 pm

I did that with the WWB method and it works fine for what I need
Thnaks

Post Reply