PDA

View Full Version : کار با Themeها



soghra
سه شنبه 25 دی 1386, 10:56 صبح
سوالی داشتم در مورد نحوه استفاده theme ها. راستش من یک پوشه به نام Theme به وب سایتم add کردم وداخش فایل skin طراحی کردم .بعد از طریق web.config اونو به کل برنامم اعمال کردم </ "MyTheme"=pages Theme >
ولی متاسفانه هیچ یک از استایل هایی که در این theme تعریف کردم اعمال نمیشه!!!لطفا کمکم کنیدhttp://www.nofa.ir/editor/images/smiley/2.gif

mahdi_farhani
سه شنبه 25 دی 1386, 14:25 عصر
1- اضافه کردن پوشه app_theme
2- اضافه کردن پوشه با نام تم مورد نظر (my_Theme)
3- اضافه کردن Skin و Stylesheet مورد نظر درون تم
نکته : اگر درون فایل های Skin به تگ مورد نظر خود SkinID دادید حتماً باید برای کنترل مورد نظر هم SkidId رو بدید و در صورتی که SkinID را در فایل Skin ست نکنید ، نیازی به دادن SkinId به کنترل مورد نظر نیست .
4- معرفی تم به صفحه به هر روشی که دوست داری (وب کانفیک ، خوده صفحه ، نوشتن کد )
اگر این مراحل و انجام دادی مشکل داشتی ، فایلتو بزار تا ببینم.

soghra
سه شنبه 25 دی 1386, 17:44 عصر
ممنون از توجه شما آقای فرهانی
ولی همین طور که گفتید انجام دادم و مشکل حل نشد
چطور می تونم theme رو به مستر پیج اضافه کنم به جای ایتکه به وب کانفیگ اضافه کنم
ضمنا قبلا فقط یه فایل style sheet تعریف کردهو اونو به صفحه مورد نظر لینک کردم و صفت cssclass کنترل مورد نظرم رو برابر با اسم یه کلاس در این فایل قرار دادم ولی بازم کارنکرد
حالا کجای پروژره براتون بزارم تا نظرتون رو بدید؟

mahdi_farhani
سه شنبه 25 دی 1386, 19:19 عصر
1- تم رو نمیتونید به مستر پیج بدید .باید به یم صفحه داده بشه .
برای اینکار دو روش داره ، اگر می خواهید با برنامه نویسی اینکارو بکنید که در رویدار Preinit صفحه Page.Theme را با نام تم مورد نظر پر کنید .
و اگر نه میخواهید ثابت باشه میتونید همون بالای صفحه تو خصوصیات صفحه Theme رو اضافه کن
*****************

ضمنا قبلا فقط یه فایل style sheet تعریف کردهو اونو به صفحه مورد نظر لینک کردم و صفت cssclass کنترل مورد نظرم رو برابر با اسم یه کلاس در این فایل قرار دادم ولی بازم کارنکرد
توجه داشته باش که شیوه نامه آبشاری(CSS) به حروف کوچک و بزرگ حساس است .
مسیری که به صفحه دادی اطمینان پیدا کن .
فایل CSS و SKIN و یک صفحه به دلخواه بزار .

soghra
دوشنبه 01 بهمن 1386, 14:15 عصر
با تشکر از توجه شما منتظر جواب شما در این تاپیک و نیز در تاپیک
http://barnamenevis.org/forum/showthread.php?t=90137
هستم ممنون
فایلcss


