منتديات المجاوشي - [BBcode] : نافذة طلب التسجيل المتحركة Css بشكل جديد وجذاب

السلام عليكم ورحمة الله وبركاته

شكل جديد ومميز لطريقة طلب التسجيل من اعضاءك
علي حسب شكل كل استايل
http://www.wahacafe.com/up/upload/im...-161040493.jpg
مثال
منتدى الجود سوفت
لاحظ ان النافذة سوف تتبعك حتى تضغط على اخفاء

http://www.wahacafe.com/up/upload/im...-161040493.jpg
التركيب ممكن اضافته في قالب showthread

او اذا اردت ظهور الرسالة في كل صفحات المنتدى
يجب اضافتها في اخر قالب header

رمز PHP:

#fadeinbox{
position:absolute;
width: 62%;
left: 0;
top: -400px;
padding: 4px;
z-index: 100;
visibility:hidden;
}

//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"

var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 60] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)

function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"

if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)

if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}

function mozfadefx(){
if (parseFloat(objref.style.MozOpacity) 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}

$vbphrase[welcome_to_the_x]

اهلا بك عزيزي الزائر , يجب عليك التسجيـل لتتمكن من المشاركة معنا وتتمتع بجميع المزايا لتحميل المرفقات ومشاهدة الروابط و المواضيع وتصبح أحد أفراد منتدى الجود سوفت. هذه الرسالة لن تظهر بعد أن تسجل او تقوم بتسجيل الدخول ان كنت مسجل مسبقا!

إضغط هنا للخروج

مع تعديل اسم المنتدى من الكود
http://www.wahacafe.com/up/upload/im...-161040493.jpg</div>

أكثر...