اختصاص css جداگانه برای قسمتی از html

[arz]

سلام.من میخوام برای قسمت کوچیکی از قالبم که html هست یه css جداگانه تعریف کنم و آدرس اون فایل رو بهش بدم.چطوری ممکنه؟

 

[arz]

یه سوال دیگه هم داشتم:

چطوری می تونم محتوای موجود در قسمت با ما همراه شوید.. در سایت ir-dl.com رو تو سایت خودم کپی کنم؟

 

[erfan]

کپی کردن محتوای سایت های دیگه اشتباه! :68:

برای لینک کردن فایل CSS کد زیر رو در head قالب خود کپی کنید:

[B]<link href="Style.css" rel="stylesheet" type="text/css" />[/B]

در قسمت href آدرس فایل CSS رو وارد کنید !

در کد بالا محل پیشفرض کد CSS به آدرس style.css داده شده

 

[IAMIR]

برای هر کجا که می خواهید css تعریف کنید می توانید inline به صورت زیر .

​

یا به تگ html خود یک کلاس تعریف کنید و در فایل جداگانه یا در Head قالب css را تعریف کنید .

​

 <div class="test"></div>

در فایل جداگانه به صورت زیر تعریف کنید .

​

 .test {css دلخواه}

در آخر head قالب آدرس فایل css به صورت زیر تعریف شود .

​

 <link rel="stylesheet" type="text/css" href="آدرس فایل سی اس اس">

در آخر هد قالب به صورت زیر نیز تعریف می شود .

body {background-color:yellow;}
p {color:blue;}
</style>​

<style type="text/css">

 

[IAMIR]

برای قسمت دوم کدش اینه حالا باید css و کد را مطابق قالب خودت تغییر بدی .

نتونستی پخ بده .

<div class="widget">
<div class="widget-title"><h2>با ما همراه شوید ...</h2></div>
<div id="social-wrrapper">
<a href="http://ir-dl.com/feed/" class="social-icon" id="icon-rss" target="_blank">
<span class="icon-title">خوراک</span>
<span class="icon-desc">مشترک شوید</span>
</a>
<a href="" class="social-icon" id="icon-twitter" target="_blank">
<span class="icon-title">توییتر</span>
<span class="icon-desc">دنبال کنید</span>
</a>
<a href="http://www.facebook.com/IranianDownload" class="social-icon" id="icon-fb" target="_blank">
<span class="icon-title">فیس بوک</span>
<span class="icon-desc">لایک کنید</span>
</a>
<a href="" class="social-icon" id="icon-gp" target="_blank">
<span class="icon-title">گوگل</span>
<span class="icon-desc">امتیاز دهید</span>
</a>
<div class="clear"></div>
</div>
<div id="newsletter-wrapper">
<div id="newsletter-desc">مشترک خبرنامه ایرانیان دانلود شوید</div>
<div id="newsletter-form">
<form action="" onsubmit="return newsletter_check(this)" method="post" target="_blank">
<input id="newsletter-textbox" name="ne" type="text">
<input name="na" value="s" type="hidden">
<input name="nr" value="widget" type="hidden">
<input id="newsletter-button" name="submit" value="" type="submit">
</form>
<div class="clear"></div>
</div>
</div>
</div>​

 

[arz]

شاید منظورم رو نفهمیدین؟

من میخوام برای مثال برای کد زیر یه css جدا از مال خود قالب رو بذارم.

<div class="test"></div>

 

[HamedR]

شاید منظورم رو نفهمیدین؟من میخوام برای مثال برای کد زیر یه css جدا از مال خود قالب رو بذارم.

<div class="test"></div>

از استایل درون خطی استفاده کنین که در اولویت لود اول هست.

<div style="استایل مورد نظر " > </div>

در ضمن همونطوری که گفته شد میتونی یه فایل استایل مجدد لود کنین و به div مورد نظر یه class یا id جدید بدین

موفق باشید :53: