تبلیغات
سلطان کدهای جاوا - كد نمایش كادر پیغام به كاربران سایت
كد نمایش كادر پیغام به كاربران سایت

ا سلام

امروز كد ساده و در عین حال زیبایی را به شما عزیزان معرفی می كنیم. به كمك این كد می توانید آب و هوای وبلاگ خود را بارانی كنید!

عمل كرد كد در مرورگرها (نرم افزار های تماشای سایت)

نگارش مرورگر عمل می كند/نمی كند
7.0 Internet Explorer عمل می كند
3.0 Mozilla Firefox عمل نمی كند
9.0 Netscape عمل نمی كند

نظر یادتون نره

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

 

<style>
<!--
.tablighat { font-family: Tahoma; font-size: 10pt; color: #000000; text-decoration: none;
border: 1px dotted #000080; padding-left: 5; padding-right: 5;
background-color: #FFFFFF }
.text { border:1px solid #bdb6b0; FONT-SIZE: 9pt; BACKGROUND-IMAGE: url('http://mohsendavari.persiangig.com/ghaleb/html/4.gif'); FONT-FAMILY: Tahoma }
-->

</style>
<b>
<script>
//Specify rate of display (1/freq)
var freq=1

var random_num=Math.floor(Math.random()*freq)
//if (random_num==0)
//window.onload=initbox

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=40//(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}
function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<170+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}
function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}
function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
</script>
<div id="dropin" style="position:absolute;visibility:hidden;left:280;top:94;width:438; height:99">
<table align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tr>
<td class="tablighat" dir="rtl">
<p dir="rtl"><span><strong>
<a href="#" onClick="dismissbox();return false" style="text-decoration: none">
<font color="#9A3600">[x] بستن پنجره</font></a> </strong></span></td>
</tr>
<tr>
<td class="tablighat" width="100%" dir="rtl">
<script>initbox()</script>
<p dir="rtl" align="center">
محل قرار گیری محتوای مورد نظر شما
</td>
</tr>
</table>
</div>

 

كدی كه نمایش داده می شود را در یك فایل نوت پد كپی كنید.

راهنما:


عباراتی كه با رنگ آبی مشخص شده اند: ویژگی های اصلی كادر مانند قلم / رنگ / اندازه ی متون، رنگ پس زمینه و… كه با دقت در آن ها می توانید به راحتی متوجه شوید كه كدام عبارت ها را می بایست تغییر دهید.

توجه: اگر تغییری در تنظیمات این كادر ایجاد نكنید، رنگ و ویژگی های آن مانند نمونه كدی خواهد بود كه به شما نشان دادیم.


عدد 40 كه با رنگ صورتی مشخص شده: سرعت حركت كادر (در نهایت می ایستد) را مشخص می كند.


عباراتی كه با رنگ سبز مشخص شده اند: این عبارات بیان كننده ی تنظیمات كلی این پنجره هستند:

left: فاصله ی كادر از سمت چپ صفحه
top: فاصله ی كادر از بالای صفحه
width: عرض كادر
height: طول كادر

قائده ی خاصی برای تعیین این اعداد وجود ندارد. باید آن قدر با آن ها بازی كنید تا به حالت دلخواه خود دست پیدا كنید.

نكته: اگر تغییری در آن ها ایچاد نكنید، به حالت پیشفرض (شبیه حالت نمونه كد) باقی خواهد ماند.


عبارت "[x] بستن پنجره" كه به صورت پر رنگ در آمده: عبارت یا علامتی را وارد كنید كه می خواهید بازدید كننده با كلیك برروی آن قادر به بستن این كادر باشد.

نكته: اگر تغییری در آن ها ایچاد نكنید، به حالت پیشفرض (شبیه حالت نمونه كد) باقی خواهد ماند.


عبارت "محل قرار گیری محتوای مورد نظر شما" كه با رنگ قرمز مشخص شده: به جای این عبارت، نوشته، تبلیغات، عكس، آیتم و یا هر آن چه كه دلتان می خواهد نمایش پیدا كند را بگذارید. (توجه داشته باشید كه باید كد آن آیتم را قرار دهید.)

مثلا اگر می خواهید یك نوشته را در آن جا قرار دهید باید كد آن نوشته را كپی كنید.

و نیز اگر می خواهید یك یا چند لینك را قرار دهید، باید كد آن ها را قرار دهید.

یا اگر می خواهید یك عكس را قرار دهید باید كد آن عكس را قرار دهید.

و به همین ترتیب…

پیروز باشید