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, ...using different .SkinObject styles for Search, Date, Breadcrumbs, Login, Register, Copyright, Termsusing different .SkinObject styles for Search, Date, Breadcrumbs, Login, Register, Copyright, Terms
Previous
 
Next
New Post
5/25/2007 2:27 PM
 

Hello,

I'm pretty new at skinning dotnetnuke, so bear with me...

The style for Date, Breadcrumbs, Login, etc. are applied by using .SkinObject in a stylesheet.

How do I apply different styles for some of those objects?

For instance: I would like a white font for [BREADCRUMB] and a smaller black font for [LOGIN]. Is this possible?

 
New Post
5/25/2007 5:25 PM
 

It's easy... since you used the [Token] method in your post, I'll show you how using the Token/xml method.

In the html skin file, use [LOGIN] just as you normally would.  In the skin.xml file, tell DNN to use your own class (instead of the .skinObject class) for the Login token:

<Objects>
   <Object>
      <Token>[LOGIN]</Token>
      <Settings>
         <Setting>
            <Name>CssClass</Name>
            <Value>control</Value>
         </Setting>
         <Setting>
            <Name>Text</Name>
            <Value>Login</Value>
         </Setting>
         <Setting>
            <Name>LogoffText</Name>
            <Value>ByeBye!</Value>
         </Setting>
      </Settings>
   </Object>
</Objects>

Then in the skin.css file, implement your new style for the login:

.control, a.control:link, a.control:visited {
 text-decoration: none;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: black;
 font-weight: bold;
}
a.control:hover    {
    text-decoration: underline;
    color: red;
}
a.control:active   {
    text-decoration: none;
    color: black;
}

And viola! your login link is black text, turning red on mouse-over.

 

 

 
New Post
5/26/2007 12:24 PM
 

Thanks a 1000000!

Works like a charm

 
New Post
7/6/2007 8:36 PM
 

Thank you! it is difficult to find, and this solutions is great.

 
New Post
7/22/2007 7:37 PM
 

Very useful information.  Thank you very much!!!

All the best to you.

Jose

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...using different .SkinObject styles for Search, Date, Breadcrumbs, Login, Register, Copyright, Termsusing different .SkinObject styles for Search, Date, Breadcrumbs, Login, Register, Copyright, Terms


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