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

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

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

متن تصادفی جمعه 27 بهمن1385

دوستان عزیز

سیمین خانم و سونیا خانم دعوتنامه پرشین گیگ به ایمیلتان ارسال شد یه سری به ایمیلتان بزنید.

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

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

کار این کد اینه که با هر بار بارگزاری یا Refresh صفحه یه متنی رو به نمایش در می آره.

اینهم کد :

شما فقط می تونین دو جای این کد رو دستکاری کنین :

۱- var NoOfTips : این قسمت برای تعیین کردن تعداد پیغام هاست.

۲- messages[1]="Custom Text : به جای Custom Text متن دلخواهتون رو می نویسین

اگه می خواهین تعداد متن بیشتری قرار بدین باید به صورت زیر عمل کنین :

مثلا فرض کنیم ۵ تا متن رو می خواهیم برای ما نمایش داده بشه :

مقدار NoOfTips رو برابر ۵ قرار می دهیم :

var NoOfTips=5;

اینجا هم به تعداد ۵ تا متن اضافه می کنیم :

توجه : به شماره ها دقت کنید که همشون عین هم نباشند.

messages[0]=NoOfTips;
messages[1]="Custom Text 1";

messages[2]="Custom Text 2";

messages[3]="Custom Text 3";

messages[4]="Custom Text 4";

messages[5]="Custom Text 5";

دقت کنید که علامتهای ( " ) و ( ; ) رو جابجا نکنین.

اینهم کد آماده به همراه ۲۰ تا متن که قبلا تو وبلاگم بود.

عین کد زیر رو تو کپی کنین :

<script language="javascript" type="text/javascript" src="http://iman7228.persiangig.com/JavaScript/Message.js"></script>

نمونه ایک رو میتونین اینجا ببینین.
فکر کنم دیگه خیلی واضحه امیدوارم دیگه مشکلی نداشته باشین.
اگه مشکلی بود حتما عنوان کنید.
منتظر قالب و کدهای جالب و کاربردی تر باشید.
یا علی

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

| |

افکت متن با جاوا اسکریپت جمعه 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 | موضوع : جاوا اسکریپت

| |

شاید روزی . . . چهارشنبه 25 بهمن1385

سلام به همه

خیلی وقت بود آپدیت نکرده بودم (حدودا ۴ ماه) دلم واسه نوشتن تو وبلاگ خیلی تنگ شده بود.

نمی دونم از کجا شروع و کنم و از چی بنویسم فقط اینو می گم که شاید بتونم ۲ یا ۳ روز در هفته بتونم آپدیت کنم

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

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

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

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

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

فعلا هم قضیه قالب برای میهن بلاگ منتفیه تا بعدا اعلام کنم.

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

نوشته شده توسط ایمان در ساعت 2:48 | موضوع : عمومی

| |