PDA

View Full Version : استفاده از css



mononok
پنج شنبه 14 خرداد 1388, 21:37 عصر
سلام دوستان
من با css مشكل دارم درست نمي دونم كدهايي كه از سايت ها مي كيرم رو چطور در asp.net استفاده كنم.الان من كد يه layout رو گرفتم تو توضيحش گفته بود تو پروفايل كپي كن
نمي دونم منظورش همون پروفايلي يه كه در webconfig هست يانه !
لطفا راهنماييم كنيد ضمنا ممكنه سوالم خيلي پرت باشه پيشاپيش معذرت مي خوام چون من تازه كارم در اين زمينه:خجالت:

mohsen_Iran
جمعه 15 خرداد 1388, 02:07 صبح
سلام
شما باید فایل css خودتونو به صفحه ای می خواهید در اون اجرا بشه اینک بدید!!

mohammadjavadramezan
جمعه 15 خرداد 1388, 11:00 صبح
سلام

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


<

head runat="server">

<title>Untitled Page</title>
<link href="Stylesheet1.css"rel="stylesheet"type="text/css"/>
</


head>

این کارو می تونید با کشیدن فایل css درست در همین قسمتی که کدش اومده، بدون دردسر انجام بدید . حال برای استفاده از اون می تونی تو صفحت از خواص css="" یا cssclass="" استفاده کنی و درون "" نام محتویاتی که تو فایل css ات تعریف کردی بیاری


چون تازه کاری این نکته رو بهت بگم که تا جایی که می تونی از ابتدا تنظیماتتو با css انجام بده چون یه بار تو سیستم کاربر لود می شه و دیگه نیازی نیست که این تنظیمات هر بار با صفحه بره و برگرده


موفق باشی عزیزم

mononok
جمعه 15 خرداد 1388, 15:08 عصر
ممنون از كمكتون
من در قسمت استفاده از كد در صفحه مشكل دارم
خب الان كد css رو در صفحه style sheet كپي كردم و لينكشو هم در head نوشتم
ولي كد من مال layout كل صفحه وب هست خب الان من چطور بايد از اون در صفحه استفاده كنم ؟ براي استفاده از cssاول نياز به يه شي اي هست كه بعد در css class اون از مقادير تعريف شده بشه استفاده كرد.
فكر كنم خيلي پيچوندمش يه نگاه به قسمت ؟ بيندازيد


<p(?) class="myclass">external</p>
<asp:Button(?) CssClass="myclass2" />

الان من مثلا در پاراگرافم از css استفاده كردم چطور بگم كل layout من از css استفاده كنه
اينم كد css layout

<html>
<style type="text/css">
.text_header {
color: #ffffff;
font-weight: bold;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-color: #7B6E27;
}
<!-- Main Color Fonts -->
.box_profile_info_small_heading,.box_profile_info_ large_heading{
color: #ffffff;
}
.box_profile_info_large_heading{
font-weight:bold;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.box_profile_info_small_content,.box_profile_info_ large_content{
font-weight:bold;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
}
<!-- fonts for the links -->
a, a:visited, a:active,a.link_blue {
color: #ffffff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
<!-- back background -->
body {
background-color:#C6B13E;
background-image: url(http://www.holidayjoys.com/christmas/hi5/layouts/6_hi5_christmas_background.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: repeat;
border-color:#ffffff;
border-width:0px ;
border-style: solid;
}
#user-details { border: none;
background-color: #C6B13E;
}
.section h2 {
background-color: #7B6E27;
}
.section h2 a {
color: #FFFFFF;
}
#profile-nav {
background-color: #7B6E27;
}
#profile-nav a {
color: #FFFFFF;
}
<!-- front background. -->
.bg_content{
background-color:transparent;
}
td#p_center {
background-color:transparent;
}
.window_content {
color:#ffffff;
}
.profile-module-body {
color:#ffffff;
}
.friendUpdates {
background-color:#F7EBAC;
}

td.bg_content table tbody tr td table tbody tr td, .profile-module-body, .window_content
{
background-color:#C6B13E;
filter:alpha(opacity=100);
-moz-opacity:0.80;
opacity:0.80;
-khtml-opacity:0.80;
}
</html>

mohammadjavadramezan
جمعه 15 خرداد 1388, 20:21 عصر
دوست عزیرم نمی دونم منظورتو درست فهمیدم یا نه ، چون به قول خودتون یه کم پیچوندینش

نگاه کنید اول از قسمت Add new item یه فایل از نوع Stylesheet1.css ایجاد می کنید سپس همه اون محتویاتی که در قسمت <style type="text/css"> صفحتون هستو داخل اون بریز . و سپس اون فایلو تو اون قسمتی گه گفتم درگ کن ، چون به نظرم می رسه شما محتویات صفحه رو تو اون قسمت گذاشتین .

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

div
}

}


مثلا در بالا تغییراتی که بین دو {} می گذارید برای تمام div ها اعمال می شه ؛ اما اگه می خواید هر جا برای مثلا هر div ای که خواستید تغببراتتون اعمال بشه قبل از اون تو فایل css از نقطه استفاده کنید که در اینصورت در صفحتون می تونید نام این قسمتو در cssclass یا css ببینید و بنویسید .


Div_var.
{

}


دوست عزیزم توجه کن که اگه نقطه قبلش نگذارید نمیتونید نامشو در قسمت های css یا cssclass ببینید و اگرم استفاده کنید سیستم نمی شناسش

امیدوارم که منظورتونو درست متوجه شده باشم و مطالب به کارتون بیاد و مشکلتونو حل کنه

موفق باشی