Rollover/Mouseover in DNN
Last Post 05/23/2007 4:23 AM by Lee Sykes. 3 Replies.
Author Messages
anna tarrant
Nuke Newbie
Nuke Newbie
Posts:2


--
05/21/2007 11:30 AM

    Hi,

    I am absolutely pulling my hair out over this one!

    I manage to get the rollover working fine in dreamweaver and in normal html web sites.  However, when I try to create a rollover in a skin and upload it, nothing happens!  No image change, nothing!  I have tried this both using CSS and standard dreamweaver mouseover JS.

    So, I tried using the standard dreamweaver mouseover code in a html/text module, and still nothing happens.

    I thought it may be because of the location of my file, so i uploaded them in the skin zip file, but this still dosent work.  Any help would be MUCH apreaciated. My code is below, not sure if it will work in this forum though...

    Thanks,

    Anna


    Mouseover code:

    http://www.in8website.co.uk/concordeclub/images/concordeclubwebsite_19.jpg" alt="Introduction">

    CSS code:

    .introduction {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: normal;
     color: #e5007f;
     text-decoration: none;
     border-top: 1px white;
     border-bottom: 1px white;
     }

    .introduction:link {
     background-color: #f9cbe5;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: normal;
     color: #e5007f;
     text-decoration: none;
     border-top: 1px;
     border-color: #ffffff;
     border-bottom: 1px;
    }
    .introduction:hover {
        background-color: #e20080;
     border-top: 1px white;
     border-bottom: 1px white;
     color: #ffffff;



    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    05/22/2007 3:01 AM
    Hello,

    You may want to check this post:
    http://www.dnncreative.com/Forum/ta...fault.aspx

    Thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    anna tarrant
    Nuke Newbie
    Nuke Newbie
    Posts:2


    --
    05/22/2007 4:27 AM
    Hi Lee,

    I've read the thread and made the changes, but it still dosent work.

    Can you tell me what's worng here please?

    Introduction

    You can see it here: http://www.in8website.co.uk/concordeclub/Home/tabid/870/Default.aspx

    Thanks,

    Anna
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    05/23/2007 4:23 AM
    Hello,

    I see you managed to get it working. - rather than using images have you thought about using an unordered list and styling it using CSS? - This means if you wish to add any pages in the future then they will automatically be added into the menu. - It also gives the added benefits of search engines friendly and no need for Javascript code - If you are interested in developing this technique it's worth having a look at the house menu and the simple red leaf skin, I outlined how I set this up in this tutorial here:
    How to create a pure CSS skin

    Thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---