<iframe id="tickermain" src="exfile.htm" width=200 height=120 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>

<style type="text/css">


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; 
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; 
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*لون القائمة الافتراضى*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*لون خانة الجدول بالوقوف عليها*/
}

#modernbricksmenu #current a{ 
background-color: #D25A0B; 
border-color: #D25A0B; 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; 
}

#myform{ 
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

</style>

<div id="modernbricksmenu">
<ul>
<li style="margin-left: 1px"><a href="http://www.arabwebtalk.com/index.php" title="الويب العربى">
<font size="3" face="Impact">الرئيسية</font></a></li>
<li><a href="http://www.arabwebtalk.com/index.php" title="اتصل بنا">
<font size="3" face="Impact">اتّصل بنا</font></a></li>
<li id="current"><a href="http://www.arabwebtalk.com/index.php" title="التسجيل">
<font size="3" face="Impact">التسجيل</font></a></li>
<li><a href="http://www.arabwebtalk.com/index.php" title="المجلّة">
<font size="3" face="Impact">المجلّة</font></a></li>	
<li><font face="Impact" size="3"><a href="http://www.arabwebtalk.com/index.php" title="سجل الزوار">سجلّ الزوّار</a></font></li>	
</ul>


</div>

<div id="modernbricksmenuline"> </div>

<style type="text/css">



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*تنسيق الصورة الكبيرة*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*تنسيق الصورة بالوقوف عليها*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

<a class="thumbnail" href="#thumb"><img src="رابط الصورة المصغّرة" width="100px" height="66px" border="0" /><span><img src="رابط الصورة الكبيرة" />

التعليق على الصورة الكبيرة</span></a>