<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[تالار میدوری - طرح های جالب با CSS ]]></title>
		<link>http://www.midorinco.ir/</link>
		<description><![CDATA[تالار میدوری - http://www.midorinco.ir]]></description>
		<pubDate>Fri, 17 Apr 2026 10:12:15 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[نوشته های نئونی با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1677</link>
			<pubDate>Sat, 25 Jun 2016 15:41:47 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1677</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">نوشته های نئونی با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">نوشته هایی زیبا برای استفاده در سایت ها را برای دوستان قرار میدهم امیدوارم که بکار بیاید . این نوشته ها فقط با استفاده از کدهای CSS3 نوشته شده اند . نخست به نمونه ی زنده ی زیر نگاه کنید و اگر علاقه مند شدید, از کدهای داده شده در زیر استفاده کنید . ماوس را روی نوشته ها ببرید و نتیجه را ببینید . تغییرات هم بعهده ی خودتان است . <br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/NeonGlow.htm" scrolling="auto" width="100%" height="600" frameborder="no"></iframe></div>
<br />
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">نوشته های نئونی با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">نوشته هایی زیبا برای استفاده در سایت ها را برای دوستان قرار میدهم امیدوارم که بکار بیاید . این نوشته ها فقط با استفاده از کدهای CSS3 نوشته شده اند . نخست به نمونه ی زنده ی زیر نگاه کنید و اگر علاقه مند شدید, از کدهای داده شده در زیر استفاده کنید . ماوس را روی نوشته ها ببرید و نتیجه را ببینید . تغییرات هم بعهده ی خودتان است . <br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/NeonGlow.htm" scrolling="auto" width="100%" height="600" frameborder="no"></iframe></div>
<br />
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح چهلم)]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1676</link>
			<pubDate>Sun, 12 Jun 2016 13:35:26 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1676</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح چهلم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و استفاده , از فایل های موجود در فایل فشرده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/CSS3-Slider/index.html" scrolling="auto" width="100%" height="650" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CSS3-Slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2704">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">318 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">593 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764886686</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح چهلم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و استفاده , از فایل های موجود در فایل فشرده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/CSS3-Slider/index.html" scrolling="auto" width="100%" height="650" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CSS3-Slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2704">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">318 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">593 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764886686</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و نهم)]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1672</link>
			<pubDate>Tue, 17 May 2016 13:54:49 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1672</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و نهم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و چگونگی کار , از محتویات داخل فایل فشرده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/css3-image-slider/index.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe></div>
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			css3-image-slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2696">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">71.9 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">567 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1774012225</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و نهم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و چگونگی کار , از محتویات داخل فایل فشرده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/css3-image-slider/index.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe></div>
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			css3-image-slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2696">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">71.9 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">567 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1774012225</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[چینش تصاویر در سایت بصورت ریسپانسیو با CSS]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1647</link>
			<pubDate>Wed, 20 Jan 2016 09:01:05 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1647</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">چینش تصاویر در سایت بصورت ریسپانسیو با CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">شايد شما هم بخواهيد در سایت خودتان چندين تصوير را در کنار هم قرار دهید . برای این منظور راهکارهای زیادی وجود دارد ولی ساده ترین راه کار را با استفاده از تعریف کلاس سی اس اس برای دوستان قرار میدم . امید که بکار بیاید . در این روش با هر نوع پهنایی از صفحه تصاویر بهم ریخته نمیشوند و ترتیبشان را حفظ میکنند . نخست نمونه ی زنده را در زیر ببینید (پنجره ی مرورگر را کوچک و بزرگ کنید) و در صورت نیاز از کدهای داده شده برای این منظور استفاده کنید . <br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Responsiveslidedownmenu/Responsiveslidedownmenu.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">چینش تصاویر در سایت بصورت ریسپانسیو با CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">شايد شما هم بخواهيد در سایت خودتان چندين تصوير را در کنار هم قرار دهید . برای این منظور راهکارهای زیادی وجود دارد ولی ساده ترین راه کار را با استفاده از تعریف کلاس سی اس اس برای دوستان قرار میدم . امید که بکار بیاید . در این روش با هر نوع پهنایی از صفحه تصاویر بهم ریخته نمیشوند و ترتیبشان را حفظ میکنند . نخست نمونه ی زنده را در زیر ببینید (پنجره ی مرورگر را کوچک و بزرگ کنید) و در صورت نیاز از کدهای داده شده برای این منظور استفاده کنید . <br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Responsiveslidedownmenu/Responsiveslidedownmenu.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[چک باکس های زیبا با CSS]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1638</link>
			<pubDate>Tue, 01 Dec 2015 09:20:38 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1638</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">چک باکس های زیبا با CSS</span></span></span></span></div>هشت مدل کليد یا سوییچ و یا چک باکس زیبا و جالب که توسط کدهای سی اس اس ایجاد میشوند را برای دوستان قرار می دهم .  نمونه های زنده را در زیر ببینید و از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست .<br />
