کد چند افکت برای متن بسیار زیبا
کد چند افکت برای متن بسیار زیبا همانطور که در عکس زیر مشاهده میکنید با این کد شما میتوانید متن های خاص و یا برند خود را بصورت متحرک در بیاورید.در ابتدای کد شما میتوانید سرعت اندازه و … را ویرایش کتید.افکت های زیادی برای متنهای وبلاگ وجود دارد که شما میتواندی در سرچ باکس سایت کلمه مورد نظظر را بنویسید و جستجو کنید.
با کد زیر شما میتوانید پس زمینه برای متن خود ایجاد کنید.
Your highlighted text here.
1 |
<span style="background-color: #FFFF00">Your highlighted text here.</span> |
با کد زیر شما میتوانید متن های خود را بصورت مترحک در بیاورید به نوعی که متن از سمت راست صفحه به سمت چپ صفحه میرود
1 |
<marquee>Make it scroll, baby!</marquee> |
و کد زیر که توضیحات ان در بالای صفحه نوشته شده است افک زیبا برای متن شما و متحرک کردن متن مورد نظر و یا برندتون.
کد زیر را کامل کپی کرده و در قالب سایت و وبلاگ خود قرار دهید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 |
<script language="JavaScript"> <!-- Begin var message="codebazan.ir"; var spc=10; var speedisplay=50; var times=3; var rows=5; var cols=40; var stopbutton="yes"; // yes or no var stopbuttonvalue="ایست"; var startvalue="حرکت"; var len=spc*2; var text=message; var i; var stop=false; var stoppedisplay; for (i=0;i<spc;i++) { text=text+" "; } function array(n) { this.length = n for (i=1; i <= n; i++) { this[i] =""; } return this; } document.writeln('<center><form name="F">') document.writeln('<textarea disabled="disabled" readonly="readonly" required="required" rows="2" spellcheck="false" rows='+rows+' draggable="false" style="width:300px;height:300px;border:none;background:transparent;" border="0" scrolling="no" cols='+cols+' name="display" wrap=soft></textarea>') if (stopbutton == "yes") { document.writeln('<br><input type=button value="'+stopbuttonvalue+'" onClick="stopstart()" name=stopit>'); } document.writeln('</form></center>') var l=text.length; var ll=message.length; var lb=new array(l) var lr=new array(spc*2+1) var lg=new array(ll) var lk=new array(ll) lb[0]=text;lb[l]=text;lr[0]=message;lg[0]=message; for (j=1;j<l;j++) { lb[j]=lb[j-1].substring(1, l)+lb[j-1].charAt(0); } lr[spc*2]=message; for (i=1;i<=spc;i++) { lr[i]=" "+lr[i-1] } for (i=spc*2-1;i>=spc+1;i--) { lr[i]=" "+lr[i+1] } var ll=message.length; for (j=1;j<ll;j++) { for (i=lg[j-1].length-2;i>=0;i--) { lg[j]=lg[j-1].charAt(i)+lg[j]; } } lk[ll]=message; for (j=ll-1;j>=0;j--) { lk[j]=lk[j+1].substring(1, l); } var lge=""; var lbe=""; var rle=""; for (i=0;i<rows;i++) { lge=lge+lg[i]+unescape('%0D%0A'); } for (i=0;i<rows;i++) { lbe=lbe+lb[l-i]+unescape('%0D%0A'); } for (i=1;i<=rows;i++) { rle=rle+lr[spc*2-i]+unescape('%0D%0A'); } var c=1; var i=ll; var j=0; var f=0; function lgf() { if(stop==false) { if(i>ll) { j=0; i=i-2; } if(i==0&&j==0) { c++; j=1; } if(j!=0) { document.F.display.value=lg[i]+unescape('%0D%0A')+document.F.display.value; i++; } if(j==0) { document.F.display.value=lg[i]+unescape('%0D%0A')+document.F.display.value; i--; } if(c<=times) { setTimeout("lgf()",speedisplay); } else { document.F.display.value=lge; i=0; j=0; c=0; t(); } } } function t() { if(stop==false) { if(i>l) {i=1}; document.F.display.value=lb[i]+unescape('%0D%0A')+document.F.display.value; i++; j++; if(j<=l*times) { setTimeout("t()",speedisplay)}else{document.F.display.value=lbe; i=0; j=0; rl(); } } } function rl() { if (stop==false) { if(i>=spc*2) {i=0}; document.F.display.value=lr[i]+unescape('%0D%0A')+document.F.display.value; i++; j++; if(j<len*times) {setTimeout("rl()",speedisplay)}else{document.F.display.value=rle;i=ll-1;j=0;trans()} } } function trans() { if(stop==false) { document.F.display.value=lk[i]+unescape('%0D%0A')+document.F.display.value; i--; if(i!=1) { setTimeout("trans()",speedisplay) } else { i=ll; lgf(); } } } function stopstart() { stoppedisplay=stop; if(stoppedisplay==false) { stop=true;document.F.stopit.value=startvalue; } if(stoppedisplay==true) { stop=false;document.F.stopit.value=stopbuttonvalue; document.F.display.value=""; i=11; j=0; c=0; lgf(); } } if (rows<=spc&&rows<=ll&&spc+ll<=cols) { lgf(); } // End --> </script><div style="position:absolute;top:-200%;"><a href="https://codebazan.ir/">کد چند افکت برای متن بسیار زیبا</a></div> |
افکت دیگری که برای متن در نطر گرفته ایم پر رنگ شدن و تو پر شدن متن میباشد که در زیر مشاهده میکنید.این متن لینکدار نیز میباشد.
1 2 3 4 |
<h2><div style="position:absolute;top:-200%;"><a href="https://codebazan.ir/">کد چند افکت برای متن بسیار زیبا</a></div></h2><style>.mportantredpm {color: red;text-shadow: 1px 1px 3px black, -1px -1px 3px black;font-size: 40px;font-family: 'b yekan',tahoma;text-decoration:none;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .mportantredpm:hover {color: black;text-shadow: none;} </style> <a class="mportantredpm" href="https://codebazan.ir">codebazan</a> |
برای قرار دادن افکت در نوشته سعی کنید حالت منبع کد را باز کنید یا حالت متن و سپس کد را در باکس قرار داده و ذخیره نمایید و یا برای استفاده از کد در قسمت های مختلف سایت در قالب سایت جای گذاری نمایید.