Super Simple iWeb Rollover Image and Buttons Tutorial

Go here for html code: www.onecommunityranch.com Go here for image hosting: www.tinypic.com I created this because the iweb tutorials on button and rollover images had links to faulty code or workarounds that were nowhere near as effective as this… they also didn’t tell me how to insert my own web page for the buttons, or how to have buttons open up a new page instead of redirecting my current page. Hopefully this helps people avoid the hours of redoing work like I ended up doing as I found easier and better ways to do this. Key tips like pasting your html snippets into a word doc for easy reference and making sure your images are small enough would have saved an amateur like me some serious time… then again, I became quite the expert through my many errors and fixing them.
Video Rating: 4 / 5

No related content found.

Revisions

There are no revisions for this post.

Tags: , , , , , , , , , , , , , , , , , , ,

17 Responses to “Super Simple iWeb Rollover Image and Buttons Tutorial”

  1. hampusthehedstrom January 9, 2012 at 1:03 AM #

    thank´╗┐ you ­čśë

  2. atecjae January 9, 2012 at 1:12 AM #

    @glennzero Read the writing at the top of the linked page & you will see a link to download a word document with the code so you can copy and paste it. Specifically it says “Due to using iWeb SEO Tool, I can’t just type code on this page as it gets converted and isn’t visible – so below you will find a picture´╗┐ of the code that you can retype into your HTML snippets, or you can download the word document with the same code here: Rollover Code.doc OR the PDF here: Rollover Code PDF.pdf”

  3. atecjae January 9, 2012 at 1:35 AM #

    @privatepavel Read the writing at the top of the linked page & you will see a link to download a word document with the code so you can copy and paste it. Specifically it says “Due to using iWeb SEO Tool, I can’t just type code on this page as it gets converted and isn’t visible – so below you´╗┐ will find a picture of the code that you can retype into your HTML snippets, or you can download the word document with the same code here: Rollover Code.doc OR the PDF here: Rollover Code PDF.pdf”

  4. privatepavel January 9, 2012 at 2:10 AM #

    DUDE, thanks for great vid and all, but the code comes as a picture and I cant copy´╗┐ and paste it..

    cheers

  5. glennzero January 9, 2012 at 2:39 AM #

    but where is the´╗┐ code?

  6. jckmcgraw January 9, 2012 at 3:36 AM #

    Thank you SOOO´╗┐ much!!!

  7. WatermelonStopMotion January 9, 2012 at 4:03 AM #

    thanks this video´╗┐ helped a lot!

  8. qeqoOu January 9, 2012 at 4:18 AM #

    Thanks!!!!!
    ´╗┐

  9. MrMoegriffin January 9, 2012 at 5:08 AM #

    To cool, How´╗┐ easy. I’ve been trying to do this for a month.
    Thank You

  10. atecjae January 9, 2012 at 5:30 AM #

    @ShamieWoW – Thank you so much for pointing that out! Fixed the link. Also added´╗┐ a PDF and Word document download of the code as I just realized my iWeb SEO Tool was converting some of the code on the page so it was incomplete… Had to thus convert the code into a picture so it can now either be read and retyped from the image or you can just download either of those documents… sorry I don’t know a way to just keep the code on the page to be copied. Let me know if there is any other problem.

  11. ShamieWoW January 9, 2012 at 6:16 AM #

    the link is´╗┐ down

  12. TheJoseluis2 January 9, 2012 at 6:47 AM #

    Gracias´╗┐ valedor from Mexico de corazon

  13. LaVidaLarga January 9, 2012 at 6:57 AM #

    Excellent! Just excellent work.. that makes it look so easy. Thank you!´╗┐ ~ J.

  14. Iaida888 January 9, 2012 at 7:36 AM #

    Amazing´╗┐ work J..thanks for always making a better world. ~m

  15. OneWorldlLoveOWL January 9, 2012 at 8:20 AM #

    Are you for´╗┐ hire? great work, thanks

  16. tammaraguterman January 9, 2012 at 9:04 AM #

    Simple and simply fabulous thanks for creating~ + you have´╗┐ quite a sexy voice.. ­čÖé love to meet you

  17. hurcules57 January 9, 2012 at 9:13 AM #

    Very cool. Thank´╗┐ you!

Leave a Reply