<div id="faInfoNav">
         <a id="_faInfoAnn" class="infoActif" href="#">عنوان نصي</a><a id="_faInfoSearch" href="#">عنوان نصي</a><a id="_faInfoExplain" href="#">عنوان نصي</a><a id="_faInfoSuggestion" href="#">عنوان نصي</a><a style="border:none" id="_faInfoStaff" href="#">عنوان نصي</a>    
</div>
    
<div id="faInfo">
                   
   <div id="faInfoAnn" class="infoBlock">
      هذه قائمة باعلانات المنتدى التي ربما تود الاطلاع عليها      
      <div id="faNewsBox">
                             
         <div class="faNewsRow">
                  <a href="#" title="Forums in HTTPS: Optimization of the FaceYourManga avatars generation process ">الاعلان الاول هنا</a> <span class="faNewsDate">تاريخ الاعلان</span>       
         </div>
                             
         <div class="faNewsRow">
                  <a href="#" title="Easter Banner Contest">الاعلان الثاني هنا</a> <span class="faNewsDate">تاريخ الاعلان</span>       
         </div>
                             
         <div class="faNewsRow">
                  <a href="#" title="Optimization of the facebook connect on Forumotion forums">الاعلان الثالث هنا</a> <span class="faNewsDate">تاريخ الاعلان</span>       
         </div>
                           
      </div>
                            
   </div><style>
    /* INFO BOX */
    #faInfo { color:#666; background:#FFF; border:1px solid #39C; border-bottom-width:3px; border-radius:0 3px 3px 3px; padding:6px; }
    #faInfoNav { background:#FFF; border:1px solid #39C; border-bottom:none; border-radius:3px 3px 0 0; overflow:hidden; display:inline-block; }
    #faInfoNav a { color:#333; background:#FFF; border-right:1px solid #39C; font-size:11px; font-weight:bold; display:inline-block; padding:6px 9px; }
    #faInfoNav a:hover, #faInfoNav .infoActif { color:#FFF; background:#39C; }
    #faInfoAnn { background-image:url('http://i18.servimg.com/u/f18/18/21/60/73/fdf_bu10.png') }
    #faInfoSearch { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_se10.png') }
    #faInfoExplain { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_ex10.png') }
    #faInfoSuggestion { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_su10.png') }
    #faInfoStaff { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_st10.png') }
    .infoBlock { text-align:justify; background-repeat:no-repeat; background-position:0 50%; padding-left:75px; min-height:100px; }
    /* INFO NEWS */
    .faNewsRow { background:#F0F6F8; border-radius:3px; margin:3px 0; padding:5px 10px; }
    .faNewsRow a { font-weight:bold }
    .faNewsDate { font-size:11px; font-style:italic; background:url(http://illiweb.com/fa/subsilver/icon_miniposted.gif) no-repeat 0 center; padding-left:12px; float:left; }
    </style>
</div>