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, ...Skin problemsSkin problems
Previous
 
Next
New Post
4/25/2008 2:28 PM
 

Hi Guys
I've got a slight problem, I've probably missed in the docs

I want to change the colour of the login, user/register along with the privacy, hostname and terms tags

I've given them there own class in the .css file but they continue to stay the default colour (dark yuk)
any one suggest how these can be changed?

TIA
Pat

 
New Post
4/26/2008 4:02 PM
 

Hi Pat,

In your skin.css

/* Login and User Tokens Normal CSS Styles. */
.LOGIN, a.LOGIN:link, a.LOGIN:visited, a.LOGIN:active, .USER, a.USER:link, a.USER:visited, a.USER:active {
 color: #ff0000;
 font-family: tahoma;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;
}

/* Login and User Tokens Hover CSS Styles. */
a.LOGIN:hover, a.USER:hover {
 color: #dcd177;
 font-family: tahoma;
 font-weight:normal;
 font-size: 11px;
 text-decoration: none;
}

/* Terms Privacy and Copyright CSS Styles. */
.FOOTER {
 color:#FFFFFF;
 font-size: 11px;
 font-weight:normal;
}

/* Terms Privacy and Copyright Links CSS Styles. */
a.FOOTER:link, a.FOOTER:visited, a.FOOTER:active {
 color:#FFFFFF;
 font-weight:normal;
 text-decoration:none;
}

/* Terms Privacy and Copyright Hover CSS Styles. */
a.FOOTER:hover {
 color:#dcd177;
 font-weight:normal;
 text-decoration:none;
}

In your .ascx file add.

<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SOLPARTMENU" Src="~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="HOSTNAME" Src="~/Admin/Skins/HostName.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>

<div align="center"><dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" CssClass="footer" /><br>&nbsp;
<dnn:HOSTNAME runat="server" id="dnnHOSTNAME" CssClass="footer" />&nbsp;&nbsp;|&nbsp;&nbsp;
<dnn:TERMS runat="server" id="dnnTERMS" CssClass="footer" />&nbsp;&nbsp;|&nbsp;&nbsp;
<dnn:PRIVACY runat="server" id="dnnPRIVACY" CssClass="footer" /></div>

Enjoy

Ray

 

 
New Post
5/1/2008 5:19 PM
 

Thanks Ray

That worked for the footer part of the parblem but not the register aned login part
would the default be overiding the new skin?

thanks
Pat

 
New Post
5/2/2008 1:34 PM
 

If I recall the xml defines skinItem css as the styling for those controls. When you said you changed / created a custom one did you change the xml for each tokens css value?

Also one thing I find works well in this situation is download firefox browser and install an add-on called firebug.

It will make your life with DNN skinning much easier. you can launch firebug when viewing your site and click the inspect button select the item you want to look at. Such as the login link and it will tell you every single CSS style being applied the heirarchy they are being applied, what is being overwritten by what and so much more. Its a really awesome tool, cause DNN does so many funky things.

While you on the add-on page, grab Web Developer toolbar as well. Allows you to edit all the CSS files applied to a page real time. (minus images) it won't render images, but for all other formating its a great way to virtually play around with your CSS real time and then you can just copy and paste your virtual changes to your actual files.

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skin problemsSkin problems


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