السلام عليكم ورحمة الله
السالفة وما فيها يا طويلين العمر عبارة عن كود جافا يعرض لك بعض المواضيع الي تختارها انت ..
وطبعا هذا يساعد في تنبيه اعضاء منتداك للمواضيع المميزة في المنتدى بحيث تاخذ حقها من القراءة والمناقشة ...
وطبعا المثال على ذلك انظر فوق على اليسار في سوالف ..مشابة لة تقريباً او افضل منه ..
والطريقة كتالي للي ما يعرف :
1- تنشيء جدول يتكون من خليتين ..
2- تكتب في الخلية على اليسار العبارة هذه " مواضيع تستحق القراءة " او حسب اختيارك ..
3- في الخلية اليمين تقوم بلصق الكود التالي مع تعديل الروابط ..
4- ممكن تضع الكود في تمبلت الهيدر او النافبار ويفضل الاخير .. او حسب رغبتك ..!
تحياتيكود PHP:<script type="text/javascript">
// Highlighter Scroller II script- By JavaScript Kit (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit http://www.javascriptkit.com/
// This notice must stay intact
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='<a href="yourdomain">هنا تكتب اسم الموضوع الاول والرابط'
tickercontents[1]='<a href="yourdomain">هنا تكتب اسم الموصوع الثاني والرابط'
tickercontents[2]='<a href="yourdomain">هنا تكتب اسم الموضوع الثالث والرابط '
tickercontents[3]='<a href="yourdomain"> هنا تكتب اسم الموضوع الرابع والرابط'
tickercontents[4]='<a href="yourdomain">هنا تكتب اسم الموضوع الخامس والرابط'
var tickerwidth="300px"هنا العرض
var tickerheight="22px"هنا الارتفاع يفضل عدم تغيير هذه القيم
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="none"هنا في حال ترغب في وضع خلفية او اتركة بدون تغيير
var backdroptextcolor="none"هنا في حال رغبتك في وضع لون لامع على النص او اتركة بدون تغيير
////Do not edit pass this line////////////////
document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')
var currentmessage=0
var clipbottom=1
function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
</script>
اخوكم
jalal
رد مع اقتباس
