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, ...Modification of the skinModification of the skin
Previous
 
Next
New Post
7/18/2006 8:48 AM
 

Hi everyone,

I'am working on a new site and I want to change the default result code of a skin [currentdate] [user] [login] they are white with a white background except for the | . Any ideas where to start?

in html it shows: (portal.html)

<div align="center">
 <table width="780" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-left:1px solid #ADADAD; border-right:1px solid #ADADAD; ; color:#000080">
  <tr>
    <td height="283" width="248" style="padding-left:10px" align="left" valign="top">[LOGO]</td>
    <td id="HeaderPane" runat="server" width="283" height="283" class="headerpane" background="media/bg_banner.jpg">
 <p align="center">
 <p align="center"></td>
    <td style="padding-left:10px; " align="center" valign="bottom">[CURRENTDATE]<br/>[USER]&nbsp;&nbsp;|&nbsp;&nbsp;[LOGIN]<br/>[BREADCRUMB]
 </td>

And I'am guessing I need to adjust the skin.css file

body{ background:#E2E2E2; border-left:0px; border-right:0px; height:100%; }
.controlpanel{ background:url(media/bgCP.gif); border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none; }
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#F00; text-decoration:underline;}

.headerpane{ text-align:right;  padding:10px;}
.leftpane{ width:190px; padding:0px 0px 20px; }
.contentpane{ padding:10px 10px 0px; }
.rightpane{ padding:5px 5px 0px 0px; }
.leftcol{ padding-top:4px; }
.leftbg{ background:url(media/bg_leftpane.gif) left repeat-y; }
.contents{ background:url(media/bg_contentpane.gif) top repeat-x; }
.rightbg{ top right no-repeat; }

.Head{ font-size:13px; font-weight:bold; color:#333; }
.SubHead,.SubSubHead{ font-size:11px; color:#333; }
.Normal{ font-size:11px; color:#333; }
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ color:#FF7900; text-decoration:none; }
A.CommandButton:hover{ color:#FF7900; text-decoration:underline;}
TH,TD,DIV{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
A,A:link,A:visited,A:active{ color:#FF7900; text-decoration:underline; }
A:hover{ color:#FF7900; text-decoration:none; }
.user,a.user:link,a.user:active,a.user:visited,.user{ color:#FFF; text-decoration:none; }
a.user:hover{ color:#FFF; text-decoration:underline; }
a.bottomlinks:link,a.bottomlinks:active,a.bottomlinks:visited{ color:#333; text-decoration:none; }
a.bottomlinks:hover{ color:#333; text-decoration:underline; }
.footer,a.footer:link,a.footer:active,a.footer:visited{ font-size:10px; color:#777; text-decoration:none; }
a.footer:hover{ color:#777; text-decoration:underline; }
/*___________________________________________________________________________________________*/
.MainMenu_MenuContainer{ background:transparent; width:100%; height:1px; }
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuBreak{ display:none; }
.MainMenu_MenuItem,.submenuitembreadcrumb{
 color:#333; font-size:11px; font-weight:normal;
 padding:3px 15px 3px 10px;
 border:1px #CBCBCB solid; border-width:1px 0px;
}
.submenuitemselected{
 color:#FF7900; font-size:11px; font-weight:normal;
 padding:3px 15px 3px 10px;
 background:#FACE63;
 border:1px #CBCBCB solid; border-width:1px 0px; 
}
.submenu{
 border:1px #A7A7A7 solid;
 padding:0px;
 background:#CBCBCB;
 margin-left:-20px;
 margin-top:2px;
}
.rootmenuitem TD{
 color:#333; font-size:11px; font-weight:bold;
 background:url(media/button.jpg) 5px 2px no-repeat transparent;
 padding:5px;
 height:29px; 
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
 color:#FF7900; font-size:11px; font-weight:bold;
 background:url(media/button_bread.jpg) 5px 2px no-repeat transparent;
 padding:5px;
 height:29px; 
}

Regards,

Rene

 
New Post
7/21/2006 11:07 PM
 

You know Rene, I'm beginning to see quite an overkill of classes when it comes to managing sites and multiple skinobjects and honestly - perhaps my approach is too simplistic for some, but I've found it works a treat for me.

In my designs, generally the links are of the same size - the main differences it that they are sitting on a light or darker background.

If you use the skinobject CSS class functions it will set the look and feel for all the skinobjects on the page by default, and that's cool if you've got a single or similar colours that it works with.

But, for most of us, we like to have a few more options, but how do you keep track of it all?

Well I have two sets of classes I work with and have found even in the most complicated skins, unless there is such a variance in the colours and it might need further customisation, it works on every site I'm doing. And you know what's nice, you can copy and paste these into your new job without having to completely redo EVERY single class.

Why not do what I do and create two sets of links. LightBG & DarkBG  - get them the same except for the colours obviously, and then you can tweak them to suit.

If you want me to do an example of how I've done it, I will post it here.

It makes the process of working alot simpler.. eg.. pretty obvious on what you're working on - a Light background or a dark one, so you aren't mucking around with 20 different classes just because you changed your mind.

That's my take on this.  Give it a try and see if doesn't sort your class challenge.  Otherwise you'll need to have a user class, a register class, a date class, a privacy class, a terms class, a copyright class, a host class, a breadcrumb class, a link class, a dotnetnuke class and that's not including any custom skinobjects you might be running.  Sure it won't solve 100% of problems but for me, it's proven to be a big help and in fact, we do this on all our work.

That's one of my tips for the day!

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
7/23/2006 5:55 PM
 

I recognize the css as one of my skins. check the skin.xml as the classes for login, etc...... are described there.

Salar

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Modification of the skinModification of the skin


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