<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/ArGIb.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/dEqij.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/nptxj.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/siAvJ.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/syije.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/waEYye.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/WQBNxO.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/wtFne.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">چک باکس های زیبا با CSS</span></span></span></span></div>هشت مدل کليد یا سوییچ و یا چک باکس زیبا و جالب که توسط کدهای سی اس اس ایجاد میشوند را برای دوستان قرار می دهم .  نمونه های زنده را در زیر ببینید و از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست .<br />
<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/ArGIb.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/dEqij.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/nptxj.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/siAvJ.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================</div><div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/syije.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/waEYye.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/WQBNxO.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========================<br />
<br><iframe name="I love Midori" src="http:///dl.midorinco.ir/others/css/8checkbox/wtFne.htm" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و هشتم)]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1624</link>
			<pubDate>Wed, 23 Sep 2015 10:26:14 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1624</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و هشتم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و استفاده , از کد های داده شده استفاده کنید . تغییرات بعهده ی شماست . فایل های مورد استفاده در این پروژه هم در فایل فشرده موجود هستند.<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/CSS3-Slider38/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<br />
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CSS3-Slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2527">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">317 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">549 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1774524025</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">اسلاید شوهای زیبا و ابتکاری با CSS3 (طرح سی و هشتم)</span></span></span></span></div>اسلاید شو یا گالری تصاویر برای نمایش تصاویر بصورتی زیبا و تکنیکی با استفاده از راه کارها و روش های گوناگون . برای دوستان چند مدل را گردآوری کرده ام که در اینجا قرار میدهم . نمونه ی زنده را در زیر ببینید و سپس برای بررسی و استفاده , از کد های داده شده استفاده کنید . تغییرات بعهده ی شماست . فایل های مورد استفاده در این پروژه هم در فایل فشرده موجود هستند.<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/slideshows/CSS3-Slider38/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<br />
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CSS3-Slider.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2527">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">317 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">549 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1774524025</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[ايجاد نوشته یا تصویر رمزگونه در سایت ها با Css]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1596</link>
			<pubDate>Sun, 15 Mar 2015 08:51:38 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1596</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">ايجاد نوشته یا تصویر رمزگونه در سایت ها با Css</span></span></span></span><br />