body
{
background:url(..\Allusers\Members\image\body_bg1. gif);
}
.lnk
{
font-size: 12px;
color:#660000;
font-family: Tahoma;
text-decoration:none;
height:25px;
}
.lnk:hover
{
font-size: 12px;
color: #0066cc;
font-family: Tahoma;
text-decoration: underline;
height: 25px;
}
.dlist
{
font-size: 12px;
color: Black;
font-family: Tahoma;
text-align: right;
direction:rtl;
}
.lbl
{
font-size: 12px;
color: Black;
font-family: Tahoma;
}
.btn
{
font-size: 12px;
color: Black;
font-family: Tahoma;
}
.lnk2
{
font-size: 12px;
color:#660000;
font-family: Tahoma;
text-decoration:none;
height:25px;

}
.lnk2:hover
{
font-size: 12px;
color: #0066cc;
font-family: Tahoma;
text-decoration: underline;
height: 25px;
}
.menue
{
font-size: 12px;
color: #660000;
font-family: Tahoma;
text-align: right;
direction: rtl;
}
.menue:menuNormal {
border: 1pxsolid#FFFFFF;
color: #00CC00;
font-weight:bold;
}
.menue:hover
{
font-size: 12px;
color: #3399cc;
font-family: Tahoma;
text-align: right;
direction: inherit;
}


فایل اسکین


<asp:Labelrunat="server"BackColor="InactiveCaption"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="White"></asp:Label>
<asp:TextBoxrunat="server"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="Navy"></asp:TextBox>
<asp:Buttonrunat="server"BackColor="InactiveCaption"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="White"BorderColor="Highlight"BorderStyle="Solid"/>
<asp:LinkButtonrunat="server"BackColor="InactiveCaption"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="White"BorderColor="Highlight"BorderStyle="Solid"BorderWidth="1px"></asp:LinkButton>
<asp:DropDownListrunat="server"BackColor="InactiveCaption"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="White">
</asp:DropDownList>
<asp:DataListrunat="server"Font-Names="Tahoma"Font-Size="Smaller">
</asp:DataList>
<asp:Menurunat="server"BackColor="Desktop"Font-Names="Tahoma"Font-Size="Smaller"ForeColor="White">
</asp:Menu>
سورس صفحه home


<%@PageLanguage="VB"MasterPageFile="~/all/MasterPage.master"AutoEventWireup="false"CodeFile="home.aspx.vb"Inherits="all_home"title="Untitled Page" %>
<asp:ContentID="Content1"ContentPlaceHolderID="Contentmain"Runat="Server">
<asp:GridViewID="GridView1"runat="server"Caption="اخبار مهم"CellPadding="4"CssClass="dlist"
ForeColor="#333333"GridLines="None"Width="98%">
<FooterStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/>
<RowStyleBackColor="#F7F6F3"ForeColor="#333333"/>
<EditRowStyleBackColor="#999999"/>
<SelectedRowStyleBackColor="#E2DED6"Font-Bold="True"ForeColor="#333333"/>
<PagerStyleBackColor="#284775"ForeColor="White"HorizontalAlign="Center"/>
<HeaderStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/>
<AlternatingRowStyleBackColor="White"ForeColor="#284775"/>
</asp:GridView>
<asp:ButtonID="Button1"runat="server"Text="Button"CssClass="btn"/>
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
<asp:TextBoxID="TextBox2"runat="server"></asp:TextBox>
<asp:SqlDataSourceID="SqlDataSource1"runat="server"></asp:SqlDataSource>
</asp:Content>

البته اینجاcss رو لینک ندادم
محل فایل skinوcss هم اینه:
App_Theme/My Theme
با نهایت تشکر منتظرم

hamed_bostan
دوشنبه 01 بهمن 1386, 15:09 عصر
ویدئویی بابت استفاده از theme وجود داره که کامل داخلش همه چیز رو توضیح داده . یه جستجوی ساده تو وب بکنی بهت لینک دانلود میده .

mahdi_farhani
دوشنبه 01 بهمن 1386, 22:57 عصر
دوست عزیز شما کجا بش گفتید از Theme مورد نظر اطلاعاتو بیاره
1- یا باید تو وب کانفیگ بگید ( تگ Page )
2- یا تو خوده صفحه

<%@PageLanguage="VB" Theme="My Theme" MasterPageFile="~/all/MasterPage.master"AutoEventWireup="false"CodeFile="home.aspx.vb"Inherits="all_home"title="Untitled Page" %>
3- یا با برنامه نویسی در رویداد pre_Init
وقتی از Theme استفاده میکنید نیازی ندارید لینک Css را اضافه کنی ، به صورت خودکار Css های درون Page خوانده میشوند .