Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Changing BackgroundChanging Background
Previous
 
Next
New Post
5/19/2011 11:47 AM
 
I am in the process of building a transparent skin that will allow the user to select  from a choice of backgrounds.  In recent attempts I have used an different css and ascx file to do this.  Is there a way to do this without having to use these extra files or would I have to build a module to control it?

www.nflmadness.com
 
New Post
5/19/2011 12:38 PM
 
Check out the Alpha Brisk skin from the 2010 skinning contest (it's open source) to see how he does it

http://www.dotnetnuke.com/Community/DesignChallenge/2010Entries/tabid/1435/Default.aspx


Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
5/20/2011 5:41 PM
 
Thanks Chris for the reply. I looked at the skin you sent me to and It looks like they use different ascx but put all the code into one css file. I also looked at the Synapse skin and they do the same, but they include a module that changes allows you to change the background. The source is not included.

I have never built a module so I really don't know how to start. Any suggestions?

www.nflmadness.com
 
New Post
5/21/2011 5:22 AM
 
If you look at the minimal extropy skin you will see that it uses separate stylesheets for the text size, which the user can select.
The used compontent is the stylesheet widget.

<object id="TextSizeWidget" codetype="dotnetnuke/client" codebase="StyleSheetWidget" declare="declare">
                        <param name="baseUrl" value="<%= SkinPath %>css/variations/" />
                        <param name="template" value="&lt;div title='{TEXT}' {ID} {CLASS}&gt;&lt;/div&gt;" />
                        <param name="default" value="MediumText" />
                        <param name="Small Text" value="SmallText" />
                        <param name="Medium Text" value="MediumText" />
                        <param name="Large Text" value="LargeText" />
 </object>

(works in DNN 5)
Here's a very simple demo that uses the same technique to allow the user to switch off the background images (it loads an extra stylesheet for that)
http://dnnskinextensions.codeplex.com...
Should be easy to change to loading different BG images.
(unless you want the user to upload their own...)
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Changing BackgroundChanging Background


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out