Grow your CSS skills. Land your dream job.

Cool footer!

  • # July 2, 2013 at 10:31 pm

    How would i achieve the follow Oz footer ?
    here is the link http://www.doctoroz.com/

    # July 2, 2013 at 11:04 pm

    What part of the footer would you like to replicate? The background, the structure, the colors….also, what have you tried so far?

    # July 2, 2013 at 11:22 pm

    Break it down with Chrome dev tools. By inspecting the different elements, you will learn how they created it. But be careful, site inspecting can become an obsession:)

    # July 3, 2013 at 2:29 pm

    I’m trying to replicate the follow Oz section, i did inspect the elements with firebug what i don’t understand is how the hover works, when you hover on the email picture the email input field shows up and so on…

    # July 3, 2013 at 4:44 pm

    position of images changing after hovering, here is sprite http://static.doctoroz.com/sites/all/themes/droz/images/share-sprite2.png

    and js addClass to li element with properties – display: table -cell that show what we see

    # July 4, 2013 at 6:05 am

    here my shot http://codepen.io/Kuzyo/pen/sKGqF maybe too many classes )

    # July 4, 2013 at 11:45 am

    >what i don’t understand is how the hover works, when you hover on the email picture the email input field shows up and so on…

    Simple show/hide of DIV elements on rollover.

    # July 4, 2013 at 12:24 pm

    Kuzyo how can we Color The Writing according as you done ??

    # July 4, 2013 at 4:45 pm

    don’t understood question :-(
    maybe you mean background-color?

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".