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

Forum

Subject: Old style skinning
Prev Next
You are not authorized to post a reply.

Author Messages
adrian_scott_day
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:17

04 Sep 2008 1:37 AM  

Hey everyone,
I realise that pure CSS style skins are all the rage but I am trying to get a new skin implemented fairly quickly and as I haven't done the pure CSS skins before I'm sticking with what I know. (although I'd not really say I not a lot about skinning using tables and ascx files either.)

So here is the issue that I'm running up against. The portal that I'm skinning for is for a company intranet site. The majority of our users have a standard screen resolution of 1024x768 using internet explorer. However we have a fairly significant portion of our support staff that have much larger screens and higher resolutions. As you'll see from the attached screenshot which was taken from one of the high res screens, the skin I'm trying to create is a fixed width skin.

At high res the skin is nice and centered, but at lower res the table colums on the left that display the orange and blue gradient images are pushing the content area to the right. I want to be able to center the skin at all resolutions.

The other thing that you may be able to see is that the Logo image begins to repeat and I don't understand why. I have the row set to the exact pixel height of the logo image. What could be causing the repeat do you think?

I can attach copies of both the css file and the skin ascx files if someone thinks they may be able to help.

Kind regards,
Adrian

(Apologise for the quality of the screen dump. The orange areas do actually do taper off in a gradient in a similar way to the blue area.)






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

04 Sep 2008 4:43 AM  
Hello,

You may want to have a look at the code in the Andreas 01 skin - even though it is pure CSS, you should be able to adapt the centering technique to a table based skin, in particular have a look at this code:

#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
width:760px;
}

It's the auto setting for the margin that centres the skin.

In the CSS code for the logo, make sure the background image is set to

repeat: none;

Hope this helps, 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
adrian_scott_day
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:17

04 Sep 2008 8:35 PM  

Lee,

The Logo skin object doesn't seem to have a property for setting a CSS Class. I'm using the skinning object rather than the using the image as a background or background image. Am I missing something? 

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

05 Sep 2008 4:07 AM  
If you are using the logo skin object you should not get any repeat problems. I can't really tell from the image what is happening here, I would triple check your code, perhaps this tutorial will help find the problem:
Troubleshooting DotNetNuke Skins


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
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Old style skinning



ActiveForums 3.7

Latest Forum Posts

DNN Intranet Localhost by amine97
Hi, I would like to start an Intranet for my division (65 users) but only 10 users will have the ed...
RE: Menu's, menu's, and more menu's! by roadshow41
Well, I've purchased the Snapsis CSSMenu.  Installing it is turning out to be more complicated than ...
RE: Reversing Limited Access to the Admin Menu by wynnjon
OK-So I've updated the TABS table entries in the database and set the previously modified entries (t...
RE: localhost Install issues by leesykes
If you go to the subscribe page and click on the get free trial button - this takes you to a page wh...
localhost Install issues by cdees
I've set up a local host and want to run DNN for a local development machine.  The host is set up; h...
RE: Reversing Limited Access to the Admin Menu by wynnjon
That is what I thought.  So for my clients that will need to manage user accounts, I can not limit t...
RE: Reversing Limited Access to the Admin Menu by leesykes
I seem to recall it doesn't work
RE: Reversing Limited Access to the Admin Menu by wynnjon
Thanks Lee-  I will give that a try.An additional question- If you place the "User Accounts" page un...
RE: Reversing Limited Access to the Admin Menu by leesykes
all you need to do is reverse the process within the SQL tables.Compare the data to the other rows i...
RE: Module not working when logged off. by leesykes
thanks for the info,
Reversing Limited Access to the Admin Menu by wynnjon
Hi!  I followed the tutorial for limiting the access to the admin menu.  What a great thing!However,...
RE: Trouble installing! Designer trying to be a Developer. by leesykes
glad to hear you found a solution, thanks,
RE: Skim Question by leesykes
You could but you will not be able to have an XHTML compliant page as the SolpartMenu is non-complia...
RE: Include in Menu - Weird Request by leesykes
For your sitemap.xml file - use GSiteCrawlerYou could create the site map before moving the sub menu...
RE: Trouble installing! Designer trying to be a Developer. by awright14
It looks like I had ASP installed in the wrong order.  Copying and pasting this into the Run Command...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
Hello,Have you tried adding a class to the content area of your container and then styling the p, a,...
RE: Vertical SolpartMenu by leesykes
hello,If you wish to display the admin and host menus within the house menu, you need to enable it i...
RE: Firefox Does Not Display WMV File In Media Module by leesykes
Hello,I have just tested this and I can play a wmv file in Firefox 3.0.3, so it does suggest that it...
RE: advice wanted convert site to DNN while keeping existing asp functionality by leesykes
You could try using the IFrame module in DotNetNuke and then just link the IFrame to the current pag...
RE: Need Help Changing Containers Contentpane's Text Color by CROKeefe
Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working...
DotNetNuke Modules
RSS Feeds