You need to Register for free and Login to post a message in the forum.

Forum

Subject: problem with CSS skin and control panel
Prev Next
You are not authorized to post a reply.

Author Messages
codoherty
Nuker
Nuker
Posts:14

06 Sep 2006 7:35 PM  

Hi All,

 

This being my first post to these pages I say "Hello all". I created a css skin for my dotnetnuke 4.3.4 portal, everything seems to work fine except for 2 points.

1. While logged out the postal, the area consumed by the control panel shows as a blank area on the top of the page, here the class, am I missing something here?

#pagemaster {
 margin: 0;
}

#skinmaster {
 width: 820px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background: white;
}

#pagemaster > #skinmaster {
 width: 820px;
}
.controlpanel {
 border: 0;
 align: center;
}

2. is their any way I can override my css file depending on the page\tab. The idea is to somehow inject my new css over my existing css thereby varying the look of the page but keeping the same theme. My home page could have 1 styling and other pages that display larger amounts of data could have slightly different style.

 

Best regards

-Conor

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

07 Sep 2006 5:39 AM  
Hi Conor and welcome to the forum!

For the control panel, all I did in the Free Skin - Simple Red Leaf CSS Skin

was in the skin.html file use:

<div id="ControlPanel" runat="server"></div>

and in the skin.css file I didn't even add any details for the styling

You can compare the code with your skin from the link above.


2. Interesting idea, I don't know how you would go about that, but have a read of this post:
http://blogs.snapsis.com/PermaLink,guid,105f8d79-ffbc-4859-836c-b747364fa59c.aspx

It tells you how to set Skin Background images based on TabName, you maybe able to make some form of adaption.

Otherwise the simplest way would be to create variations of your skin and apply them to different pages as you need them.

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

07 Sep 2006 7:50 AM  
Hello,

I had to delete your last post as for some reason the code that you posted caused an error to display in the forum.

- Here's a copy that I read from the email:

Hi Lee,

1. Cheers, that link you gave me works a treat.
2. As you can see below, my code doesn't contain anything before the control panel, if I put a border on the control panel you can see a blank square when logged (where the control panel should be).

-Conor


Looking at the skinningtoolkit.com I used the same method as the simple red leaf skin, but this class is applied to the ControlPanel:

.ControlPanel {
    width: 100%;
    height: 64px;
    background-color: #FFF;
    border: #036 1px solid;
}

So you should not get problems with the control panel border appearing when logged out. - Did you include the runat = server in the code?


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
codoherty
Nuker
Nuker
Posts:14

07 Sep 2006 8:49 AM  
Hi Lee,

Yes, the first line of code after the including the css is the controlpanel div tag which includes runat server
id="ControlPanel" runat="server" class="controlpanel"


you can take a look at the home page http://www.levelsoft.net I have included your above sample css class for the panel.

It's really strange?

-Conor
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

07 Sep 2006 9:03 AM  
This is strange, - just out of interest try removing class="controlpanel"

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
codoherty
Nuker
Nuker
Posts:14

07 Sep 2006 9:14 AM  
Same, take a look.
codoherty
Nuker
Nuker
Posts:14

07 Sep 2006 9:36 AM  
On a seprate side note:

The tip you gave me for the css file using the tabname is working brilliantly.
Do you have a link for the final css file for resizing fonts, and a css for the basic housemenu.

Many thanks by the way.
-Conor
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

07 Sep 2006 11:01 AM  
Do you want to put an example here of how you have implemented the tabname with your css file? I'm sure everyone will be interested to read about it / any tips etc.

For enabling resizing fonts check out this tutorial, code is included:
How to create resizable text

and for the HouseMenu check out these tutorials:
How to install and configure the House of Nuke menu for a DotNetNuke skin

How to create a pure CSS skin

How to create Horizontal CSS menus in DotNetNuke using the HouseMenu


Regarding the Control Panel problem, I don't know what is causing this, do you want to email me your skin and container files for me to have a look at? - lee at dnncreative.com

and also which version of DNN are you using?

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
codoherty
Nuker
Nuker
Posts:14

07 Sep 2006 11:27 AM  
Sure! Everything is a little messy at the moment because of the fixing of the skin.

I had already implement your second suggestion which I didn't like as a small change would have to be replicated throught out each asx file, a "recipe for disaster", hence the search for the fix.
I'll try to clean up the skin a bit, clear out all the unused bits and implement the one skin throught out all my site, then I should be good to go.

Hopefully the control panel might be sorted by then.

My understanding of the resizeable fonts css, is that all I have to do is just paste the css and change the initial font, and everything should play, or does it need tweeking?

-Conor
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

07 Sep 2006 12:37 PM  
resizable fonts is pretty straight forward, but because of how DNN uses a default.css file you may have to override certain settings to get it fully working. There are also a few setup tweaks that you need to make - All of the steps are outlined in that tutorial though and you should be able to implement it in your skin pretty easily.

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
codoherty
Nuker
Nuker
Posts:14

09 Sep 2006 6:15 AM  
Hi Lee,

Ok! The reason for the blank area around the control panel is I because the skin is div based and I hadn't change the DOCTYPE to XHTM. But changing the DOCTYPE to XHTML introduces another strange behaviour. If I browse the site everthing looks fine, but if I refresh a page the dimensions go a little AWOL.

-Conor
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > problem with CSS skin and control panel



ActiveForums 3.7

Latest Forum Posts

skin/container error load by islandman
Has anyone else run across this error when loading skins or containers from site settings?I am using...
Email Set UP per Portal by islandman
How do I set up a unique email address per domain name off 1 hosting environment. for example...m...
RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
backend is changing from sql2005 to sql2008 by meenu
hi all advance thanks. in my DNN0408 website am using sql2005 as backend.now planning to remove sq...
About catalook error by kishorpawar
 I am  using dnn 4.8.4 version in my project, this  site is in 2 language,whenver i click on the BYN...
RE: Menu Keeps Verticaly by ruimacdonald
Tnx for your help. It's done. Rui
RE: Menu Keeps Verticaly by jncraig
The configuration of the MENU skin object is defined in the skin.xml file. You'll need to modify th...
RE: Add New Profile Properties by jncraig
I have not seen that problem. Which version of DotNetNuke are you using?
AppTheory
RSS Feeds