ollep
DNN Creative Magazine Subscriber
Nuke Pro
Posts:81
 |
| 24 Aug 2008 10:24 PM |
|
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... |
|
|
|
|
ollep
DNN Creative Magazine Subscriber
Nuke Pro
Posts:81
|
| 25 Aug 2008 12:51 AM |
|
Continuing Lazy Days Skin
See the testing here
http://www.goldcoastwebwiz.com/dotnetnuke/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
|
|
|
|
|
ollep
DNN Creative Magazine Subscriber
Nuke Pro
Posts:81
|
| 25 Aug 2008 5:07 AM |
|
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…
|
|
|
|
|
jncraig
DNN Creative Staff
Nuke Master II
Posts:2318
|
| 25 Aug 2008 7:57 AM |
|
Look in the skin.css file for site-wide colors.
|
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|
jncraig
DNN Creative Staff
Nuke Master II
Posts:2318
|
| 25 Aug 2008 8:02 AM |
|
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.
|
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|
jncraig
DNN Creative Staff
Nuke Master II
Posts:2318
|
| 25 Aug 2008 8:03 AM |
|
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.
|
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|
ollep
DNN Creative Magazine Subscriber
Nuke Pro
Posts:81
|
| 25 Aug 2008 8:22 AM |
|
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…
|
|
|
|
|
ollep
DNN Creative Magazine Subscriber
Nuke Pro
Posts:81
|
| 25 Aug 2008 4:25 PM |
|
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
|
|
|
|
|
jncraig
DNN Creative Staff
Nuke Master II
Posts:2318
|
| 25 Aug 2008 4:30 PM |
|
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. |
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|
leesykes
DNN Creative Staff
Nuke Master III
Posts:3325
|
| 27 Aug 2008 3:27 AM |
|
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:
thanks,
|
|
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
Twitter: www.twitter.com/leesykes
 |
|
|
leesykes
DNN Creative Staff
Nuke Master III
Posts:3325
|
|