DotNetNuke tutorials, tips and tricks

Tuesday, January 17, 2006

How to create a container for DotNetNuke | Skinning Tutorial

These 2 videos detail how to create a container for DotNetNuke using Visual Web Developer 2005 Express Edition.

The container files are included with the videos for you to download.

DotNetNuke Container Tutorial

The videos cover:

Video 1 - Creating a container: Image Header – White Background

* Copying across the files from the DNN-Blue container to use as a reference
* Fixing the errors in the default container
* Associating the .CSS file with the .htm file so that you can view the changes you make in the CSS file
* Explanation of the Tokens and their functions
* Renaming of the classes within the table cells
* Editing the container.css file
* Explanation of the classes
* How to edit the classes to change the look of a container
* How to add an image to your container
* Using gradient images: making use of the repeat function and background colour to take into account any possible overloads of table cells, or instances such as a browser disabling images
* Adding the .xml file

Time Length: 10min 26secs
Download Size: 11.5 MB

Video 2

* Packaging a container
* How to automatically install the container to your DotNetNuke installation
* Viewing the container
* Explanation of the classes that we created
* Create two further containers and an explanation of each of the containers:
* Image Header SE White Background container:
o This container is similar to the first container except elements of the code and Tokens that we do not need have been stripped out to reduce the file size and page load times
* Transparent.htm
o This container is completely transparent
* Final changes and setting up the containers for release to a production environment

Time Length: 5min 47secs
Download Size: 6.5 MB

0 Comments:

Post a Comment

<< Home