(20 - November - 2013 19 : 05 PM)میدوری نوشته بوده :  

مای کد نوشته ی رنگین کمانی با CSS3

مای کدی را برای نوشته ها قرار میدهم که جالب است . خیلی جاها این مای کد را گذاشته اند ولی با جاوا اسکریپت کار میکنند و بعضا ممکن است مشکل ساز شوند . طرحی با استفاده ازCSS3 درست کردم که جالب شد و به اشتراک می گذارم . نخست به دو نمونه ی زیر توجه کنید و رنگین کمان را ببینید اگر خواستید و علاقه مند شدید مراحل کار را انجام دهید تا شما هم نوشته هایی با این قابلیت بتوانید در انجمن خودتان داشته باشید .

=================

مای کد نوشته ی رنگین کمانی با CSS3

This is rainbow text with CSS3
=================

ابتدا به کنترل پنل خود بروید و در بخش پیکربندی وارد مای کد MyCode شوید و در آنجا افزودن MyCode جدید را انتخاب کنید .

به ترتیب بخش های زیر را پر کنید :

عنوان * : نوشته ی رنگین کمانی
توضیح کوتاه * : نوشته هایی با حالت رنگین کمانی
عبارت منظم * :

کد PHP:

\[rainbow\](.*?)\[/rainbow\]

---

جایگزین * :

کد PHP:

<style>.rainbowname {animation: rainbow_name 3s linear 0s infinite alternate;-moz-animation: rainbow_name 3s linear 0s infinite alternate;-webkit-animation: rainbow_name 3s linear 0s infinite alternate;-o-animation: rainbow_name 3s linear 0s infinite alternate;color: #FFFFFF;font-weight:700;font-family:Tahoma,Arial,Verdana;}@keyframes rainbow_name{0%{color:red;}25%{color:yellow;}50%{color:blue;}75%{color:green;}100%{color:red;}}@-moz-keyframes rainbow_name {0%{color:red;}25%{color:yellow;}50%{color:blue;}75%{color:green;}100% {color:red;}}@-webkit-keyframes rainbow_name {0%{color:red;}25%{color:yellow;}50%{color:blue;}75%{color:green;}100%{color:red;}}@-o-keyframes rainbow_name {0%{color:red;}25%{color:yellow;}50%{color:blue;}75%{color:green;}100%{color:red;}}</style><span><i>$1</i></span>

---

با توجه به کاری که در بالا انجام شد از این به بعد هر موقع برای نمونه در ادیتور کد زیر را وارد کنید , باید نوشته شما بصورت جالبی تغییر رنگ بدهد و به نمایش در بیاید .

کد PHP:

[rainbow]http://www.midorinco.ir[/rainbow]

---

آگهی

متن پیام :
این حالت در تمام مرورگرهای جدید آزمایش شده و از کدهایی استفاده شده که شامل همه ی مرورگرهای امروزی می شود .