Jump to content

Codepen Notification

You didn't provide a codepen sample that illustrates the problem. It really helps us quickly identify problems. This isn't mandatory, but it will get you better/faster results. Would you like to add one?

Banner calculators for adwords

Started by eekern, Feb 11 2017 08:01 AM calculators - - - - -

27 replies to this topic
eekern

Post #21 by eekern , 16 February 2017 - 08:22 PM

Could someone tell me why the code works on desktop but NOT in codepen ?

I like to use codepen to explore

http://codepen.io/eekern/pen/XpOvzE


  • Back to top

PointC
  • PointC
  • 2,532 Likes (Superhero)
  • 1,224 posts

Post #22 by PointC , 16 February 2017 - 08:55 PM

Your pen is not loading TweenMax. Hit that little gear icon on the JS panel and then choose to load TweenMax and any other scripts you need. You also don't need those tags for doctype, html etc... in the HTML panel.

 

Happy tweening.

:)


If you only travel from point a to point b, you won't find me because I'm PointC.

Real name: Craig | Home base: Seattle area
Forum answers: always well-intentioned, usually accurate, not necessarily guaranteed.

CodePen: http://codepen.io/PointC/  |  Twitter: https://twitter.com/Craig_PointC

  • Back to top

eekern

Post #23 by eekern , 16 February 2017 - 09:03 PM

Your pen is not loading TweenMax. Hit that little gear icon on the JS panel and then choose to load TweenMax and any other scripts you need. You also don't need those tags for doctype, html etc... in the HTML panel.

 

Happy tweening.

:)

 

 

 

Thanks, like this ?

Skjermbilde%202017-02-16%20kl.%2022.02.0



I still get blank page.


Man, this is so much harder than I hoped, haha.

All I want is a mobile ad for adwords with a timeline and two pictures that overlay each other.


 


  • Back to top

PointC
  • PointC
  • 2,532 Likes (Superhero)
  • 1,224 posts

Post #24 by PointC , 16 February 2017 - 09:08 PM

You just have one small correction to make:

// doing it this way logo is a variable that hasn't been declared
TweenMax.to(logo, 1.5, { ease: Bounce.easeOut, y: 40 });

// just drop the div id in as the target like this:
TweenMax.to("#logo", 1.5, { ease: Bounce.easeOut, y: 40 });

You're doing fine. Just keep at it. We're here to help. :)


If you only travel from point a to point b, you won't find me because I'm PointC.

Real name: Craig | Home base: Seattle area
Forum answers: always well-intentioned, usually accurate, not necessarily guaranteed.

CodePen: http://codepen.io/PointC/  |  Twitter: https://twitter.com/Craig_PointC

  • Back to top

eekern

Post #25 by eekern , 17 February 2017 - 10:15 AM

Thank you for great support PointC

I have now added GSAP trough the gear icon and removed all the code my pen don`t need.

Still it is just blank ?!

Please take a look I have no hair left to pull out : http://codepen.io/eekern/pen/XpOvzE


  • Back to top

Dipscom
  • Dipscom
  • 1,211 Likes (Superhero)
  • 777 posts

Post #26 by Dipscom , 17 February 2017 - 11:44 AM

Hello! PointC will be asleep at the moment - I think.

 

The url for GSAP is still wrong in your pen, I've just changed it to the latest and it works fine.

 

Go back to the settings, via the gear icon. Remove the reference to GSAP that you have there, click on the "Quick-add" dropdown at the bottom of the modal window and select "Greensock TweenMax". 

 

That way you will have the correct and latest GSAP available in CodePen.

 

Happy Tweening!


  • Back to top

eekern

Post #27 by eekern , 26 April 2017 - 05:22 PM

I have got help to create a html 5 banner that is accepted by the google test, but I still cant use it, I got google on phone and they told me they could not open the zip :P ?

Picture: https://cl.ly/0X3e452H3B3X
 

 

Question to all people who already have troubleshoot this process;

Do I need double click and what is this, what is it most likely the be the  error when google themselves don't give me and answer

 

 

would someone be kind checking the code ?


  • Back to top

Web Dizajner

Post #28 by Web Dizajner , Yesterday, 04:04 PM

would someone be kind checking the code ?

Where is the problematic banner?


  • Back to top




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

3rd Party Advertisement