Footer Pictures

  • The example site I am looking at that I really like is https://www.relevantstudents.com/

    The very bottom has the pictures in it that if you scroll over them, it glows and it is a link. I can probably figure out how to put the pictures in there, but I don’t know a clue about php and couldn’t figure out where to put it without my site going crazy. Where would I put the code if I wanted to put some different pictures in there? I know it would probably go into functions.php, but I don’t know where to go from there. What would the code look like? Thanks in advance for your help

    My site is hawk-talk.com/newspaper

Viewing 4 replies - 1 through 4 (of 4 total)

  • hawktalk,

    Technically these images are not glowing through the use of php. The images are rollovers using CSS. They consist of two images; one dulled in color and the other bright. When the mouse hovers over the image it switches to the second image through the link style. Something similar to this:

    a {
   background: transparent url(images/dullimage.jpg) no-repeat 0 0;
   }

a:hover {
   background: transparent url(images/brightimage.jpg) no-repeat 0 0;
   }

    This can be accomplished through a single file using the background positioning. Look for a few CSS rollover tutorials online.

    You will want to place your focus on the footer.php file to place the code.

    Thread Starter Zac Gillman

    (@hawktalk)

    I know they weren’t glowing because of php. I just don’t know where to put it in the php file! And I have no clue how to write the code. Is the one you provided going to go in the css file or the footer.php file?

    it goes in the style.css

    Thread Starter Zac Gillman

    (@hawktalk)

    ok now i got the footer replaced.. but i want to make it dependent on footer.php, not the functions.php file.. if that makes any sense because if you look at hawk-talk.com/newspaper right now, it only shows like half the footer, and im not sure why!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer Pictures’ is closed to new replies.