DotNetNuke Skins and Resources by ThinkofDesign

Forums

Forums > DotNetNuke > Free Skins
Subject: Change the background color
Prev Next
You are not authorized to post a reply.

Author Messages
chocolate User is Offline
New Member
New Member
Posts: 6
03/17/2007 10:09 PM  
Hi, I want to change the background of my skin to transparent but with your skins, I met some difficulties (I'm not talking about a particular skin but all of your skins). In skin.css, I found the background value in the "skin" part but modifying it to transparent doesn't give any result. Could you guide me how to do this?

Thanks,
Duc
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
03/19/2007 06:45 AM  
Hi Duc and welcome,

You mean the body background?
chocolate User is Offline
New Member
New Member
Posts: 6
03/19/2007 10:36 AM  
Sorry if I wasn't clear enough. Yes, it is the body background. I want to make it transparent, so I can display my background pictures there.

Thanks,
Duc
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
03/19/2007 03:00 PM  
You don't have to make it transparent to show a background image... just put your image in the body background style:

body{background:url(yourimage.jpg);}

If the image is in the skin's folder you can use a relative path, just yourimage.jpg (or gif or png). But if the image is anywhere else you have to use absolute path, for example http://yoursite.com/folder/yourimage.jpg

Hope that helps!

Cheers
chocolate User is Offline
New Member
New Member
Posts: 6
03/20/2007 12:24 AM  

Actually, that's not exactly what I want to do. I will build a site that allows its users to manage their own page. One of the options is to let them upload their own background picture. So making the body transparent is a-must.

Best regards,
Duc

 
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
03/20/2007 02:16 AM  
I see! It just makes no sense to make the body background transparent. Just go in the skin.css and delete the background style.

For example if it's something like
body{background:#FFF;margin:0;padding:0;}

make it
body{margin:0;padding:0;}

Cheers
chocolate User is Offline
New Member
New Member
Posts: 6
03/20/2007 07:10 AM  
Thanks very much, Vasilis, it worked for me.

Really appreciate your support!
Duc
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
03/20/2007 08:05 AM  
I'm glad it did!

You're welcome!
You are not authorized to post a reply.
Forums > DotNetNuke > Free Skins > Change the background color


ActiveForums 3.7