|
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك
الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات،
بالضغط هنا. كما يشرفنا أن تقوم
بالتسجيل بالضغط
هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة
المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه |
|
المواضيع الأخيرة | » خلفيات الفوتوشوب رائعة جدا من طرف سام الزيادي الجمعة يونيو 13, 2014 12:15 pm
» كود راديو مزيكا اف ام من طرف moonman الجمعة مارس 28, 2014 2:03 pm
» طلب رمزية ل الماسة الوردية من طرف الرسام الإثنين نوفمبر 04, 2013 2:36 pm
» طلب رمزية ل الادارة كريم من طرف الرسام الإثنين نوفمبر 04, 2013 2:25 pm
» طلب رمزية للاخ Basheer Othman من طرف الرسام الإثنين نوفمبر 04, 2013 2:19 pm
» طلب رمزية ل شفيقربابعة من طرف AmEr-Dz الأحد نوفمبر 03, 2013 10:00 pm
» طلب رمزية لل شبح المنتديات من طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:58 pm
» طلب رمزية لل د. شفيق ربابعة من طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:57 pm
» طلب رمزية ل M.R DESIGN من طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:56 pm
» طلب رمزية لل سعيد من طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:54 pm
|
|
|
| محموعة اكواد لمؤثرات الألوان | |
| | كاتب الموضوع | رسالة |
---|
الرسام Admin
عدد المساهمات : 262 تاريخ التسجيل : 11/10/2013
| موضوع: محموعة اكواد لمؤثرات الألوان الإثنين أكتوبر 14, 2013 8:42 pm | |
| تغيير لون الصفحة بضطة زر إضغط هنا لتغيير لون الصفحة طريقة التركيب 1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
[center][font=Verdana, Arial, Helvetica, sans-serif]<SCRIPT LANGUAGE="JavaScript">[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]/* Visit our site at http://www.star28.com/ for more code[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif] This notice must stay intact for use */[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]<!-- Begin[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]function rnd(scale) {[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]var dd=new Date(); [/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]return((Math.round(Math.abs(Math.sin(dd.getTime()))*1000000000)%scale)); [/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]}[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]function show() { [/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]document.blah.bg.value=document.bgColor; [/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]document.blah.fg.value=document.fgColor; [/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]}[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]document.fgColor=256*rnd(255)+16*rnd(255)+rnd(255);[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]document.bgColor=256*rnd(255)+16*rnd(255)+rnd(255);[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]// End -->[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]</SCRIPT>[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif] [/font][/center] [center][/center] 2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
[center][font=Verdana, Arial, Helvetica, sans-serif]<CENTER>[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]<a href="javascript:history.go(0)"><font color="#000000" face="Tahoma ,Arial" size="3">إضغط هنا لتغيير لون الصفحة</font></a>[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif]</CENTER>[/font][/center] [center][font=Verdana, Arial, Helvetica, sans-serif] [/font][/center] [center][/center] غير لون الصفحة بمجرد مرور الماوس على اسم اللون مرر فأرتك على أحد الألوان [أخضر] [أخضر فاتح] [أخضر عفني] [أحمر] [وردي غامق] [فوشي] [وردي] [بنفسجي] [كحلي] [أزرق] [أزرق ملكي] [أزرق سماوي] [أصفر] [بني] [أحمر قاني] [أبيض] [أسود] [مشمشي] [زيتوني] [برتقالي]طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
[b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]<center><font face="Tahoma" color="#FF0000">مرر[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] فأرتك على أحد الألوان</font><br>[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]oma">[<a href="/" onmouseover="document.bgColor='green'">أخضر</a>][/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] [<a href="/" onmouseover="docume[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][/b][/font] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] <p align="center"><font face="Ta[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]hnt.bgColor='greem'">أخضر فاتح</a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover="document.bgColor='seagreen'">أخضر عفني</a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]/a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover="document.bgColor='f[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][/b][/font] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover="document.bgColor='red'">أحمر</a>]<br>[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] [<a href="/" onmouseover="document.bgColor='magenta'">وردي غامق[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]<usia'">فوشي</a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover="document.bgColor='pink'">وردي</a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] onmouseover="document.bgColor='purple'">بنفسجي</a>]<br>
[b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]er="document.bgColor='royalblue'">أزرق ملكي</a>] [<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][/b][/font] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [<a href="/" onmouseover="document.bgColor='navy'">كحلي</a>] [<a href="/" onmouseover="document.bgColor='blue'">أزرق</a>] [<a href="/" onmouseo v="document.bgColor='Skyblue'">أزرق سماوي</a>]<br> [<a href="/" onmouseover="document.bgColor='yellow'">أصفر</a>] [<a href="/" onmouseover="document.bgColor='brown'">بني</a>] [<a href="/"
[b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]<a href="/"[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code] onmouseover="document.bgColor='coral'">مشمشي</a>] [<a h[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b][/code][b][/b][/font] [b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] onmouseover="document.bgColor='almond'">أحمر قاني</a>] [<a href="/" onmouseover="document.bgColor='white'">أبيض</a>]<br> [<a href="/" onmouseover="document.bgColor='black'">أسود</a>] [ref="/" onmouseover="document.bgColor='olivedrab'">زيتوني</a>] [<a href="/" onmouseover="document.bgColor='orange'">برتقالي</a>] </font></center>
كود ألعاب نارية طريقة التركيبانسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
[b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [code]<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>[/code][b][font=Verdana, Arial, Helvetica, sans-serif][/font][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></lay[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></laye rer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <script language="JavaScript"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]lative;width:1px;height:1px;background:#fff000;font-si[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] Visit our site at http://www.star28.com/ for more code * This notice must stay intact for use */ if (document.all) with(document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:r eze:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]"position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]write('<div style[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style =="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]rs[3]='fff000';[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]sClrs[4]='fffff0';[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]var yBase; [center][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]var step; [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b][/center] var xBase; [center][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]p = 0; var Xpos =[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b][/center] var currSt e 1; [center][/center] v[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sC lar Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]und(Math.random()*[ai]);[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]} if (currStep < 90) [center][/center] docu[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.r oment.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; http://window.status=currStep;T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]ageXOffset);[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][/b] [code] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [code]document.laye[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [/code][b][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window. prs[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script> غير لون الصفحة حسب رمز اللونطريقة التركيب1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
[b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]<!-- Original: Dion (yobo42@hotmail.com) -->[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]<!-- Web Site: http://yoboseyo42.virtualave.net -->[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]<!-- This script and many more are available free online at -->[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]<!-- The JavaScript Source! http://javascript.internet.com -->[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b]
[b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]tar28.com/ for more code[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][color=#000000][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]* Tra[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#000000][/color][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] <script language="JavaScript"> /* Visit our site at http://www. snslated By www.star28.com/ * This notice must stay intact for use */
<!-- Begin
[b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]| v > 255) v -= val;[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][color=#000000][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]v = v.toSt[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#000000][/color][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] function color(frm, clr, val) { v = eval("0x" + frm[clr].value) + val; if (v < 0 |ring(16).toUpperCase(); while (v.length < 2) v = "0" + v; frm[clr].value = v; nc = "";
[b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code] setval(myitem) {[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] [color=#111111][font=Verdana, Arial, Helvetica, sans-serif][b][color=#000000][/color][/b] [code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]v = prompt("أدخل قيمة جديدة للون " +[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b][/code][b][color=#000000][/color][/b][/font][/color] [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/b] for(i = 1; i < 8; i += 3) nc += frm.elements[i].value; document.bgColor = nc; } functio n myitem.name + " مثال : (00 )", myitem.value); if (v) { v = eval("0x" + v); if ((v & 255) == v) { myitem.value=v.toString(16).toUpperCase();
while (myitem.value.length < 2) myitem.value = "0" + myitem.value; color(document.f, myitem.name, 0); } } } // End --> </script [b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] [code]>[/code][b][color=#111111][font=Verdana, Arial, Helvetica, sans-serif][color=#000000][/color][/font][/color][/b] 2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
<div align="center"> <form name="f"> <table border="1"> <tr> <td colspan="3" align="center" bgcolor="#ff0000">أحمر</td> <td colspan="3" align="center" bgcolor="#00ff00">أخضر</td> <td colspan="3" align="center" bgcolor="#000ff">أزرق</td> </tr> <tr> <td><input type="button" name="rm" value="<" onclick = "color(this.form, 'Red' , -1);"></td> <td><input type="button" name="الأحمر" value="AF" onclick = "setval(this);"></td> <td><input type="button" name="rp" value=">" onclick = "color(this.form, 'Red', 1);"></td> <td><input type="button" name="gm" value="<" onclick = "color(this.form, 'Green', -1);"></td> <td><input type="button" name="الأخضر" value="BF" onclick = "setval(this);"></td> <td><input type="button" name="gp" value=">" onclick = "color(this.form, 'Green', 1);"></td> <td><input type="button" name="bm" value="<" onclick = "color(this.form, 'Blue', -1);"></td> <td><input type="button" name="الأزرق" value="CF" onclick = "setval(this);"></td> <td><input type="button" name="bp" value=">" onclick = "color(this.form, 'Blue', 1);"></td> </tr> </table> </form> </div>
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODYانسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY | |
| | | الرسام Admin
عدد المساهمات : 262 تاريخ التسجيل : 11/10/2013
| موضوع: يتبع لمجموعة اكواد مؤثرات الالوان الإثنين أكتوبر 14, 2013 8:53 pm | |
| جدول يحتوي على 512 كود للألوان طريقة التركيب انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
- الكود:
-
<center> <SCRIPT LANGUAGE="JavaScript">
//Color chart script by Dion (http://members.xoom.com/yoboseyo) //Script featured on JavaScript Kit (http://javascriptkit.com) /* Visit our site at http://www.star28.com/ for more code This notice must stay intact for use */
clr=new Array('00','20','40','60','80','a0','c0','ff'); for (i=0;i<8;i++) { document.write("<table border=1 cellpadding=8>"); for (j=0;j<8;j++) { document.write("<tr>"); for (k=0;k<8;k++) { document.write('<td bgcolor="#'+clr[i]+clr[j]+clr[k]+'">'); document.write('<tt><font color="#'+clr[7-i]+clr[7-j]+clr[7-k]+'"> '); document.write(clr[i]+clr[j]+clr[k]+' </font></tt></td>'); } document.write("</tr>"); } document.write("</table><br>"); } // end --> </script> </center>
غير لون الصفحة بمجرد مرور الماوس على اسم اللون طريقة التركيب 1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<SCRIPT LANGUAGE="JavaScript">
/*<!-- Original: The Radiance Group, Inc. (info@radiancegroup.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! -> Visit our site at http://www.star28.com/ for more code * Translated By www.star28.com/ * This notice must stay intact for use */
<!-- Begin function makeArray(q){ for(i=1 ; i <= q ; i++){this[i]=0}} Colors = new makeArray(7); Colors[1] = "00"; Colors[2] = "33"; Colors[3] = "66"; Colors[4] = "99"; Colors[5] = "CC"; Colors[6] = "FF"; // End --> </SCRIPT>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
<center> <table cellspacing =0 cellpadding =0> <script language="JavaScript"> for(i=1 ; i <= 6 ; i++){ for(j=1 ; j <= 6 ; j++){ for(k=1 ; k <= 6 ; k++){ var thiscolor = Colors[i] + Colors[j] + Colors[k]; document.writeln("<tr><td height = 20 bgcolor = \"#" + thiscolor + "\" align = right><a href = "); document.writeln("\'\' onMouseOver = \"document.bgColor = \'" + thiscolor + "\'\">" + thiscolor + "</a></td></tr>"); } } } </script> </table> </center>
تغيير ألوان شريط تحريك الصفحة الجانبي و السفلي
انظر الى شريط التمرير
يمكنك تغيير الألوان للذي يناسبك طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<STYLE> BODY { scrollbar-3dlight-color: #00ff33; scrollbar-arrow-color: #00ff00; scrollbar-darkshadow-color: #00ff33; scrollbar-face-color: #000000; scrollbar-highlight-color: #00ff00; scrollbar-shadow-color: #00ff00; scrollbar-track-color: #000033} </STYLE>
تغيير ألوان الجدول بمرور الماوس على الخلية طريقة التركيب 1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<script language="JavaScript1.2">
/* Highlight Table Cells Script-- By Dynamic Drive * For full source code and more DHTML scripts, visit http://www.dynamicdrive.com * This credit MUST stay intact for use * Visit our site at http://www.star28.com/ for more code */
var ns6=document.getElementById&&!document.all var ie=document.all
function changeto(e,highlightcolor){ source=ie? event.srcElement : e.target if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD"&&source.tagName!="HTML") source=ns6? source.parentNode : source.parentElement if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore") source.style.backgroundColor=highlightcolor }
function contains_ns6(master, slave) { //check if slave is contained by master while (slave.parentNode) if ((slave = slave.parentNode) == master) return true; return false; }
function changeback(e,originalcolor){ if (ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")||source.tagName=="TR"||source.tagName=="TABLE") return else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore")) return if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source) source.style.backgroundColor=originalcolor }
</script>
2- أضف هذه الرموز لوسم الجدول المراد table ليصبح مثل هذا - الكود:
-
<table onMouseover="changeto(event, 'lightgreen')" onMouseout="changeback(event, 'white')">
3- يمكنك إلغاء تغيير اللون لأي خلية تريدها td بإضافة هذا الرمز لها لتصبح هكذا - الكود:
-
<td id="ignore">
كود لجعل الصفحة تمطرطريقة التركيب
انسخ هذا الكود و ضعه في منطقة BODY - الكود:
-
<script language="JavaScript">
/* This credit MUST stay intact for use */ /* Visit our site at http://www.star28.com/ for more code */
<!-- Begin var no = 50; var speed = 1; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script>
كود لتغيير ألوان الخلفية بشكل رائع
حدث الصفحة لتراها مرة أخرى .. اضغط f5 للتحديثطريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<script language="JavaScript">
// Visit our site at http://www.star28.com/ for more code
hexa = new Array(16); function degrade(sr, sg, sb, er, eg, eb, pas) { for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; for(var i = 0; i <= pas; i++) { setbgColor( Math.floor(sr * ((pas-i)/pas) + er * (i/pas)), Math.floor(sg * ((pas-i)/pas) + eg * (i/pas)), Math.floor(sb * ((pas-i)/pas) + eb * (i/pas))); } } function hex(i) { if (i < 0) return "00"; else if (i > 255) return "ff"; else return "" + hexa[Math.floor(i/16)] + hexa[i%16]; } function setbgColor(r, g, b) { var hr = hex(r), hg = hex(g), hb = hex(b); document.bgColor = "#"+hr+hg+hb; } </script>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
<script language="JavaScript"> degrade(0,0,0,255,150,100,255); </script>
خلفية تشبه خلفية فيلم ماتريكس
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
<script language="JavaScript"> // Visit our site at http://www.star28.com/ for more code if (document.all){ Cols=10; Cl=24; Cs=100; Ts=10; Tc='#FF9933'; Tc1='#FFCC00'; MnS=5; MxS=10; I=Cs; Sp=new Array();S=new Array();Y=new Array(); C=new Array();M=new Array();B=new Array(); RC=new Array();E=new Array();Tcc=new Array(0,1); document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>"); document.write("<div style='position:relative'>"); for(i=0; i < Cols; i++){ S[i]=I+=Cs; document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:" +Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>"); } document.write("</div></div>");
for(j=0; j < Cols; j++){ RC[j]=1+Math.round(Math.random()*Cl); Y[j]=0; Sp[j]=Math.round(MnS+Math.random()*MxS); for(i=0; i < RC[j]; i++){ B[i]=''; C[i]=Math.round(Math.random()*1)+' '; M[j]=B[0]+=C[i]; } } function Cycle(){ Container.style.top=window.document.body.scrollTop; for (i=0; i < Cols; i++){ var r = Math.floor(Math.random()*Tcc.length); E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>'; Y[i]+=Sp[i];
if (Y[i] > window.document.body.clientHeight){ for(i2=0; i2 < Cols; i2++){ RC[i2]=1+Math.round(Math.random()*Cl); for(i3=0; i3 < RC[i2]; i3++){ B[i3]=''; C[i3]=Math.round(Math.random()*1)+' '; C[Math.floor(Math.random()*i2)]=' '+' '; M[i]=B[0]+=C[i3]; Y[i]=-Ts*M[i].length/1.5; A[i].style.visibility='visible'; } Sp[i]=Math.round(MnS+Math.random()*MxS); } } A[i].style.top=Y[i]; A[i].innerHTML=M[i]+' '+E[i]+' '; } setTimeout('Cycle()',20) } Cycle(); } // --> </script>
مع تمنياتي لكم بالتوفيق
| |
| | | | محموعة اكواد لمؤثرات الألوان | |
|
مواضيع مماثلة | |
|
| صلاحيات هذا المنتدى: | لاتستطيع الرد على المواضيع في هذا المنتدى
| |
| |
| |
|