| home / programming / asp-net-com / 1 | [previous] |
|
|
You need to add the images in the Images folder of the Blue theme folder. Right-click on the Images folder, select Add Existing Item, and browse to the folder where you downloaded the image files (you'll need to specify *.* in the file types box to see the image files). Select all existing files and press Open. Your Blue folder should now contain the following items as shown in the following screenshot:

Let's change the layout. Yes, the code listing is a bit long, but it's all simple HTML with a few CSK-specific bits listed here:
In the existing page skins, it's easy to determine which server controls are used in code by looking after their Runat="Server" property.
The complete code for the new default.ascx skin is provided in the code bundle: (available from here)
<community:SectionMenu CssClass="SectionMenu" Runat="server"
id="SectionMenu1" />
<community:UserLogin CssClass="UserLogin" Runat="server" id="UserLogin1" />
<asp:PlaceHolder id="Content" Runat="Server" /> <asp:Placeholder id="Footer" Runat="Server" />
You've done it! After changing the layout as shown, the website should look like this:

This little exercise demonstrated how efficient it is to build or rebuild websites using the Community Starter Kit. With minimal amount of work, we've got a completely functional website that allows visitors to register, participate on the forum, add comments on existing content, and so on. Yes, the possibilities are exciting!
For those of you that want to get even more from the CSK, we shall now focus on how the CSK is designed and how to code additional functionality into it.
| home / programming / asp-net-com / 1 | [previous] |
Created: March 27, 2003
Revised: July 29, 2004
URL: http://webreference.com/programming/asp-net-com/1