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, ...Making Skin Design for Specific Page Making Skin Design for Specific Page
Previous
 
Next
New Post
5/28/2012 12:31 PM
 

I am using the DarkKnight default skin that DNN provides. On each page I am using the Home-Mega-Menu skin. I have made a few small changes to that skin in the skin.css file -- I have changed the colours in the header and added a picture, and I have changed the colours of the footer.

I have 4 individual pages on my site where I would like to make one very small change to the skin -- I would just like to change the image in the header to another image. How do I accomplish this? If I change the picture in the skin.css file it is applied to every page on my whole site.

I also have one more question that I am assuming is slightly more difficult but also relates to the image in the header. On my site, I have several different security roles. I am trying to implement a login module from the store where depending on their security role, when a user logs in they are redirected to a custom page just for their specific security role.  All the other pages on the site are viewable by all registered users. However, I would like the header image on all the other pages to correspond with the image the user sees in the header when they are initially redirected into the site from the login module. Essentially, I would like the image the user sees in the header to correspond with the image related to their security role that they see when they log in. Is this at all possible?

 
New Post
5/28/2012 5:04 PM
 
Copy your skin giving it a slightly different name, make your image or style changes and then apply this new skin to the page(s) in question.

Mark
 
New Post
5/28/2012 5:37 PM
 
Add a wrapping div to the skin, somthing like

div id="page<%=PortalSettings.ActiveTab.TabID %>"

Then you can target specific tab numbers in your css to make the special images appear on the just the four pages you want. That's a load less duplication than four (almost) identical copies of the skin.

I'm sure you could inject a class that in some way related to security roles. That would be harder because a user does not have just one security role. Roughly the same kind of code would get you able to control images based on security.

The redirect based on a security role - I suspect there is a module to do that or it would not be hard to write one.

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
5/28/2012 6:33 PM
 

Sorry - that should be:

div id="page<%=PortalSettings.ActiveTab.TabID %>"


Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
5/29/2012 10:58 AM
 
Thanks. I don't know much about css.... Could you recommend a good starting point to start learning some of this -- either a book or website?
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Making Skin Design for Specific Page Making Skin Design for Specific Page


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