Themes och master page

I min förra artikel så skrev jag grunderna i master page, nu tänkte jag gå in på master page och themes.

Förkunskaper:
Grunderna i ASP.NET och Web.Config.
CSS

I vanliga ASP så var det jobbigaste utav allt när man skulle byta design på en hemsida eller upplägg. Man var tvungen att gå in i varenda sida och ändra hur det skulle se ut. Men inte nu längre om man använder themes/teman som finns i ASP.NET 2.0.

Idén är enkel, en liten kod rad i din web.congif, en master page och några mappar med din nuvarande design.

Först så börjar vi med att skapa en mapp i rooten av ditt projekt som ska heta App_Themes. I den mappen så ska du sedan göra en till mapp som ska ha namnet så ditt tema. Vi kan kalla det ThemeBlack.

Det är i mappen ThemeWhite som allt som har med det temat ska ligga i. CSS filen och alla bilder.

Skapa en CSS fil som heter StyleeShet.css (det kvittar egentligen) med denna kod:

body {

    background-color: #000000;

}

Klar? Då går vi vidare till web.config.
Skapa en fil som heter Web.config och lägg dit denna kod:

<?xml version="1.0"?>

<configuration>

    <system.web>

        <pages theme="ThemeBlack" styleSheetTheme="ThemeBlack"/>

    </system.web>

</configuration>

Koden är ganska själv förklarande.

Nu är allt klart, om du redan har en master page så är det bara att skapa och kolla om sidan har svart bakgrund. Om inte så skapa en.

Frågor eller funderingar ställs i forumet eller PM.
/ Timmie

Detta tips skapades 2007-09-20 22:46:45 av Timmie. Det har lästs 255 gånger. ||

Kommentarer

Ingen har kommenterat denna artikel än.