سليمان الفحلي
18-06-2013, 06:07 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
وبعد يسرني أن اقدم لأعضاء هذا المنتدى المحترمين
هذا التلميح الذي يضفي جمالية على صفحات الهتميل
لا أطيل عليكم عليكم المعاينة
http://im34.gulfup.com/OOcB4.png
الآن طريقة التركيب
توجد خطوتين
الخطوة الأولى
اضف هذا الكود الى قسم الرأس في صفحتك بين وسمي <head> و </head>
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.abc4web
{
position : absolute;
visibility : hidden;
}
//-->
</style> الخطوة الثانية:
اضف هذا الجزء في اي مكان في صفحتك حيث تريد أن تظهر الوصلة.. ستجد التعليمات بالداخل.
<div ID="topdeck" CLASS="abc4web">
<p> </p>
</div><script>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg,bak)
{
//حرر شكل الصندوق من هنا.. الصندوق عبارة عن جدول
var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0
BGCOLOR=#6E94B7><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0
CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>
تلميح</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0
CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT
COLOR=#000000
SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TA
BLE>";
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}
function kill()
{
skn.visibility = "hidden";
}
</script>
<!----هذه هي الوصلة .. يمكنك تغيير التلميح ولون الخلفية----->
<a ONMOUSEOVER="pop('طريق الإحتراف من هنا تبدأ خطوتك الأولى ','#EBF0F5')"
ONMOUSEOUT="kill()" ; target="_blank" href="http://abc4web.net/vb"
tppabs="http://http://abc4web.net/vb">طريق الإحتراف</a>
السلام عليكم ورحمة الله وبركاته
وبعد يسرني أن اقدم لأعضاء هذا المنتدى المحترمين
هذا التلميح الذي يضفي جمالية على صفحات الهتميل
لا أطيل عليكم عليكم المعاينة
http://im34.gulfup.com/OOcB4.png
الآن طريقة التركيب
توجد خطوتين
الخطوة الأولى
اضف هذا الكود الى قسم الرأس في صفحتك بين وسمي <head> و </head>
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.abc4web
{
position : absolute;
visibility : hidden;
}
//-->
</style> الخطوة الثانية:
اضف هذا الجزء في اي مكان في صفحتك حيث تريد أن تظهر الوصلة.. ستجد التعليمات بالداخل.
<div ID="topdeck" CLASS="abc4web">
<p> </p>
</div><script>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg,bak)
{
//حرر شكل الصندوق من هنا.. الصندوق عبارة عن جدول
var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0
BGCOLOR=#6E94B7><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0
CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>
تلميح</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0
CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT
COLOR=#000000
SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TA
BLE>";
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}
function kill()
{
skn.visibility = "hidden";
}
</script>
<!----هذه هي الوصلة .. يمكنك تغيير التلميح ولون الخلفية----->
<a ONMOUSEOVER="pop('طريق الإحتراف من هنا تبدأ خطوتك الأولى ','#EBF0F5')"
ONMOUSEOUT="kill()" ; target="_blank" href="http://abc4web.net/vb"
tppabs="http://http://abc4web.net/vb">طريق الإحتراف</a>