Skinning  Overview › Documentation › Skinning

Creating a new SiteDynamic skin is easy. Simply copy the 'Default' folder, give this copy a new name and modify the skin files.

• Skins are located in the 'Templates' folder.

• A skin is made out of 5 files (header.asp, footer.asp, print_header.asp, print_footer.asp, style.css).

• By default you have 1 skin installed named 'Default'.

• Copy the 'Default' folder located in the 'Templates' folder ('Templates\Default').

• Rename the copied folder (e.g.'MySkin').

• In your new skin folder (e.g.'Templates\MySkin') edit the stylesheet located in the 'styles' folder.

• Modify the stylesheet to suit your needs (font-color, font-size, color, etc...).

• Go to your website and login as Admin.

• In the 'General Configuration' page select your skin and apply changes by clicking on the submit button.

• Here you are! You are now running SiteDynamic with your own skin.

• Edit your skin 'header.asp' and 'footer.asp' file.

• Modify the HTML to suit your needs.

• Copy your images in your skin 'Images' folder.

• <%=strSiteURL%> calls your website URL.
• <%Logo%> calls your logo.
• <%Banner%> calls your banner.
• <%=strPageTitle%> calls the current Page Title.

• <%IconControlPanel%> calls the 'Control Panel' icon.
• <%IconLogout%> calls the 'Logout' icon.
• <%IconPageContent%> calls the 'Edit Page Content' icon.
• <%IconPageMetatags%> calls the 'Edit Page Metatags' icon.
• <%IconPagePosition%> calls the 'Edit Page Position' icon.
• <%IconPageProperties%> calls the 'Edit Page Properties' icon.

• <%PrintableView%> shows the 'Print this page' link.
• <%TellaFriend%> shows the 'Tell a friend' link.
• <%AddToFav%> shows the 'Add to favorites' link.
• <%Copyright%> calls your copyright information.

• <!-- #include file="../../Includes/navigation.asp" --> includes the navigation menu.

• <%=strSkinImgPath%> calls your skin images path (e.g.<img src="<%=strSkinImgPath%>/myimage.gif">)