كود جدول الاعلانات

  

    

<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>