ايران ويج

با سلام

در این مقاله میخوام یادتون بدم چگونه استایل یا همان CSS سایت رو در زمان اجرا عوض کنید

در اولین مرحله در تگ head یک Link قرار میدیم

کد: 
<head runat="server">  

     <link id="lnkCSS" runat="server" href = "~/CSS/CSS1.css"  rel="stylesheet" type="text/css" />  

</head>

در محله بعدی در پروزه به تعداد دلخواه استایل (CSS) ایجاد میکنیم
در صفحه یک DropDownList قرار میدیم تا کاربر بتونه استایل مورد نظر رو انتخاب کنه

کد: 
<fieldset>  

        استایل :   

        <legend>استایل خود را انتخاب کنید</legend>  

        <asp:DropDownList ID="DropDownList1" CssClass="ddl" runat="server"   

            AutoPostBack="True" onselectedindexchanged="DropDownList1_SelectedIndexChanged">  

            <asp:ListItem Value="1">استایل شماره 1</asp:ListItem>  

            <asp:ListItem Value="2">استایل شماره 2</asp:ListItem>  

        </asp:DropDownList>  

    </fieldset>

در Properties کنترل DropDownList گزینه AutoPostBack را True میکنیم تا با عوض شدن آیتم ها صفحه PostBack بشه و در رویداد DropDownList1_SelectedIndexChanged کدهای زیر را مینویسیم

کد: 
switch (DropDownList1.SelectedValue)  

    {  

        case "1":  

            {  

                lnkCSS.Attributes["href"] = "~/CSS/CSS1.css";  

                break;  

            }  

        case "2":  

            {  

                lnkCSS.Attributes["href"] = "~/CSS/CSS2.css";  

                break;  

            }  

    }

شما میتوانید استایل انتخاب شده توسط کاربر را در کوکی و در مرورگر کاربر ذخیره کنید و کدهای بالا را در رویداد Page_Load از کوکی بخوانید بنویسید تا با وارد شدن به سایت شما استایل خودش رو ببینه

منبع

Ghoghnus