<div style="text-align: RIGHT;">اگر اهل رمز و راز هستید راه کار زیر بکارتان می آید . نخست نمونه ی زنده زیر را ببینید و در صورت علاقه مند شدن فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> کرده و استفاده کنید . اسکرول را به پایین بیاورید و کشف رمز کنید .</div><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/SecretMessage/index.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			SecretMessage.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2475">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">5.88 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">619 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1771634341</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">ايجاد نوشته یا تصویر رمزگونه در سایت ها با Css</span></span></span></span><br />
<div style="text-align: RIGHT;">اگر اهل رمز و راز هستید راه کار زیر بکارتان می آید . نخست نمونه ی زنده زیر را ببینید و در صورت علاقه مند شدن فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> کرده و استفاده کنید . اسکرول را به پایین بیاورید و کشف رمز کنید .</div><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/SecretMessage/index.html" scrolling="auto" width="100%" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			SecretMessage.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2475">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">5.88 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">619 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1771634341</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[فرم تماس  زیبا برای سایت ها با CSS]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1591</link>
			<pubDate>Wed, 11 Mar 2015 11:32:19 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1591</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">فرم تماس  زیبا برای سایت ها با CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">اگر دنبال فرم تماس زيبا و ساده می گرديد این نمونه ی زیبا را استفاده کنید . نخست نمونه ی زنده را در زیر ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . برای دیدن زیبایی کار روی کادرها کلیک کنید . تغییرات بعهده ی شماست .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Popupformlabels.htm" scrolling="auto" width="500" height="500" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">فرم تماس  زیبا برای سایت ها با CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">اگر دنبال فرم تماس زيبا و ساده می گرديد این نمونه ی زیبا را استفاده کنید . نخست نمونه ی زنده را در زیر ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . برای دیدن زیبایی کار روی کادرها کلیک کنید . تغییرات بعهده ی شماست .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Popupformlabels.htm" scrolling="auto" width="500" height="500" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[ایجاد شکل های ابتکاری و زیبا با استفاده از CSS]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1564</link>
			<pubDate>Wed, 04 Feb 2015 06:55:53 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1564</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">ایجاد شکل های ابتکاری و زیبا با استفاده از CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">چهل و یک طرح زیبا و ابتکاری که فقط با استفاده از کدهای سی اس اس درست شده اند را برای دوستان قرار می دهم . نمونه ی زنده ی زیر را ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . (اگر شما هم کدی غیر از اینها دارید به اشتراک بگذارید).</div><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/TheShapesofCSS/TheShapesofCSS.htm" scrolling="auto" width="100%" height="800" frameborder="no"></iframe></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">ایجاد شکل های ابتکاری و زیبا با استفاده از CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">چهل و یک طرح زیبا و ابتکاری که فقط با استفاده از کدهای سی اس اس درست شده اند را برای دوستان قرار می دهم . نمونه ی زنده ی زیر را ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . (اگر شما هم کدی غیر از اینها دارید به اشتراک بگذارید).</div><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/TheShapesofCSS/TheShapesofCSS.htm" scrolling="auto" width="100%" height="800" frameborder="no"></iframe></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[مدلی متحرک و زیبا از چرخ دندانه ها با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1553</link>
			<pubDate>Thu, 22 Jan 2015 16:56:56 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1553</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">مدلی متحرک و زیبا از چرخ دندانه ها با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">يک مدل زيبا برای نمایش قدرت کدهای CSS3 . نخست نمونه ی زنده ی زیر را ببینید در صورت نیاز , فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . نوع مصرف و تغییرات بعهده ی  شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/gears-css3/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			gears-css3.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2430">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">183.89 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">506 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1771570685</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">مدلی متحرک و زیبا از چرخ دندانه ها با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">يک مدل زيبا برای نمایش قدرت کدهای CSS3 . نخست نمونه ی زنده ی زیر را ببینید در صورت نیاز , فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . نوع مصرف و تغییرات بعهده ی  شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/gears-css3/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			gears-css3.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2430">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">183.89 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">506 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1771570685</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[جدول های زیبا و ابتکاری با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1551</link>
			<pubDate>Tue, 20 Jan 2015 20:52:42 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1551</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">جدول های زیبا و ابتکاری با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای ایجاد جدول در سایت ها از کدهای HTML استفاده می شد ولی با استفاده از کدهای CSS3 می توانید جدول هایی به مراتب زیباتر درست کنید . نخست نمونه ی زیر را ببینید و در صورت علاقه مند شدن و نیاز به این جدول ها , فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Beautiful-Table-Plugin-with-CSS3/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			Beautiful-Table-Plugin-with-CSS3.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2419">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">14.19 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">521 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764912998</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">جدول های زیبا و ابتکاری با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای ایجاد جدول در سایت ها از کدهای HTML استفاده می شد ولی با استفاده از کدهای CSS3 می توانید جدول هایی به مراتب زیباتر درست کنید . نخست نمونه ی زیر را ببینید و در صورت علاقه مند شدن و نیاز به این جدول ها , فایل فشرده را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Beautiful-Table-Plugin-with-CSS3/index.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			Beautiful-Table-Plugin-with-CSS3.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2419">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">14.19 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">521 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764912998</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[یک ساید بار زیبا و سریع با کدهای CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1550</link>
			<pubDate>Tue, 20 Jan 2015 20:39:40 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1550</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">یک ساید بار زیبا و سریع با کدهای CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">اين سايد بار از چپ براست باز می شود و بدون نیاز به تصویر است . بسیار سریع عمل می کند و تداخلی هم با سایر کدها پیدا نخواهد کرد . نخست نمونه ی زنده ی زیر را ببینید در صورت علاقه از کدهای داده شده استفاده کنید . مورد استفاده و تغییرات بعهده ی شماست .</div></div>
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/pure-css-drawer-menu.html" scrolling="auto" width="100%" height="400" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">یک ساید بار زیبا و سریع با کدهای CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">اين سايد بار از چپ براست باز می شود و بدون نیاز به تصویر است . بسیار سریع عمل می کند و تداخلی هم با سایر کدها پیدا نخواهد کرد . نخست نمونه ی زنده ی زیر را ببینید در صورت علاقه از کدهای داده شده استفاده کنید . مورد استفاده و تغییرات بعهده ی شماست .</div></div>
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/pure-css-drawer-menu.html" scrolling="auto" width="100%" height="400" frameborder="no"></iframe></div>
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و دوم)]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1522</link>
			<pubDate>Tue, 13 Jan 2015 22:19:39 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1522</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و دوم)</span></span></span></span></div>منو های زیبا و ابتکاری برای استفاده در  سایت ها مدل هایی که بسیار ابتکاری هستند و رویایی و فقط با استفاده از کد های CSS3 . برای استفاده ابتدا نمونه ی زنده ی زیر را با مرورگرهای گوناگون ببینید و سپس در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست . <img src="images/smilies/cool.gif" style="vertical-align: middle;" border="0" alt="Cool" title="Cool" /><br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/future_menus/SocialNetworks/SocialNetworks.html" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div>
