HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Skinning question - placement of image files?Skinning question - placement of image files?
Previous
 
Next
New Post
3/1/2007 5:09 PM
 

I just built (most) of my first skin.  Skinning is a pretty cool technological approach!

I have a question.  I want some of my images to be used in my containers AND my skins AND at various places in installed modules.

So, what's the easiest way to do this without having to put the same files in three different directories: container, skin and within the portal?

 

 
New Post
3/1/2007 10:55 PM
 

I suppose it is a personal skin (as oppsed to one you offer for sale), so I would suggest a place in your portal directory:  "/portals/X/images/imagename", where X is your portalID. In you ascx you can refer to:

"/portals/X/images/imagename"

in your css you need to use: "http://www.yourdomain.com/portals/X/images/imagename"

Peter


Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.
 
New Post
3/2/2007 3:34 AM
 

I don't plan to sell it, but I do plan to give it away.  It's oriented towards a club I'm in, and they have branches all over.  So, I am also interested in making things as easy as possible for the skin installer - the user, not the program:), as not all of them will be very technical.

 
New Post
3/2/2007 11:11 AM
 

In this case I would opt for multiple copies of the images, as the skin installer only installs in the skin and container directory.

Peter


Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.
 
New Post
3/2/2007 11:35 AM
 

I would place the images in a module folder and reference them all there.

When you package your module use a parent folder  that all your modules get installed into, and inside that folder have an /images folder that all your modules, skins, containers, etc. can reference.

I name this parent folder with my company name, so under /DesktopModules/Snapsis/Images I will have all the shared images.

If I install create another module it will be installed in the same company folder so then I might have /DesktopModules/Snapsis/PageBlaster.

From the folder of the PageBlaster module the relative path to my shared images folder would be src="<%=ModulePath%>../images/shared-image.gif"

For Skins, the folder path is either /Portals/_default/[Skins or Containers] or /Portals/nn/[Skins or Containers] (where nn is portal number) which means they are at the same "depth" so I can find the find the shared images folder from the skin by going back three folders like so:

From any Skin the the relative path to my shared images folder would be src="<%=SkinPath%>../../../DesktopModules/Snapsis/Images/shared-image.gif"

In a .css file from the Skin or Container you are automatically referencing from the physical location of the css file so you would just need something like:
background-url:(../../../DesktopModules/Snapsis/Images/shared-image.gif);

Or if you are not running in a virtual folder you could also just always reference from the root of your website with src="/DesktopModules/Snapsis/Images/shared-image.gif"


DotNetNuke Modules from Snapsis.com
 
Previous
 
Next
HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Skinning question - placement of image files?Skinning question - placement of image files?


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

Attend A Webinar
Free Demo Site
Download DotNetNuke Professional Edition Trial
Have Someone Contact Me
Have Someone Contact Me
Charlotte DoDNN

Like Us on Facebook Join our Network on LinkedIn Follow DNN Corporate on Twitter Follow DNN on Twitter

Advertisers

Telerik JustCode Free
DotNetNuke DNN Hosting
Exact Target Exec Alert

DotNetNuke Scoop!

Sponsors

DotNetNuke Corporation

DotNetNuke Corp. is the steward of the DotNetNuke open source project, the most widely adopted Web Content Management Platform for building web sites and web applications on Microsoft. Organizations use DotNetNuke to quickly develop and deploy interactive and dynamic web sites, intranets, extranets and web applications. The DotNetNuke platform is available in a free Community and subscription-based Professional and Enterprise Editions with an Elite Support option. DotNetNuke Corp. also operates the DotNetNuke Store where users purchase third party apps for the platform.