Notice: wp_deregister_script was called <strong>incorrectly</strong>. اسکریپت‌ها و شیوه‌نامه‌ها نباید پیش از <code>wp_enqueue_scripts</code>، <code>admin_enqueue_scripts</code> و <code>login_enqueue_scripts</code> ثبت یا فراخوانی شوند. Please see <a href="http://codex.wordpress.org/Debugging_in_WordPress">Debugging in WordPress</a> for more information. (این پیام در نگارش 3.3 افزوده شده است.) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/functions.php on line 3190





Warning: Cannot modify header information - headers already sent by (output started at /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php:289) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/feed-rss2.php on line 8
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>روناک وب &#124; طراحی سایت &#124; طراحی قالب وردپرس &#124; طراحی سایت وردپرس &#187; ایجاد سایه برای متن نوشته و جعبه div</title>
	<atom:link href="http://ronakweb.com/tag/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%b3%d8%a7%db%8c%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%aa%d9%86-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%88-%d8%ac%d8%b9%d8%a8%d9%87-div/feed" rel="self" type="application/rss+xml" />
	<link>http://ronakweb.com</link>
	<description>طراحی سایت ، طراحی قالب وردپرس ، سئو و بهینه سازی سایت ، دانلود اسکریپت و فیلم آموزشی طراحی سایت و وردپرس از خدمات روناک وب می باشد</description>
	<lastBuildDate>Sat, 19 Aug 2023 09:51:14 +0000</lastBuildDate>
	<language>fa-IR</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>ایجاد سایه توسط Css برای متن نوشته و Div</title>
		<link>http://ronakweb.com/1011/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%b3%d8%a7%db%8c%d9%87-%d8%aa%d9%88%d8%b3%d8%b7-css-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%aa%d9%86-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%88-div.html</link>
		<comments>http://ronakweb.com/1011/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%b3%d8%a7%db%8c%d9%87-%d8%aa%d9%88%d8%b3%d8%b7-css-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%aa%d9%86-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%88-div.html#comments</comments>
		<pubDate>Fri, 30 Oct 2015 15:32:09 +0000</pubDate>
		<dc:creator><![CDATA[روناک وب]]></dc:creator>
				<category><![CDATA[کدنویسی html و css]]></category>
		<category><![CDATA[ایجاد سایه برای متن نوشته و جعبه div]]></category>
		<category><![CDATA[کدنویسی رابط کاربری سایت]]></category>

		<guid isPermaLink="false">http://ronakweb.com/?p=1011</guid>
		<description><![CDATA[در گذشته برای سایه دار کردن جعبه و div های html تصویر مربوط به سایه را با استفاده از دستورات css مربوط به تصویر زمینه برای بخش مورد نظر ایجاد می کردند و اصلا چیزی به عنوان سایه متن وجود نداشت اما با آمدن نسخه جدید css قابلیت و خاصیتی به آن افزوده شد تا [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>در گذشته برای سایه دار کردن جعبه و div های html تصویر مربوط به سایه را با استفاده از دستورات css مربوط به تصویر زمینه برای بخش مورد نظر ایجاد می کردند و اصلا چیزی به عنوان سایه متن وجود نداشت اما با آمدن نسخه جدید css قابلیت و خاصیتی به آن افزوده شد تا ایجاد سایه توسط Css برای متن نوشته و Div ها براحتی امکان پذیر شود این خاصیتها box-shadow و text-shadow نام دارند در این مطلب از روناک وب نحوه سایه دار کردن متن و div با استفاده از این خاصیتها را آموزش می دهیم پس تا پایان همراه ما باشید.</p>
<p><img class="aligncenter wp-image-1014 size-full" title="ایجاد سایه توسط Css برای متن نوشته و Div" src="http://ronakweb.com/wp-content/uploads/box-shadow-tex-shadow-ronakweb.jpg" alt="ایجاد سایه توسط Css برای متن نوشته و Div" width="495" height="420" /></p>
<p><span id="more-1011"></span></p>
<h2>ایجاد سایه توسط Css برای متن نوشته و Div</h2>
<pre class="brush: php; title: ; notranslate">
// سایه دار کردن div با کلاس ronakweb
.ronakweb{box-shadow: 10px 10px 5px #888888;}

// فرمت کلی سایه div
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

// سایه دار کردن متن هدینگ ۱

h1{text-shadow: 2px 2px #ff0000;}

// فرمت کلی سایت متن
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
</pre>
<p>به توضیح هر یک از مقادیر اختصاص داده شده به خاصیت های سایه نوشته و سایه جعبه یا div می پردازیم:</p>
<p>h-shadow : با تنظیم این گزینه سایه افقی تنظیم می شود مقدار برحسب پیکسل می باشد.<br />
v-shadow : با تنظیم این گزینه سایه عمودی تنظیم می شود مقدار برحسب پیکسل می باشد.<br />
blur : این گزینه برای میزان بلور و شفایفت سایه به کار می رود هرچقدر مقدار آن بیشتر باشد بلور سایه نیز بیشتر می شود.<br />
spread : این پارامتر اندازه سایه را مشخص می کند.<br />
color : برای انتخاب رنگ سایه کاربرد دارد و رنگ سایه را تعیین می کند.<br />
inset : این گزینه سایه را به جای اینکه به بیرون جعبه ، بخش یا div منتشر کند و نمایش دهد به درون div انتقال می دهد.</p>
<p>اکثر خاصیتهای جدید ازجمله text-shadow و <a rel="nofollow" href="http://www.w3schools.com" target="_blank">box-shadow</a> در نسخه های قدیمی مرورگرها مخصوصا مرورگر ie از نسخه ۹ به پایین کار نمی کنند.</p>
<h4>سایتهای آنلاین ایجاد سایه توسط Css برای متن نوشته و Div</h4>
<p>یکی از راحت ترین روش های ایجاد سایه برای متن و جعبه div استفاده از سایتهای آنلاین می باشد عموما این سایتها با دریافت مقادیر مورد نیاز سایه تولید شده را نمایش می دهند و در نهایت کدهای مورد نیاز را در اختیار کاربر قرار می دهند، لیست برخی از سایتها در زیر آورده شده اند.</p>
<p>http://css3gen.com/text-shadow</p>
<p>http://www.cssmatic.com/box-shadow</p>
]]></content:encoded>
			<wfw:commentRss>http://ronakweb.com/1011/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%b3%d8%a7%db%8c%d9%87-%d8%aa%d9%88%d8%b3%d8%b7-css-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%aa%d9%86-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%88-div.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>