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, ...Changing image depending on active tabChanging image depending on active tab
Previous
 
Next
New Post
9/26/2007 3:24 PM
 

Hi.

Thanks alot :-) No problem for waiting. I'm just HAPPY You'll try to help :-)

I have just installed the add on and will play a little with it.

Bo :-)

 
New Post
9/28/2007 4:26 PM
 

Hi Bo,

nearly as I thought: the table that has the upper image as background is not high enough to show the complete image. The lower image is the background image of the <td class="TopRow1"which is the container cell for that table. While the height of the container cell is set to 215px in the skin.css, the inner table has no fixed height, so its background image is cropped and leaves the background image of the container cell partly visible.

Solution: give the inner table the same height as the container cell:

<table height="215" width="100%" cellpadding="0" cellspacing="0" style="background-image:url('<%= SkinPath & PortalSettings.ActiveTab.TabName %>BG.jpg')" align="center" align="top">

I don't know if you need the lower image at all. If you want it as default background for those tabs that don't have their own background, I would do it as in line 65 of my earlier example:
Use css class .TopRow1 as default class for the container cell, and assign a second, tab specific class, that (if it exists) overrides the default:

<td class="TopRow1 TopRow1<%= PortalSettings.ActiveTab.TabName %>" valign ="top">
     <table width="100%" cellpadding="0" cellspacing="0" style="background-image:url('<%= SkinPath & PortalSettings.ActiveTab.TabName %>BG.jpg')" align="center" align="top">
     (...)

And in skin.css:

 .TopRow1 {
    background: url(images/ThomasBG.jpg) no-repeat top center;
    (...)
}

.TopRow1Soren {
    background-image: url(images/SorenBG.jpg)
}

 
New Post
9/29/2007 5:51 AM
 

Hi.

Thanks. I works like a charm. The first part :-)

But I can't see what the last part do. It makes a default bagground if no one that match exists i guess, butI can't get it to work. TopRow1 image is never changed no matter what menu I Choose.

IF I understand this right, I'll just add

.TopRow1[TABNAME] {
    background-image: url(images/[TABNAME]BG.jpg)
}

to the CSS for every Tab I add and want a picture to?

Bo :-)

 
New Post
10/1/2007 4:25 PM
 

Yes, you did understand it right :-). No idea why it doesn't work for you. I just checked it successfully again on my machine with IE6, IE7 and Firefox.

You can download the files I modified in your skin from http://www.xws.de/dnn/Nordjyde_2-xws-mika.zip. But note that this ZIP is not a complete skin, only the two files Nordjyde_2-xws-mika.ascx and skin.css. Unpack the ZIP and copy the two files manually into your skin directory.

Also note that I (since I don't have the Snapsis menu) changed the .ascx file on two places (see my comments in the file) to make it work with the standard DNN Nav menu. So the menu may look a bit strange, but the background image should be SorenBG.jpg for the page named "Soren" (without special characters).

 
New Post
10/1/2007 5:27 PM
 

Hi.

Thanks alot. No idea why it didn't for me either. Nothing seems to work first time :-)

It works super now. Even if there exists no file that match the page name. It just load standard image.

Bo :-)

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Changing image depending on active tabChanging image depending on active tab


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