Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Mouse/Rollover ImagesMouse/Rollover Images
Previous
 
Next
New Post
5/21/2007 10:05 AM
 

Hi,

Can anyone tell me how I can create rollover links in DNN?  I don't want to use the SOLPARTMENU, unless it is a secondary one - any suggestions?

I tried do it in CSS, but it dosent work!! See below...

.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;

Also tried vaious modules, but they either only change the alpha or they have a huge cell padding on them so the links are seperated too much.

Thanks,

Anna

 
New Post
5/21/2007 5:19 PM
 

Your problem relates to your css, not DNN. Luckily, I can help you (as i know very little about DNN).

 

Change

.introduction:link {

to

.introduction a:link

 

Likewise, change

.introduction:hover {

to

.introduction a:hover {

 

Everything should work then.

 
New Post
5/21/2007 9:20 PM
 

You could use the text/html module.

If you put a div in (in te source edit) and add llinks to this div you can reference them.

Name the div's class "introduction" and use ".introduction a:link"like the previous poster wrote.

 
New Post
5/22/2007 5:22 AM
 

Hi,

Thanks for the help, but I still can't it to work!  I've also tried mouseover code...

Can someone tell me what is wrong with the code below?  I'm trying to copy and paste this into text/html module as suggested:

</script>
<body onLoad="MM_preloadImages('http://in8website.co.uk/Portals/31/Skins/concordeclub/images/sidebuttson_19.jpg')"><a href="http://in8website.co.uk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Introduction','','http://in8website.co.uk/Portals/31/Skins/concordeclub/images/sidebuttson_19.jpg',1)"><img name="Introduction" border="0" src="http://in8website.co.uk/Portals/31/Skins/concordeclub/images/concordeclubwebsite_19.jpg" alt="Introduction"></a>

 


 

Or alternatively, the css way of doing it:

 


 

<table cellspacing="0" cellpadding="0" width="100%" border="0" class="introduction">
    <!--DWLayoutTable-->
    <tbody>
        <tr>
            <td width="155" height="33">
            <div align="center">Recent events </div>
            </td>
        </tr>
    </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="100%" border="0" div="" class="introduction">
    <!--DWLayoutTable-->
    <tbody>
        <tr>
            <td width="155" height="33">
            <div align="center">Club information </div>
            </td>
        </tr>
    </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="100%" border="0" class="introduction">
    <!--DWLayoutTable-->
    <tbody>
        <tr>
            <td width="155" height="33">
            <div align="center">Forthcoming events </div>
            </td>
        </tr>
    </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="100%" border="0" div="" class="introduction">
    <!--DWLayoutTable-->
    <tbody>
        <tr>
            <td width="155" height="33">
            <div align="center">More about the club </div>
            </td>
        </tr>
    </tbody>
</table>
<p>&nbsp;</p>


Any help gratefully received!!

Thanks,

Anna

 
New Post
5/22/2007 6:21 AM
 

In the interests of knowledge sharing, my code was right, I just needed to have my JS code (from the top of my Dreamweaver Page) somewhere on the page.  I have placed it in a hidden text module - did the trick ;o)

Anna

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Mouse/Rollover ImagesMouse/Rollover Images


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out