پی سی سیتی - چند افکت زیبای متن ها در اکسپلورر Wild IE Visual Filters

پی سی سیتی (http://p30city.net/index.php)

- کدهای جاوا اسکریپت (http://p30city.net/forumdisplay.php?f=83)

چند افکت زیبای متن ها در اکسپلورر Wild IE Visual Filters

چند افکت زیبای متن ها در اکسپلورر Wild IE Visual Filters

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

برای مثال از کد زیر برای درخشش نوشته ها استفاده کنین

Glowing Text

کد HTML:

 

<DIV STYLE="filter: glow(Color=#6495ed,Strength=6); width:540";>

<FONT SIZE="7" FACE="arial" COLOR="#ff0000">

<B>PUT YOUR TEXT HERE</B></FONT></DIV>

افکتهای تصویری در IE . کدهای html

کدهای css
------------

کد درخشندگی برای یک عکس gif

کد HTML:

<img src="filename.gif" STYLE="filter:Glow(color:#ff0000,Strength=5)">

به جای filename.gif اسم یک فایل رو وارد کنید .

کد نوشته ی سایه دار در اینترنت اکسپلورر

Drop Shadow Text

متن سایه داره

کد HTML:

<DIV STYLE="filter: dropShadow(color=#8b008b,offX=3,offY=3); width:540;">

<FONT SIZE="7" FACE="arial" COLOR="#ff69b4">

<B>PUT YOUR TEXT HERE</B></FONT></DIV>

متن سایه دار . کد نوشته ی سایه دار در ie

Shadow Text

کد HTML:

<DIV STYLE="filter: shadow(color=#ffff00,direction=45); width:540; color:#000000;">

<FONT SIZE="7" FACE="arial" COLOR="#ff0000">

<B>PUT YOUR TEXT HERE</B></FONT></DIV>

نوشته ی موج دار در ie - کد html نوشته های موجی در اینترنت اکسپلورر

Wavey Text

کد HTML:

<DIV STYLE="filter: wave(Strength=3,lightstrength=30); width:540";>

<FONT SIZE="7" FACE="arial" COLOR="#60AFFF">

<B>Wave Text</B></FONT></DIV>

متن بلوری و غیر شفاف در مرورگر ie

Blurred Text

کد HTML:

<DIV STYLE="filter: blur(Strength=50); width:540";>

<FONT SIZE="7" FACE="arial" COLOR="#60AFFF">

<B>PUT YOUR TEXT HERE</B></FONT></DIV>

معکوس کردن متن توسط کد html در IE

Flipped Text
Horizontal Flip Text
(There is Also Vertical Flipped Text "flipv")

کد HTML:

<DIV STYLE="filter: fliph; width:540";>

<FONT SIZE="7" FACE="arial" COLOR="#ff0000">

<B>Flipped Text</B></FONT></DIV>

متن رنگین کمان . نوشته رنگی در ie

برای رنگین کمانی کردن نوشته هاتون چون باید برای هر یک کاراکترش کد خاصی نوشته بشه بنابراین ابتدا باید متن مشخص شده باشه بعد کد تولید میشه بنابراین نیاز به یه ابزار کوچولو هست که این کار رو بکنه طول متن رو مشخص میکنه تقسیم میکنه و کد رنگ رو تولید میکنه برای حروف . برای مثال میتونین از لینک زیر استفاده کنین

http://rainbow.arch.scriptmania.com/tools/rainbow_text/rainbow_text.html

به کد آن توجه کنید :

کد HTML:

<HTML><FONT COLOR="#FF0000">h</FONT><FONT COLOR="#FF1600">t</FONT><FONT COLOR="#FF2C00">t</FONT><FONT COLOR="#FF4200">p</FONT><FONT COLOR="#FF5800">:</FONT><FONT COLOR="#FF6E00">/</FONT><FONT COLOR="#FF8400">/</FONT><FONT COLOR="#FF9A00">r</FONT><FONT COLOR="#FFB000">a</FONT><FONT COLOR="#FFC600">i</FONT><FONT COLOR="#FFDC00">n</FONT><FONT COLOR="#FFF200">b</FONT><FONT COLOR="#FFff00">o</FONT><FONT COLOR="#E9ff00">w</FONT><FONT COLOR="#D3ff00">.</FONT><FONT COLOR="#BDff00">a</FONT><FONT COLOR="#A7ff00">r</FONT><FONT COLOR="#91ff00">c</FONT><FONT COLOR="#7Bff00">h</FONT><FONT COLOR="#65ff00">.</FONT><FONT COLOR="#4Fff00">s</FONT><FONT COLOR="#39ff00">c</FONT><FONT COLOR="#23ff00">r</FONT><FONT COLOR="#0Dff00">i</FONT><FONT COLOR="#00ff00">p</FONT><FONT COLOR="#00ff16">t</FONT><FONT COLOR="#00ff2C">m</FONT><FONT COLOR="#00ff42">a</FONT><FONT COLOR="#00ff58">n</FONT><FONT COLOR="#00ff6E">i</FONT><FONT COLOR="#00ff84">a</FONT><FONT COLOR="#00ff9A">.</FONT><FONT COLOR="#00ffB0">c</FONT><FONT COLOR="#00ffC6">o</FONT><FONT COLOR="#00ffDC">m</FONT><FONT COLOR="#00ffF2">/</FONT><FONT COLOR="#00ffff">t</FONT><FONT COLOR="#00F2ff">o</FONT><FONT COLOR="#00DCff">o</FONT><FONT COLOR="#00C6ff">l</FONT><FONT COLOR="#00B0ff">s</FONT><FONT COLOR="#009Aff">/</FONT><FONT COLOR="#0084ff">r</FONT><FONT COLOR="#006Eff">a</FONT><FONT COLOR="#0058ff">i</FONT><FONT COLOR="#0042ff">n</FONT><FONT COLOR="#002Cff">b</FONT><FONT COLOR="#0016ff">o</FONT><FONT COLOR="#0000ff">w</FONT><FONT COLOR="#0D00ff">_</FONT><FONT COLOR="#2300ff">t</FONT><FONT COLOR="#3900ff">e</FONT><FONT COLOR="#4F00ff">x</FONT><FONT COLOR="#6500ff">t</FONT><FONT COLOR="#7B00ff">/</FONT><FONT COLOR="#9100ff">r</FONT><FONT COLOR="#A700ff">a</FONT><FONT COLOR="#BD00ff">i</FONT><FONT COLOR="#D300ff">n</FONT><FONT COLOR="#E900ff">b</FONT><FONT COLOR="#FF00ff">o</FONT><FONT COLOR="#FF00F2">w</FONT><FONT COLOR="#FF00DC">_</FONT><FONT COLOR="#FF00C6">t</FONT><FONT COLOR="#FF00B0">e</FONT><FONT COLOR="#FF009A">x</FONT><FONT COLOR="#FF0084">t</FONT><FONT COLOR="#FF006E">.</FONT><FONT COLOR="#FF0058">h</FONT><FONT COLOR="#FF0042">t</FONT><FONT COLOR="#FF002C">m</FONT><FONT COLOR="#FF0016">l</FONT></HTML>