PDA

View Full Version : لینک کردن هر صفحه به یک فایل css خاص


andaron
جمعه 14 مرداد 1390, 21:22 عصر
با سلام دوستان

من می خوام هر کدوم از صفحاتم رو به یک فایل css خاص لیک کونم البته صفحات من از یک مستر پیج استفاده می کنم

من از این کد در صفحات استفاده کردم ولی تغییری داده نشد






<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href ="StyleSheet.css" rel="Stylesheet2" type ="text/css" />
</asp:Content>







و سوال دیگه اینگه اگر مستر پیج ما از یک فایل css استفاده کند و در این حال صفحات دیگه که از مستر پیج استفاده می کنند بدون اینکه اون فایل css رو لینک کنند آیا از آن فایل css می توانند استفاده کنند یعنی می توانند از آن ارث ببرند .
hjran abdpor
جمعه 14 مرداد 1390, 23:06 عصر
چون از مستر پیج استفاده میکنید فایل Css شما برای هر صفحه لینک نمی شود ، اما میتونید Css داخل همان صفحه تعریف کنید.
andaron
جمعه 14 مرداد 1390, 23:17 عصر
سلام دوست عزیز یعنی باید داخل همون صفحه فایل css رو باز کنم ؟

یعنی نمیشه از css که به خود مسترپیج داده شده استفاده کرد
hjran abdpor
شنبه 15 مرداد 1390, 00:26 صبح
دوست عزیز شما باید در اولین Content مربوط به صفحه فایل CSS را فراخوانی یا تعریف کنید بدین صورت :

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">
.style7
{
width: 247px;
text-align: right;
}
.style8
{
height: 13px;
}
.style9
{
width: 247px;
text-align: right;
height: 13px;
}
.style10
{
width: 43px;
}
.style11
{
height: 13px;
width: 43px;
}
</style>

این Content همونی است که در مسترپیج تعریف شده است.
سوال دومت اره میشود .
andaron
شنبه 15 مرداد 1390, 02:46 صبح
از پاسخ اولتون ممنون ؟
در پاسخ دوم اینکه چطور میشه در css که به مستر پیج وصل هستش چطور بگیرم که فلان div بااین ای دی مثلا فونتاش فلان باشه یه نمونه می زارید ؟
Javad.Kashi
شنبه 15 مرداد 1390, 07:05 صبح
سلام
Master Page را به عنوان یک قالب که هر چی داخلش باشه در صفحات هم هست در نظر بگیر.
حالا وقتی در MasterPage به یک المنت خاص Style می دی یعنی این Style به اون المنت در صفحه اعمال می شه.مثال:
MasterPage :

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Tutorial.Site1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#divname
{
font-family:Tahoma;
border:1px solid black;
}
</style>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
.
.

و صحفه مورد نظر:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Tutorial.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="divname">
Div Content....
</div>
</asp:Content>

فقط یه نکته بگم: در MasterPage چیزای کلی را قرار بده و مثلا برای Style دادن به المنت های مخصوص یک صفحه از آن استفاده نکن( بلکه آن Style را داخل همان صفحه و یا در یک StyleSheet قرار بده )
یا علی
andaron
شنبه 15 مرداد 1390, 13:36 عصر
پس سلام دوست عزیز

پس من این جور برداشت کرده ام که برای اینکه به یک المان خاص استفاده کنم باید داخل همون صفحه تگ استیل شیت رو باز کنم و من نمی تونم فایل css رو به صفحاتم لینک کنم
درسته ؟
andaron
شنبه 15 مرداد 1390, 14:04 عصر
سلام دوستان من رفتم و داخل صفحه مربوطه یه تگ style باز کزدم و تعدادی کحد نوشتم این استیل ها وقتی تو خود محیط ویژوال استادیو اجرا می شوند مثلا فونت ها بزرگ شده اند ولی تا اجرا می گیرم استیل ها اجرا نمی شوند .
andaron
شنبه 15 مرداد 1390, 14:14 عصر
سلام دوستان
پست بالا از دم اشتباه بود چون اون استیلی که تو محیط ویژوال اعمال می شود داخل فایل css نوشته بودم که به مسترپیج لینک می شد
حالا اومد تو صفحه مربوطه یه style باز کرده ام و داخال تعدادی کد نوشتم ولی هر کاری می کنم style اعمال نمی شوند
این کد صفحه
:




<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="show.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<%--// <link href="styles2.css" rel="stylesheet" type="text/css" media="screen" />--%>
<style type="text/css">
#12345
{
background-color: Yellow;
font-size: 50px;
border:20px 10px 11px red;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="mainContent1" runat="Server">
<div id="12345">
nemone azmayeshi:
<asp:Panel ID="Panel1" runat="server" Width="300px">
<asp:Label ID="lbl_no_marasem" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lbl_monasebat" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lbl_madah" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lbl_tavasol" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lbl_date" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lbl_makan" runat="server" Text="Label"></asp:Label>
</asp:Panel>
</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</asp:Content>
andaron
یک شنبه 16 مرداد 1390, 19:36 عصر
دوستان کمک کنند
ASPX
یک شنبه 16 مرداد 1390, 19:43 عصر
بابا چرا اینقدر مساله رو مییپیچونین!
فرضی کن 3 تا صفحه داری
page1.aspx, page2.aspx ,pafe3.aspx
که می خواهی به استایلهای
style1.css ,style2.css , style3.css که در پوشه css قرار دارند .نسبت بدی هر کدوم به استایل خودش درسته؟

حالا برای هر کدوم کد زیر رو بنویس
مثلا برای page1.aspx


protected void Page_Init(object sender, EventArgs e)

{



HtmlLink css = new HtmlLink();

css.Href = "css/style1.css";

css.Attributes["rel"] = "stylesheet";

css.Attributes["type"] = "text/css";

css.Attributes["media"] = "all";

Page.Header.Controls.Add(css);


}
hjran abdpor
یک شنبه 16 مرداد 1390, 20:00 عصر
با سلام .

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">
#bg


{

background-color: Yellow;

font-size: 50px;

border:20px 10px 11px red;

}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="bg">



</div>
</asp:Content>


برای نام Seelctor عدد نزار، رشته بزار.