Hi Lee

Just trying to change colour scheme in the Lazy Days skin.

But all I find in the container.css is this comment:

/* Container Styles for DotNetNuke */

So where do I set the colours for containers?



THANKS....



Olle...

Continuing Lazy Days Skin

See the testing here
http://www.goldcoastwebwiz.com/dotn...uke/susana

How to position text and image in the header, seems to have a problem getting text on top of image.

Would it be OK to put an animated Flash “.swf” file as header image?

The image size I’m using is 760px X 180px, but on the site it seems very narrow?


Cheers


Olle

Continuing Lazy Days Skin - Third

Here’s another messed up page to the skinning wizards.
http://www.goldcoastwebwiz.com/dotnetnuke/q1

When I mess around with the heading positions, the Left Pane and Content pane loses position and alignment.

Also, I’m unable to change background colors, both in Skin and Containers???

Is this a DNN default and simply NOT set in the “*.css” files?


Hope to hear from someone….


Cheers

Olle…

Look in the skin.css file for site-wide colors.

I would recommend that you review the skinning tutorials here.  They will probably give you some ideas, and get you started modifying skins.

Look under the heading "Skinning Tutorials" on this page.  Start at the top and work your way down.

Yes, you can put a flash file in your skin.

You image size may be larger than the image for which the skin was designed.  If so, you can modify the skin file to accommodate a larger image.

Thanks Joe!

Yea I have been going through the tutorials again (actually over 12 months since last time.) and it certainly did help with a refresher.

I manage to locate many of the settings, but I have a couple of strange things:

I have my header image 50 px from left.
In IE 06 it position far left and follows the scroll.
In IE 07 and Firefox the horizontal position is right, but the image is fixed???

http://www.goldcoastwebwiz.com/dotnetnuke/q1

Also, I manage to set a partial background color on the containers??
Varying area depending on browser???


Thanks again for your help.
It’s 11:20 so I leave it with you genius till tomorrow morning.


Cheers

Olle…

Good Morning People

No further ideas over night?

Well, a lot of it is sorted as I refresh the rusty brain with Lee’s tutorials.

Put I’m still puzzled with the container design and behaviors?

The CSS file doesn’t seem used?
Where can I find the default settings?
How can I over-ride them.

Even these 2 files seems very small:
“h1 title gradient.htm” and “h1 title.htm”

Can someone explain – or refer me to an explanation of this design?

THANXX

Olle

The order of the various css files is (I hope):

default.css
portal.css
skin.css
module.css
container.css

There can be other files, if they are referenced. Also, you can have embedded styles.

Use the Web Developer's Toolbar to look at css files and see how they affect the site. There are tutorials that deal with the Web Developer's Toolbar and techniques for debugging skins and css files.

ok, for the containers, I do not style them in the container.css file - so that maybe why you are confused!

the containers themselves inherit the styling from the content panes that they are placed in, this means I can have generic containers, and dependent on the pane they are placed in they pick up different styling.

So, all styling is in the skin.CSS file. I have explained this technique in this tutorial:

• How to create a DotNetNuke CSS skin from an XHTML template – part 1
• How to create a DotNetNuke CSS skin from an XHTML template – part 2

thanks,

Just to clarify, the order of the CSS files is:

module.css
default.css
skin.css
container.css
portal.css

(Occassionally you may get a module that inserts its CSS at the end of the list as well)