کد چند افکت برای متن بسیار زیبا

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

با کد زیر شما میتوانید پس زمینه برای متن خود ایجاد کنید.

Your highlighted text here.

<span style="background-color: #FFFF00">Your highlighted text here.</span>

1	<span style="background-color: #FFFF00">Your highlighted text here.</span>

با کد زیر شما میتوانید متن های خود را بصورت مترحک در بیاورید به نوعی که متن از سمت راست صفحه به سمت چپ صفحه میرود

<marquee>Make it scroll, baby!</marquee>

1	<marquee>Make it scroll, baby!</marquee>

دمو کد

و کد زیر که توضیحات ان در بالای صفحه نوشته شده است افک زیبا برای متن شما و مترحک کردن متن مورد نظر و یا برندتون.

کد زیر را کامل کپی کرده و در قالب سایت و وبلاگ خود قرار دهید.

<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/">&#1705;&#1583; &#1670;&#1606;&#1583; &#1575;&#1601;&#1705;&#1578; &#1576;&#1585;&#1575;&#1740; &#1605;&#1578;&#1606; &#1576;&#1587;&#1740;&#1575;&#1585; &#1586;&#1740;&#1576;&#1575;</a></div>

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

<!-- 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>

افکت دیگری که برای متن در نطر گرفته ایم پر رنگ شدن و تو پر شدن متن میباشد که در زیر مشاهده میکنید.این متن لینکدار نیز میباشد.

codebazan

<h2><div style="position:absolute;top:-200%;"><a  href="https://codebazan.ir/">&#1705;&#1583; &#1670;&#1606;&#1583; &#1575;&#1601;&#1705;&#1578; &#1576;&#1585;&#1575;&#1740; &#1605;&#1578;&#1606; &#1576;&#1587;&#1740;&#1575;&#1585; &#1586;&#1740;&#1576;&#1575;</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>

<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>

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

متحرک سازی متن با دکمه استارت و استاپ

حرکت قلب به دنبال ماوس یا موس

مطالب مشابه

پاسخ دهید لغو پاسخ

جستجو

اخرین نظرات

بایگانی شمسی

پیشنهادی

کد متحرک سازی عنوان سایت

کد بارش برف در سایت

ابزار تبدیل تکست به عکس

ابزار دانلود سورس از صفحات سایت php

ساخت لوگو انلاین -create logo online

کد چند افکت برای متن بسیار زیبا