طراحی قالبهای بلاگفا+کدهای جاوا اسکریپت

امروز شمسی برابر با میلادی می باشد روز خوشی را برایتان آرزومندم

v تبلیغات رایگان شما در این مکان با سایز دلخواه شما

افکت متن با جاوا اسکریپت جمعه 27 بهمن1385

اول سلام

همون طور که می دونید جاوا اسکریپت در طراحی صفحات وب نقش موثری داره و از طرفدارهای زیادی برخورداره.

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

این کد بیشتر برای تبلیغات به کار میره و شما خیلی راحت و فقط با جایگزین کردن چند کلمه می تونین یه بورد تبلیغاتی تو وبتون داشته باشین.

برای این منظور تک تک مراحل زیر رو پیش برید :

اول کد زیر رو در یکی از ویرایشگرها باز کنید (NotePad)

<table border="0" width="24%" cellspacing="0" cellpadding="0">
<tr>
								<td width="27"> </td>
								<td style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 3px solid #FF8901; border-bottom: 1px solid #C0C0C0;">
      <TABLE height=27 cellSpacing=0 cellPadding=0 width="99%" border=0>
        <TR>
          <TD style="PADDING-LEFT: 14px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px" 
          align=middle width="95%" height="27">
            <span style="font-size: 8pt">
            <SCRIPT type=text/javascript>
var randombgcolors=["#F3F3F3", "#E8E8E8", "#DEE3E7", "#E9ECEF"]

var rbcssrule=""
var randomnum=Math.floor(Math.random()*randombgcolors.length)
if (randombgcolors[randomnum].indexOf(":")!=-1){
rbcssrule="background-color: "+randombgcolors[randomnum].split(":")[0]+";"
rbcssrule+="color: "+randombgcolors[randomnum].split(":")[1]+";"
}
else
rbcssrule="background-color: "+randombgcolors[randomnum]+";"

document.write('<style type="text/css">\n')
document.write('.randomcolor{'+rbcssrule+'}\n')
if (randombgcolors[randomnum].split(":").length==3) //if link color specified
document.write('.randomcolor a{color:'+randombgcolors[randomnum].split(":")[2]+';}\n')
document.write('<\/style>')

</SCRIPT>

<STYLE type=text/css>#contentwrapper {
	BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: black 0px solid; WIDTH: 460px; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid; HEIGHT: 100px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: justify
}
.billcontent {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 100%; FONT-FAMILY: Tahoma
}
</STYLE>

//List of transitional effects to be randomly applied to billboard:
var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]

//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.

var tickspeed=7000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).

var filterid=Math.floor(Math.random()*billboardeffects.length)

document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#contentwrapper{display:none;}')
document.write('</style>\n')

var selectedDiv=0
var totalDivs=0

function contractboard(){
var inc=0
while (document.getElementById("billboard"+inc)){
document.getElementById("billboard"+inc).style.display="none"
inc++
}
}

function expandboard(){
var selectedDivObj=document.getElementById("billboard"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>1){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}

function startbill(){
while (document.getElementById("billboard"+totalDivs)!=null)
totalDivs++
if (document.getElementById("billboard0").filters)
tickspeed+=effectduration
expandboard()
}

if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill

</SCRIPT>

<SCRIPT language=JavaScript type=text/JavaScript>

</SCRIPT>

</span>

<DIV id=contentwrapper style="font-weight: normal; width: 129px; height: 23px; text-align: justify; border: 0px solid black; padding: 0px; background-color: transparent">
            <DIV class=billcontent id=billboard0 style="width: 285px; height: 42px">
				<table border="1" width="100%" style="border-width: 0px">
					<tr>
						<td style="border-style: none; border-width: medium" align="right" dir="rtl">
						<p align="left">
						<span style="font-weight: 700; font-size: 8pt">
						<font color="#4C93BF">.: 
						<a href="<-BlogUrl->" style="color: #2c4144; text-decoration: none">
						<font color="#CC6600"><-BlogUrl-></font></a> :.</font></span></td>
						<td style="border-style: none; border-width: medium" align="right" dir="rtl" width="9">
						 </td>
					</tr>
					<tr>
						<td style="border-style: none; border-width: medium" align="right" dir="rtl">
						<span style="font-size: 8pt"><b><font color="#4C93BF">.:</font><font color="#CC6600"> 
						<-BlogTitle-></font><font color="#FF5500"> 
						</font><font color="#4C93BF"> 
						:.</font></b></span></td>
						<td style="border-style: none; border-width: medium" align="right" dir="rtl" width="9">
						 </td>
					</tr>
				</table>
			</DIV>
            <DIV class=billcontent id=billboard1 style="width: 283px; height: 46px">
				<table border="1" width="100%" style="border-width: 0px">
					<tr>
						<td style="border-style: none; border-width: medium" dir="rtl" width="258">
						<p align="right">
						<span style="font-size: 8pt; font-weight: 700" lang="fa"> 
						<font color="#CC6600">وبلاگ <-BloId-></font><font color="#FF5500"> 
						</font><font color="#4C93BF"> 
						»</font></span></td>
						<td style="border-style: none; border-width: medium" dir="rtl">
						 </td>
					</tr>
					<tr>
						<td style="border-style: none; border-width: medium" dir="rtl" width="258">
				<font color="#737980">
				<span style="font-size: 8pt"><-BlogDescription-></font></span></td>
						<td style="border-style: none; border-width: medium" dir="rtl">
				 </td>
					</tr>
					</table>
			</DIV>
            <DIV class=billcontent id=billboard2 style="width: 284px; height: 18px">
				<table border="1" width="100%" style="border-width: 0px">
					<tr>
						<td style="border-style: none; border-width: medium">
						<p align="right" dir="rtl">
						<span style="font-size: 8pt; font-weight: 700" lang="fa"> 
						<font color="#CC6600">تبادل لینک و لوگو</font><font color="#FF5500"> 
						</font><font color="#4C93BF"> 
						»</font></span></td>
						<td style="border-style: none; border-width: medium" width="15">
						 </td>
					</tr>
					<tr>
						<td style="border-style: none; border-width: medium" align="justify">
						<p dir="rtl"><font color="#737980">
						<span style="font-size: 8pt" lang="fa">برای تبادل لینک و لوگو در قسمت نظرات کامنت بگزارید</span></font></td>
						<td style="border-style: none; border-width: medium" align="justify" width="15">
					 </td>
	</tr>
</table></DIV></DIV></TD></TR></TABLE>
</td></tr></table>
</body>
</html>

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

۱- <-BlogUrl-> : اگه به همین صورت باشه آدرس وبلاگتون نوشته میشه.

۲- <-BlogTitle-> : عنوان وبلاگتون رو نمایش میده.

۳- وبلاگ <-BloId-> : نام وبلاگتون رو نمایش میده.

۴- <-BlogDescription-> : توضیحات وبلاگتون نمایش داده میشه.

۵- Custom Text : که هر چی دوست دارین می تونین بنویسین.

در این صفحه می تونین کد رو مشاهده کنین.

تموم شد.

شاد باشید.

نوشته شده توسط ایمان در ساعت 13:1 | موضوع : جاوا اسکریپت

| |