<script language=javaScript> <!-- Beginning of JavaScript - // الصورة المستخدمة var imgurl="HIL2.jpg" // هنا صورة العلامة الدائرية .. لا تغيرها وانسخها من الصفحة وضعها في مجلد صفحتك var markerurl="circlemarker.gif" // البعد الافقي للصورة عن حدود الصفحة اليسرى var x_imgposition=80 // البعد العمودي للصورة عن حدود الصفحة العليا var y_imgposition=85 // do not edit the variables below var preloadimgurl=new Image() preloadimgurl.src=imgurl var preloadmarkerurl=new Image() preloadmarkerurl.src=markerurl var isloaded=false function initiate() { if(document.all) { yourimage.innerHTML="<img src="+imgurl+">" document.all.yourimage.style.posLeft=x_imgposition document.all.yourimage.style.posTop=y_imgposition markerimage.innerHTML="<img src="+markerurl+">" document.all.markerimage.style.posLeft=x_imgposition document.all.markerimage.style.posTop=y_imgposition isloaded=true } if(document.layers) { document.yourimage.document.write("<img src="+imgurl+">") document.yourimage.document.close() document.yourimage.left=x_imgposition document.yourimage.top=y_imgposition document.markerimage.document.write("<img src="+markerurl+">") document.markerimage.document.close() document.markerimage.left=x_imgposition document.markerimage.top=y_imgposition isloaded=true } } function setmarkerto(x_pos,y_pos) { if(document.all && isloaded) { var x_marker=eval(x_pos)+eval(x_imgposition) var y_marker=eval(y_pos)+eval(y_imgposition) document.all.markerimage.style.posLeft=x_marker document.all.markerimage.style.posTop=y_marker } if(document.layers && isloaded) { var x_marker=eval(x_pos)+eval(x_imgposition) var y_marker=eval(y_pos)+eval(y_imgposition) document.markerimage.left=x_marker document.markerimage.top=y_marker } } // - End of JavaScript - --> </script>

<div id="yourimage" style="position:absolute;left:0px;top:0px;"></div> <div id="markerimage" style="position:absolute;left:0px;top:0px"></div> <div id="peoplenames" style="position: absolute; left: 14; top: 10; width: 734; height: 53"> // بعد وضع الصور ضع التالي واتجه لتحرير الصفحة بالوضع الطبيعي لزيادة الاسماء ان اردت ثم ارجه لتحرير الصفحة بوضع الاتشتمل وغير درجات البعد الافقية والعمودية لكل اسم حسب الصورة التي وضعتها <p align="center"> <font face="Tahoma" color="black" size="2">  <a href="javascript:setmarkerto('160','120')">بشار</a> / <a href="javascript:setmarkerto('270','120')">الجابر</a>/ <a href="javascript:setmarkerto('205','175')">التمياط</a>/ <a href="javascript:setmarkerto('315','190')">ابوثنين</a> / <a href="javascript:setmarkerto('305','120')">العويران</a>/ <a href="javascript:setmarkerto('360','130')">الثنيان</a> / <a href="javascript:setmarkerto('360','195')">النزهان</a> / <a href="javascript:setmarkerto('190','115')">ليتانا</a>/ <a href="javascript:setmarkerto('225','115')">الشريدة</a>/ <a href="javascript:setmarkerto('260','190')">الدوخي</a>/ <a href="javascript:setmarkerto('150','170')">العتيبي</a> </font> </div>