کد نمایش کادر پیغام به کاربران سایت

برای دیدن کد و راهنمای کد به ادامه ی مطلب بروید

<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] بستن پنجره" که به صورت پر رنگ در آمده: عبارت یا علامتی را وارد کنید که می خواهید بازدید کننده با کلیک برروی آن قادر به بستن این کادر باشد.

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

---

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

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

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