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, ...Styling DNN Skin ObjectsStyling DNN Skin Objects
Previous
 
Next
New Post
9/13/2010 1:37 PM
 
use this (change as needed):

.TMPWhiteSkinObject
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.TMPWhiteSkinObject:link
{
    text-decoration: none;
    color: #003366;
}

A.TMPWhiteSkinObject:visited
{
    text-decoration: none;
    color: #003366;
}

A.TMPWhiteSkinObject:hover
{
    text-decoration: none;
    color: #003366;
}

A.TMPWhiteSkinObject:active
{
    text-decoration: none;
    color: #003366;
}


Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il
 
New Post
9/13/2010 2:46 PM
 
Ok, link is corrected now.

I had the impression you were editing the skin obejct itself (it's an ASCX too)
As long as you edit the skin (ascx) your fine.

I'm working on a skin right now, it contains this:
<dnn:TERMS runat="server" ID="dnnTERMS" CssClass="footer" />

And renders this:
<a href="http://dnnskins/...Default.aspx" rel="nofollow" class="footer" id="dnn_dnnTERMS_hypTerms">Terms Of Use</a>

So it should work...
 
New Post
9/14/2010 1:07 PM
 
Tried this, must be doing something wrong.  I had to put inline styles into the tags and that is working.

Exactly how would one put the class entry into the tag for the anchor or the surrounding <td>, etc.?
 
New Post
9/14/2010 1:38 PM
 
I have the Contact Us and About TMP links working right but had to use in line styles.

Well, the Privacy and Terms links are now in the correct color and font weight but ... not the font size.  As you can see, I have put the correct cssclass in the attribute but the font size of Privacy and Terms remains 8.5 pt no matter what I do.

Can you tell me what's up?  Thanks in advance.

Here is the code in the terms and privacy skin objects:

<%@ Control language="vb"
            AutoEventWireup="false"
            Explicit="True"
            Inherits="DotNetNuke.UI.Skins.Controls.Privacy"
            CodeFile="Privacy.ascx.vb" %>
<asp:hyperlink  id="hypPrivacy"
                runat="server"
                cssclass="TMPWhiteSkinObject"
                enableviewstate="False"></asp:hyperlink>

<%@ Control language="vb"
            AutoEventWireup="false"
            Explicit="True"
            Inherits="DotNetNuke.UI.Skins.Controls.Terms"
            CodeFile="Terms.ascx.vb" %>
<asp:hyperlink  id="hypTerms"
                runat="server"
                cssclass="TMPWhiteSkinObject"
                enableviewstate="False"></asp:hyperlink>

Here is my CSS code, in default.css:

/*
    TMP Skin Objects
*/

/*
    Anchors
*/

A.TMPWhiteSkinObject:link
{
    text-decoration: none;
    color: #FFFFFF;
}

A.TMPWhiteSkinObject:visited
{
    text-decoration: none;
    color: #FFFFFF;
}

A.TMPWhiteSkinObject:hover
{
    text-decoration: none;
    color: #FFFFFF;
}

A.TMPWhiteSkinObject:active
{
    text-decoration: none;
    color: #FFFFFF;
}


/*
    Text
*/

.TMPNormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #FFFFFF;
}

.TMPNormal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: normal;
    color: #FFFFFF;
}

.TMPWhiteSkinObject
{
    font-weight: normal;
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

.TMPSkinObject
{
    font-weight: bold;
    font-size: 11pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

.TMPTransSkinObject
{
    font-weight: bold;
    font-size: 11pt;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
/*
    End TMP Skin Objects
*/
 
New Post
9/14/2010 2:43 PM
 
I am confused about what you’re trying to achieve here.
If you want to style a DNN control in the skin there’s no need to mess with it. All you have to do is:
1. Put cssclass=”className” in the control  call (The part that is written <dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT"  CssClass="className" /> NOT the control call at the top)
2. Put the class definition as I sent you before in the skin.css file
That’s it.

Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Styling DNN Skin ObjectsStyling DNN Skin Objects


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