<br />
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و دوم)</span></span></span></span></div>منو های زیبا و ابتکاری برای استفاده در  سایت ها مدل هایی که بسیار ابتکاری هستند و رویایی و فقط با استفاده از کد های CSS3 . برای استفاده ابتدا نمونه ی زنده ی زیر را با مرورگرهای گوناگون ببینید و سپس در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست . <img src="images/smilies/cool.gif" style="vertical-align: middle;" border="0" alt="Cool" title="Cool" /><br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/future_menus/SocialNetworks/SocialNetworks.html" scrolling="auto" width="100%" height="300" frameborder="no"></iframe></div>
<br />
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[شبیه ساز بارش برف در پس زمینه با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1497</link>
			<pubDate>Thu, 01 Jan 2015 09:29:57 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1497</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">شبیه ساز بارش برف در پس زمینه با CSS3</span></span></span></span><br />
<br />
<div style="text-align: RIGHT;">شبیه ساز بارش برف زیاد است ولی بارش در پس زمینه که زیاد هم مزاحم بازدید کنندگان از سایت نشود کم پیدا میشود . یک نمونه از این شبیه سازی را به مناسبت زمستان و سال نو میلادی برای دوستان قرار می دهم . نخست به نمونه ی زنده ی زیر نگاه کنید , سپس در صورت علاقه فایل پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . این کار با تصویر و کدهای سی اس اس انجام میگیرد . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/LetitSnow/LetitSnow.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			LetitSnow.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2354">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">35.05 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">585 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1762711782</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">شبیه ساز بارش برف در پس زمینه با CSS3</span></span></span></span><br />
<br />
<div style="text-align: RIGHT;">شبیه ساز بارش برف زیاد است ولی بارش در پس زمینه که زیاد هم مزاحم بازدید کنندگان از سایت نشود کم پیدا میشود . یک نمونه از این شبیه سازی را به مناسبت زمستان و سال نو میلادی برای دوستان قرار می دهم . نخست به نمونه ی زنده ی زیر نگاه کنید , سپس در صورت علاقه فایل پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . این کار با تصویر و کدهای سی اس اس انجام میگیرد . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/LetitSnow/LetitSnow.html" scrolling="auto" width="100%" height="600" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			LetitSnow.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2354">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">35.05 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">585 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1762711782</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[کادر چشمک زن با استفاده از CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1479</link>
			<pubDate>Fri, 19 Dec 2014 21:20:59 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1479</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">کادر چشمک زن با استفاده از CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای چشمک زن کردن کادر , ترفندی برای دوستان قرار میدهم امید که بکار بیاید . نخست نمونه ی زنده ی زیر را ببینید و در صورت نیاز از کدهای داده شده استفاده کنید . رنگ زمینه و نوشته و کادر را می توانید بدلخواه تغییر دهید .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/borderblinking .htm" scrolling="auto" width="600" height="200" frameborder="no"></iframe><br />
<br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="color: #FF0000;"><span style="font-size: medium;"><span style="font-weight: bold;">کادر چشمک زن با استفاده از CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای چشمک زن کردن کادر , ترفندی برای دوستان قرار میدهم امید که بکار بیاید . نخست نمونه ی زنده ی زیر را ببینید و در صورت نیاز از کدهای داده شده استفاده کنید . رنگ زمینه و نوشته و کادر را می توانید بدلخواه تغییر دهید .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/borderblinking .htm" scrolling="auto" width="600" height="200" frameborder="no"></iframe><br />
<br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[نوار پیشرفت پروژه ی رنگین و متحرک با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1431</link>
			<pubDate>Sun, 02 Nov 2014 21:11:17 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1431</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">نوار پیشرفت پروژه ی رنگین و متحرک با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">نوارهای نمایش دهنده ی پیشرفت پروژه یا کار در سایت ها بسیار استفاده می شوند . طرحی متحرک برای دوستان قرار می دهم که به رنگ های دلخواه می توانید استفاده کنید . این نوارها فقط با کدهای CSS3 درست شده اند . نخست نمونه های زیر را ببینید و در صورت علاقه از کدهای داده شده در زیر استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/progressbar.htm" scrolling="auto" width="600" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">نوار پیشرفت پروژه ی رنگین و متحرک با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">نوارهای نمایش دهنده ی پیشرفت پروژه یا کار در سایت ها بسیار استفاده می شوند . طرحی متحرک برای دوستان قرار می دهم که به رنگ های دلخواه می توانید استفاده کنید . این نوارها فقط با کدهای CSS3 درست شده اند . نخست نمونه های زیر را ببینید و در صورت علاقه از کدهای داده شده در زیر استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/progressbar.htm" scrolling="auto" width="600" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[ده مدل منوی خواستنی برای سایت ها با CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1430</link>
			<pubDate>Sat, 01 Nov 2014 21:30:47 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1430</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">ده مدل منوی خواستنی برای سایت ها با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">ده مدل منوی بسیار زیبا و خواستنی برای سایت ها . این منوها فقط با کدهای پرقدرت CSS3 و فونت های تصویری ایجاد شده اند . نخست نمونه ی زنده ی زیر را ببینید و در صورت علاقه به داشتن آنها فایل فشرده ی پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/CreativeCSS3AnimationMenus/index.html" scrolling="auto" width="800" height="700" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CreativeCSS3AnimationMenus.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2278">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">214.28 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">603 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1769704271</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">ده مدل منوی خواستنی برای سایت ها با CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">ده مدل منوی بسیار زیبا و خواستنی برای سایت ها . این منوها فقط با کدهای پرقدرت CSS3 و فونت های تصویری ایجاد شده اند . نخست نمونه ی زنده ی زیر را ببینید و در صورت علاقه به داشتن آنها فایل فشرده ی پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/CreativeCSS3AnimationMenus/index.html" scrolling="auto" width="800" height="700" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			CreativeCSS3AnimationMenus.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2278">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">214.28 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">603 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1769704271</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[کادر متحرک با استفاده از CSS3]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1414</link>
			<pubDate>Sat, 25 Oct 2014 10:02:30 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1414</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">کادر متحرک با استفاده از CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای متن ها و یا تصویرهای خودتان با استفاده از چند خط کدنویسی ساده کادری متحرک درست کنید . نمونه ی زنده زیر را ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Theborder-radiusisanimatableinCSS.html" scrolling="auto" width="500" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">کادر متحرک با استفاده از CSS3</span></span></span></span><br />
<div style="text-align: RIGHT;">برای متن ها و یا تصویرهای خودتان با استفاده از چند خط کدنویسی ساده کادری متحرک درست کنید . نمونه ی زنده زیر را ببینید و در صورت علاقه مند شدن از کدهای داده شده استفاده کنید . تغییرات بعهده ی شماست .<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/Theborder-radiusisanimatableinCSS.html" scrolling="auto" width="500" height="500" frameborder="no"></iframe><br />
<div style="text-align: RIGHT;">
<div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و یکم)]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1408</link>
			<pubDate>Wed, 22 Oct 2014 11:14:59 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1408</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و یکم)</span></span></span></span></div>منو های زیبا و ابتکاری برای استفاده در  سایت ها مدل هایی که بسیار ابتکاری هستند و رویایی و فقط با استفاده از کد های CSS3 . برای استفاده ابتدا نمونه ی زنده ی زیر را با مرورگرهای گوناگون ببینید و سپس در صورت علاقه مند شدن , فایل پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست . <img src="images/smilies/cool.gif" style="vertical-align: middle;" border="0" alt="Cool" title="Cool" /><br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/future_menus/newmenu/newmenu.html" scrolling="auto" width="600" height="300" frameborder="no"></iframe></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">منوهایی زیبا برای سایت ها از آینده با CSS3 (مدل هفتاد و یکم)</span></span></span></span></div>منو های زیبا و ابتکاری برای استفاده در  سایت ها مدل هایی که بسیار ابتکاری هستند و رویایی و فقط با استفاده از کد های CSS3 . برای استفاده ابتدا نمونه ی زنده ی زیر را با مرورگرهای گوناگون ببینید و سپس در صورت علاقه مند شدن , فایل پیوستی را <a href="http://www.midorinco.ir/index.php" title="دانلود" >دانلود</a> و استفاده کنید . تغییرات بعهده ی شماست . <img src="images/smilies/cool.gif" style="vertical-align: middle;" border="0" alt="Cool" title="Cool" /><br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/future_menus/newmenu/newmenu.html" scrolling="auto" width="600" height="300" frameborder="no"></iframe></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[تولتیپ های زیبای رنگین و تصویری یا CSS]]></title>
			<link>http://www.midorinco.ir/showthread.php?tid=1405</link>
			<pubDate>Thu, 16 Oct 2014 14:48:18 +0000</pubDate>
			<guid isPermaLink="false">http://www.midorinco.ir/showthread.php?tid=1405</guid>
			<description><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">تولتیپ های زیبای رنگین و تصویری یا CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">تولتیپ های زیبا و ابتکاری با استفاده از رنگ و تصویر می توانند جلوه ی زیباتری به سایت ها بدهند . نمونه ی زیر را ببینید (اشاره گر را روی نوشته ها ببرید) . در صورت علاقه مند شدن و استفاده و یا بررسی کدهای این پروژه را قرار داده ام و تصویرهای استفاده شده هم به پیوست هستند . تغییرات بعهده ی شماست .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/css-color-tooltips/css-color-tooltip.html" scrolling="auto" width="700" height="300" frameborder="no"></iframe><br />
<br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========<br />
<span style="font-weight: bold;">تصویرهای استفاده شده در این پروژه</span><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			css-tooltips.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2218">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">17.01 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">512 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764903310</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: CENTER;"><span style="text-shadow: 0px 5px 2px gray;"><span style="font-size: medium;"><span style="color: #FF0000;"><span style="font-weight: bold;">تولتیپ های زیبای رنگین و تصویری یا CSS</span></span></span></span><br />
<div style="text-align: RIGHT;">تولتیپ های زیبا و ابتکاری با استفاده از رنگ و تصویر می توانند جلوه ی زیباتری به سایت ها بدهند . نمونه ی زیر را ببینید (اشاره گر را روی نوشته ها ببرید) . در صورت علاقه مند شدن و استفاده و یا بررسی کدهای این پروژه را قرار داده ام و تصویرهای استفاده شده هم به پیوست هستند . تغییرات بعهده ی شماست .<br />
<br />
<div style="text-align: CENTER;"><br><iframe name="I love Midori" src="http://dl.midorinco.ir/others/css/css-color-tooltips/css-color-tooltip.html" scrolling="auto" width="700" height="300" frameborder="no"></iframe><br />
<br />
<div style="text-align: RIGHT;"><div align="center"><div  style="margin: 5px 10px 10px; width: 98%;"><div style="text-align:  right; padding: 4px; background: #FFAA55; repeat-x scroll 0% 0%  transparent; border: 4px solid #D3B40F; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  color:#ffffff; text-shadow:0 -1px #D3B40F; font-weight:bold;  "><input type="button" onclick="if  (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = '';       this.innerText = ''; this.value = 'پنهان کردن متن'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display  = 'none'; this.innerText = ''; this.value = 'نشان دادن متن'; }" style="width:  90px; height: 25px; font-size: 12px; margin: 0px; padding: 0px;font-family: Tahoma"  value="نشان دادن متن"></div><div><div  style="border: 4px solid #D3B40F; padding: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:  none; text-align: right">برای دیدن نوشته های این بخش , <a href=member.php?action=register><b>نام نویسی کنید</b> </a> و یا <a href=member.php?action=login><b>وارد شوید</b> .</a></a></div></div></div></div>
<div style="text-align: CENTER;">==========<br />
<span style="font-weight: bold;">تصویرهای استفاده شده در این پروژه</span><br />
<div style="text-align: RIGHT;"><!-- start: postbit_attachments_attachment -->
<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style type="text/css">
<!--
td.attachrow		{font: normal 11px Tahoma;}
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
-->
</style>
	<style>
<!--
table.attachtable	{font: normal 12px Tahoma;border-collapse : collapse; }
td.attachheader     {font: normal 11px Tahoma; background-color: #ededed; }
td.attachrow		{font: normal 11px Tahoma;}
-->
</style>
<br><div style="width:90%;padding:0px;margin:auto;box-shadow:0 0 0 2px #5F0308,0 0 0 4px #6F030A,0 0 0 6px #8B030D,0 0 0 8px #B4030F,0 0 0 10px #8B030D,0 0 0 12px #6F030A,0 0 0 14px #5F0308,5px 6px 6px 18px rgba(0,0,0,0.5);border-radius:4px;">
	<table border="0" cellpadding="0" cellspacing="4">
	</table>
	<table class="attachtable" id="table2" width="100%" align="center" border="1" cellpadding="2" cellspacing="0">
		<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><b>
			css-tooltips.rar</b></td>
    	</tr>
       <tr>
            <td class="attachrow" width="15%"><span class="genmed">&nbsp;ارسال کننده فايل</span></td>
            <td class="attachrow" width="75%">
            <a href="http://www.midorinco.ir/member.php?action=profile&amp;uid="></a></td>
            <td class="attachrow" width="10%" align="center" rowspan="7">
            <a href="attachment.php?aid=2218">
            <img border="0" alt="download" src="images/download.png">
</a>
<br>
</td>
</tr>
    	<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;نوع فايل</span></td>
			<td class="attachrow" width="75%">
			<img src="images/attachtypes/rar.gif" border="0" alt=".rar" title=".rar" /></td>
					</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;اندازه</span></td>
			<td class="attachrow" width="75%">17.01 KB</td>
</tr>
<tr>
			<td class="attachrow" width="15%"><span class="genmed">&nbsp;دفعات دانلود</span></td>
			<td class="attachrow" width="75%"><span class="genmed">512 بار</span></td>
</tr>
		<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;گيرنده(های) فايل</span></td>
<td class="attachrow" width="75%"><style type="text/css">
/* animated spoiler CSS by Ali Movassagh */
.spoilerbuttonz {display:block;margin:-10px 0 2px 0;background:#EBEBEB;border:2px solid #F8A613;padding:3px;text-align:center;font-weight:bold;font-style:italic;font-size:12px;font-family:Tahoma;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.spoilerz {overflow:hidden;background: #;}
.spoilerz > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.7s ease;}
.spoilerbuttonz[value="نمایش دادن"] + .spoilerz > div {margin-top:-100%;}
.spoilerbuttonz[value="پنهان سازی"] + .spoilerz {padding:0px;}
</style>
<input class="spoilerbuttonz" type="button" value="نمایش دادن" onclick="this.value=this.value=='نمایش دادن'?'پنهان سازی':'نمایش دادن';">
<div class="spoilerz"><div><fieldset style="background: #EBEBEB;border:1px solid #F8A613;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></fieldset>
</div></div></td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;زمان آخرین دانلود</span></td>
<td class="attachrow" width="75%">1764903310</td>
</tr>
<tr>
<td class="attachrow" width="15%"><span class="genmed">&nbsp;یک سخنِ ناب</span></td>
<td class="attachrow" width="75%">
<!--sokhane Bozorgan -->
<script src='http://dl.midorinco.ir/tools/Sokhanhayerooz2.js' language=javascript ></script>
<script  language=javascript>Sokhantasadofi('Black','fafafa','0','dotted','black','8','tahoma'); </script>
<!--sokhane Bozorgan -->
</td>
</tr>
	<tr>
			<td colspan="3" class="attachheader" width="100%" align="center"><img src="http://www.midorinco.ir/images/midori-attach-icon.png"></td>
		</tr>
	</table>
</div><br>
<!-- end: postbit_attachments_attachment --></div></div></div></div></div></div>]]></content:encoded>
		</item>
	</channel>
</rss>