<style type="text/css"> .gallerycontainer{ position: relative; } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*المكان الذى ستظهر به الصور المكبرة*/ z-index: 50; } </style>
<a class="thumbnail" href="#thumb"><img src="رابط الصورة المصغرة" width="100px" height="66px" border="0" /><span><img src="رابط الصورة الكبيرة" /> التعليق على الصورة</span></a>
<table border="0" width="300" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <p align="center"> <select name="city" size="1" onchange="updateclock(this);" style="font-family: Arial; font-size: 12pt; font-weight: bold; color: #000080; width: 150; background-color: #FFFBE1"> <option selected>التوقيت المحلي</option> <option value="3">السعودية</option> <option value="4">الإمارات</option> <option value="3">الكويت</option> <option value="3">لبنان</option> <option value="4">عمان</option> <option value="3">قطر</option> <option value="3">مصر</option> <option value="0">المغرب</option> <option value="1">تونس</option> <option value="3">السودان</option> <option value="0">لندن</option> <option value="1">روما</option> <option value="7">بانكوك</option> <option value="8">هونكونق</option> <option value="9">طوكيو</option> <option value="10">سيدني</option> <option value="12">فوجي</option> <option value="-10">هاواي</option> <option value="-8">سان فرانسيسكو</option> <option value="-5">نيويورك</option> </select> </td> </tr> <tr> <td> <script language="JavaScript"> if (dcidocument.all||dcidocument.getElementById) dcidocument.write('<center><span id="worldclock" style="font:bold 16px Arial;"></span><br></center>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (dcidocument.all) worldclock.innerHTML=finaltime else if (dcidocument.getElementById) dcidocument.getElementById("worldclock").innerHTML=finaltime else if (dcidocument.layers){ dcidocument.worldclockns.dcidocument.worldclockns2.dcidocument.write(finaltime) dcidocument.worldclockns.dcidocument.worldclockns2.dcidocument.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> </td> </form> </tr> </table>
- صحيفة الويب الإلكترونية - الأرشيف - للأعلى
صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي والحوارات الصحفية ومعلومات تقنية متنوعة .
للتواصل مع فريق عمل الويب العربي يمكنك ذالك من خلال مركز الدعم والمساندة.