Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Cool footer!

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #46065
    Bolivar00
    Member

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

    #141384
    Senff
    Participant

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

    #141386
    zedmus
    Member

    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:)

    #141462
    Bolivar00
    Member

    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…

    #141474
    Kuzyo
    Participant

    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

    #141519
    Kuzyo
    Participant

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

    #141553
    Junni
    Member

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

    #141578
    Kuzyo
    Participant

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.