ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

طلب تحويل نسخة بوابة إلي نسخة بوابة تصلح للجوال

  افضل مساهمة1
صباح الخير


عايز كود البوابة دي يتعمل منه كود يصلح لآن يكون بوابة تصلح للهواتف بحيث اللي يخش من متصفح التليفون يقدر يخش البوابة وتكون ظاهرة بشكل يليق


ملحوظة هما كودين مش كود واحد  وعايز اعمل الاثنين
رابط الموقع 

http://alayam-radio.3rab.pro/
الكود:
<br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>راديو الايام ايامك هتكون احلى</title><style type="text/css">
.search_bk{background:#000}.table_shadows{outline:0;font-family:Tahoma,Geneva,sans-serif;color:#999}.table_sh{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}body{background-image:url(http://i86.servimg.com/u/f86/16/46/77/76/bg_mai10.jpg);background-repeat:repeat}#search input[type="text"]:focus{width:220px;color:#F36}#top_nav{position:absolute;width:100%;left:0;top:0;height:38px}#footer{position:absolute;width:100%;left:0;bottom:0;top:100%;height:38px;overflow:visible;visibility:visible;display:block}#d{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:20px 20px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.pro{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:10px 10px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.link{display:inline-block;transition:color .40s ease-in-out;-moz-transition:color .40s ease-in-out;webkit-transform:color .40s ease-in-out;text-decoration:none;color:#F36}.link:hover{color:#666}#ico{height:16px;width:16px;float:right;position:relative}#add_l{position:absolute;width:160px;left:25px;top:800px;height:600px}#add_r{position:absolute;width:160px;right:25px;top:800px;height:600px}
body,td,th{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#999;text-decoration:none}.tab_bor{border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.1) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px}div.fadehover{position:relative;top:0;right:0}img.a{position:absolute;left:31px;top:-100px;z-index:10}img.b{position:absolute;left:31px;top:-100px}.table_sh1{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}.table_sh11{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}
@charset "utf-8";body,h1,ul,li{margin:0;padding:0;border:0}#container{width:960px;position:relative;margin-right:0;margin-bottom:-40px;margin-left:0;top:-90px}div#slideshow{width:935px;height:375px;background:#fff;overflow:scroll;position:relative;z-index:5;padding-top:15px;padding-right:0;padding-bottom:0;padding-left:0;top:50px;border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}div#slideshow ul#nav{display:none;list-style:none;position:relative;top:150px;z-index:15}div#slideshow ul#nav li#prev{float:left;margin:0 0 0 10px}div#slideshow ul#nav li#next{float:right;margin:0 10px 0 0}div#slideshow ul#nav li a{display:block;width:80px;height:80px;text-indent:-9999px}div#slideshow ul#nav li#prev a{background:url(images/prev.png)}div#slideshow ul#nav li#next a{background:url(images/next.png)}div#slideshow ul#slides{list-style:none}div#slideshow ul#slides li{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0}a{outline:0}
#header{background-image:url(style/menu_images/header.png);background-repeat:no-repeat;height:42px;width:490px;margin-bottom:20px}ul,li{margin:0;padding:0;list-style:none}#but{height:32px;width:184px;margin:auto}#menu_class,#menu_class2,#menu_class3,#menu_class4{border:1px solid #1c1c1c;color:#FFF}#the_menu li,#the_menu2 li,#the_menu3 li,#the_menu4 li{background-color:#141414}#the_menu li a,#the_menu2 li a,#the_menu3 li a,#the_menu4 li a{color:#fff;text-decoration:none;padding:10px;display:block;text-align:right;font-family:Tahoma,Geneva,sans-serif;font-size:12px}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}#the_menu , #the_menu2 , #the_menu3 , #the_menu4{display:none;width:184px;border: 1px solid #1c1c1c;opacity:0.90;filter:alpha(opacity=90);position: absolute;}#the_menu li a:hover , #the_menu2 li a:hover , #the_menu3 li a:hover , #the_menu4 li a:hover{padding:10px;font-weight:bold;color:#FFFFFF;background-image:url(style_1/cat_active.png);}
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
#r_nav {height:62px;background-color:#000000;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;width: 656px;background-repeat: repeat-x;top: 200px;}#r_nav ul {list-style:none;margin-top: 0px;margin-right: 1px;margin-bottom: 0px;margin-left: 0px;}#r_nav li {float:right;line-height: 62px;}#r_nav li a {background: #000;color:#FFFFFF;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;float:right;text-decoration:none;text-decoration:none;padding-top: 0;padding-right: 25px;padding-bottom: 0;padding-left: 25px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #252525;border-right-color: #252525;border-bottom-color: #252525;border-left-color: #252525;font-size: 13px;margin-right: -1px;font-family: Tahoma, Geneva, sans-serif;}#r_nav li a:hover {text-decoration:none;background:#df145d;}#r_nav li a.selected {text-decoration:none;background:#df145d;}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}.nav-fade li {top:0px;color:#FFFFFF;font-family:Tahoma, Geneva, sans-serif;font-size:12px;padding: 7px 8px;display: inline-block;transition: background .45s ease-in-out;-moz-transition: background .45s ease-in-out;-webkit-transition: background .45s ease-in-out;}.nav-fade li:hover {background:#df145d;}.nav-fade li a{color:#FFFFFF;text-decoration:none;}.nav-fade li a:hover {color:#FFFFFF;text-decoration:none;}.bahaa{color:#df145d;display: inline-block;transition: color .45s ease-in-out;-moz-transition: color .45s ease-in-out;-webkit-transition: color .45s ease-in-out;text-decoration:none;}.bahaa:hover{color:#FFF;}
</style> 
<div id="top_nav" class="top_nav">
</div><br />
<table style="width: 960px;" class="table_shadows" cellspacing="0" cellpadding="0" align="center" border="0">
    
   <tbody>
       
      <tr>
              
         <td style="height: 210px;" colspan="3" align="center" valign="middle">
                           
            <!--    header    --> <style type="text/css">
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
</style> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function(){
$("img.a1").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "normal");
},
function() {
$(this).stop().animate({"opacity": "1"}, "normal");
});
 
});
</script> 
            <table style="width: 960px; height: 245px;" align="center" border="0" cellpadding="0" cellspacing="0">
                    
               <tbody>
                           
                  <tr>
                          
                     <td style="width: 288px;" rowspan="2" align="center" valign="middle">
                              <img style="width: 553px; height: 232px;" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo30.png" alt="راديو الايام ايامك هتكون احلى" /> 
                     </td>
                                      
                     <td style="width: 298px;" rowspan="2" align="center" valign="middle">
                                 
                        <div class="fadehover">
                                     <a href="http://alayam-radio.3rab.pro/h5-page" "="">          <img style="opacity: 1;" src="http://www.3l2ahwa.com/radio/style_1/buttons/radio.png" alt="استمع الى راديو " class="a1" align="middle" border="0" /></a>          <img src="http://www.3l2ahwa.com/radio/style_1/buttons/radio2.png" alt="" class="b1" border="0" /> 
                        </div>
                         
                     </td>
                          
                  </tr>
                                           
               </tbody>
                
            </table>
                    <script type="text/javascript">
swfobject.registerObject("FlashID");
</script>         
         </td>
              
      </tr>
         
      <tr>
                
         <td valign="middle">
             <iframe style="width: 0%; height: 0px;" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" src="https://mixlr.com/users/5006047/embed?autoplay=true"> </iframe><span style="font-size: smaller;"><a style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;" href="http://mixlr.com/elayyem-radio">راديو الأيام</a></span>     
         </td>
              
      </tr>
             
      <tr>
                      
         <td style="width: 673px; height: 62px;" colspan="2" class="search_bk" align="right" bgcolor="#000000" valign="middle">
             
            <div id="r_nav">
                        
               <ul>
                             
                  <li>
                       <a style="height: 75px;" colspan="3" shadows.png"="" style_1="" radio="" www.3l2ahwa.com="" http:="" target="_
          </ul>
</div>


  </td>
</tr>
  <tr>
    <td background=" href="/"> </a> 
                  </li>
                   
               </ul>
                
            </div>
             
         </td>
              
      </tr>
           
      <tr>
                
         <td style="height: 1px;" bgcolor="#F0F0F0" valign="top" align="center" colspan="3">
             
         </td>
              
      </tr>
           
      <tr>
                
         <td style="height: 451px;" bgcolor="#FFFFFF" valign="middle" align="center" colspan="3">
             
            <table style="width: 865px;" class="table_sh" cellspacing="0" cellpadding="0" align="center" border="0">
                        
               <tbody>
                   
                  <tr>
                                
                     <td style="width: 850px; height: 412px;" dir="rtl" valign="top" align="right">
                         
                        <div id="d" class="d">
                             مرحباً بكم فى <a class="link" href="/">راديو الايام أيامك هتكون احلى</a><br />      ايامك هتكون احلى<br /><br /><br />           
                           <ul>
                                             
                              <li>
                                   تقوم فكرة الراديو علي تبني وعرض كل أفكار الشباب في جميع المجالات ,وإتاحة الفرص للمواهب والتي يتم إستغلالها من قبل البعض ,شعار الراديو ليس مجرد وهم نطرحه لنعبث بأحلامكم ,من هنا سوف تبدأ الرحلة تعلم ثم تعلم ثم جرب ثم كن نجم ساطع لايمكن لاحد أن يستطيع إيقافه .. الم يحن الوقت لتكتشف نفسك ؟!..<br />              ويمكنك الانضمام الينا والتواصل معنا دائما على مدار اليوم            <br />             
                              </li>
                                            <br /> 
                              <ul>
                                                
                                 <li>
                                      راديو الايام ايامك هتكون احلى  ..<br />  <iframe allowtransparency="true" style="border:none; overflow:hidden; width:450px; height:80px;" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2FPoetandAuthorfaresahmedtaha&layout=standard&show_faces=true&colorscheme=light&width=450&height=80"></iframe>
                                    <div align="center">
                                         <iframe allowtransparency="true" frameborder="0" scrolling="no" style="border: none; overflow: hidden; width: 340px; height: 464px;" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FAlayamradio%2F&tabs=timeline&width=340&height=464&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"> </iframe> 
                                    </div>
                                                     
                                 </li>
                                  
                              </ul>
                               
                           </ul>
                            
                        </div>
                         
                     </td>
                      
                  </tr>
                         
               </tbody>
                
            </table>
             
         </td>
              
      </tr>
       
   </tbody>
</table>
<table style="width: 960px;" cellspacing="0" cellpadding="0" align="center" border="0">
        
   <tbody>
       
      <tr>
                
         <td style="height: 190px;" valign="middle" align="center">
                     
            <table style="width: 728px; height: 90px;" class="table_shadows" cellspacing="0" cellpadding="0" align="center" border="0">
                      
               <tbody>
                   
                  <tr>
                              
                     <td valign="middle" class="table_shadows" align="center">
                                        <a href="/" target="_blank" title="اعلن معنا"><img style="width: 728px; height: 90px;" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo26.jpg" border="0" /></a> 
                     </td>
                              
                  </tr>
                       
               </tbody>
                
            </table>
                   
         </td>
              
      </tr>
       
   </tbody>
</table>
 
<table style="width: 100%;" cellspacing="0" cellpadding="0" align="center" border="0">
        
   <tbody>
       
      <tr>
                
         <td style="height: 4px;" bgcolor="#df145d">
             
         </td>
              
      </tr>
           
      <tr>
                
         <td style="height: 36px;" bgcolor="#000000" valign="top" align="center">
             
            <table style="width: 960px;" cellspacing="0" cellpadding="0" align="center" border="0">
                        
               <tbody>
                   
                  <tr>
                                
                     <td style="width: 235px; height: 29px;" class="move" valign="middle" align="center" rowspan="3">
                          Developed By <a class="bahaa" target="_new" title="منتديات تقنيات" href="http://www.t3qnyiat.com/" rel="nofollow">JAR7  </a><a target="_blank" href="http://www.ahlamontada.com"></a> 
                     </td>
                                
                     <td style="width: 327px;" valign="top" align="center" rowspan="3">
                                   
                     </td>
                                
                     <td style="width: 398px;" class="move" valign="top" align="right">
                                   
                        <ul class="nav-fade">
                                        
                           <li>
                                <a href="#" target="_blank">راديو الأيام</a> 
                           </li>
                                        
                           <li>
                                <a href="#" target="_blank">راديو الأيام</a> 
                           </li>
                                        
                           <li>
                                <a href="#">راديو الأيام</a> 
                           </li>
                                        
                           <li>
                                <a href="#" target="_blank">راديو الأيام</a> 
                           </li>
                                        
                           <li>
                                <a href="#" target="_blank">راديو الأيام</a> 
                           </li>
                                      
                        </ul>
                         
                     </td>
                                
                  </tr>
                           
                  <tr>
                                
                     <td style="height: 1px;" bgcolor="#df145d">
                         
                     </td>
                                
                  </tr>
                         
               </tbody>
                
            </table>
             
         </td>
              
      </tr>
       
   </tbody>
</table>
         
<div id="footer" class="footer">
</div>



الكود:
<br /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>راديو الايام ايامك هتكون احلى</title><style type="text/css">
.search_bk{background:#000}.table_shadows{outline:0;font-family:Tahoma,Geneva,sans-serif;color:#999}.table_sh{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}body{background-image:url(http://i86.servimg.com/u/f86/16/46/77/76/bg_mai10.jpg);background-repeat:repeat}#search input[type="text"]:focus{width:220px;color:#F36}#top_nav{position:absolute;width:100%;left:0;top:0;height:38px}#footer{position:absolute;width:100%;left:0;bottom:0;top:100%;height:38px;overflow:visible;visibility:visible;display:block}#d{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:20px 20px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.pro{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:10px 10px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.link{display:inline-block;transition:color .40s ease-in-out;-moz-transition:color .40s ease-in-out;webkit-transform:color .40s ease-in-out;text-decoration:none;color:#F36}.link:hover{color:#666}#ico{height:16px;width:16px;float:right;position:relative}#add_l{position:absolute;width:160px;left:25px;top:800px;height:600px}#add_r{position:absolute;width:160px;right:25px;top:800px;height:600px}
body,td,th{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#999;text-decoration:none}.tab_bor{border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.1) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px}div.fadehover{position:relative;top:0;right:0}img.a{position:absolute;left:31px;top:-100px;z-index:10}img.b{position:absolute;left:31px;top:-100px}.table_sh1{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}.table_sh11{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}
@charset "utf-8";body,h1,ul,li{margin:0;padding:0;border:0}#container{width:960px;position:relative;margin-right:0;margin-bottom:-40px;margin-left:0;top:-90px}div#slideshow{width:935px;height:375px;background:#fff;overflow:scroll;position:relative;z-index:5;padding-top:15px;padding-right:0;padding-bottom:0;padding-left:0;top:50px;border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}div#slideshow ul#nav{display:none;list-style:none;position:relative;top:150px;z-index:15}div#slideshow ul#nav li#prev{float:left;margin:0 0 0 10px}div#slideshow ul#nav li#next{float:right;margin:0 10px 0 0}div#slideshow ul#nav li a{display:block;width:80px;height:80px;text-indent:-9999px}div#slideshow ul#nav li#prev a{background:url(images/prev.png)}div#slideshow ul#nav li#next a{background:url(images/next.png)}div#slideshow ul#slides{list-style:none}div#slideshow ul#slides li{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0}a{outline:0}
#header{background-image:url(style/menu_images/header.png);background-repeat:no-repeat;height:42px;width:490px;margin-bottom:20px}ul,li{margin:0;padding:0;list-style:none}#but{height:32px;width:184px;margin:auto}#menu_class,#menu_class2,#menu_class3,#menu_class4{border:1px solid #1c1c1c;color:#FFF}#the_menu li,#the_menu2 li,#the_menu3 li,#the_menu4 li{background-color:#141414}#the_menu li a,#the_menu2 li a,#the_menu3 li a,#the_menu4 li a{color:#fff;text-decoration:none;padding:10px;display:block;text-align:right;font-family:Tahoma,Geneva,sans-serif;font-size:12px}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}#the_menu , #the_menu2 , #the_menu3 , #the_menu4{display:none;width:184px;border: 1px solid #1c1c1c;opacity:0.90;filter:alpha(opacity=90);position: absolute;}#the_menu li a:hover , #the_menu2 li a:hover , #the_menu3 li a:hover , #the_menu4 li a:hover{padding:10px;font-weight:bold;color:#FFFFFF;background-image:url(style_1/cat_active.png);}
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
#r_nav {height:62px;background-color:#000000;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;width: 656px;background-repeat: repeat-x;top: 200px;}#r_nav ul {list-style:none;margin-top: 0px;margin-right: 1px;margin-bottom: 0px;margin-left: 0px;}#r_nav li {float:right;line-height: 62px;}#r_nav li a {background: #000;color:#FFFFFF;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;float:right;text-decoration:none;text-decoration:none;padding-top: 0;padding-right: 25px;padding-bottom: 0;padding-left: 25px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #252525;border-right-color: #252525;border-bottom-color: #252525;border-left-color: #252525;font-size: 13px;margin-right: -1px;font-family: Tahoma, Geneva, sans-serif;}#r_nav li a:hover {text-decoration:none;background:#df145d;}#r_nav li a.selected {text-decoration:none;background:#df145d;}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}.nav-fade li {top:0px;color:#FFFFFF;font-family:Tahoma, Geneva, sans-serif;font-size:12px;padding: 7px 8px;display: inline-block;transition: background .45s ease-in-out;-moz-transition: background .45s ease-in-out;-webkit-transition: background .45s ease-in-out;}.nav-fade li:hover {background:#df145d;}.nav-fade li a{color:#FFFFFF;text-decoration:none;}.nav-fade li a:hover {color:#FFFFFF;text-decoration:none;}.bahaa{color:#df145d;display: inline-block;transition: color .45s ease-in-out;-moz-transition: color .45s ease-in-out;-webkit-transition: color .45s ease-in-out;text-decoration:none;}.bahaa:hover{color:#FFF;}
.ff{
  float:left;
  background-image:url('http://i65.tinypic.com/jahsus.jpg');
background-repeat:no-repeat;
  height:44px;
  width:190px;
}
.ff a{
  float:left;
  height:40px;
  width:45px;
}

  </style> 
<div class="top_nav" id="top_nav">
</div><br />
<table border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows" style="width: 960px;">
   
   <tbody>
      
      <tr>
            
         <td valign="middle" align="center" colspan="3" style="height: 210px;">
                         
            <!--  header    --> <style type="text/css">
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
</style> 
            <table cellspacing="0" cellpadding="0" border="0" align="center" style="width: 960px; height: 245px;">
                  
               <tbody>
                         
                  <tr>
                        
                     <td valign="middle" align="center" rowspan="2" style="width: 288px;">
                              <img alt="راديو الايام ايامك هتكون احلى" src="http://i67.tinypic.com/2wn0pol.png" style="width: 553px; height: 232px;" />
                     </td>
                                                
                  </tr>
                  
               </tbody>
               
            </table>
                    <script type="text/javascript">
swfobject.registerObject("FlashID");
</script>        <iframe allowtransparency="true" style="border:none; overflow:hidden; width:450px; height:80px;" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2FPoetandAuthorfaresahmedtaha&layout=standard&show_faces=true&colorscheme=light&width=450&height=80"></iframe>
            <table cellspacing="0" cellpadding="0" border="0" align="center" style="width: 960px; height: 245px;">
                    
               <tbody>
                  
                  <tr>
                          
                     <td valign="middle" align="center" style="width: 600px; height: 200px;">
                        <iframe src="https://mixlr.com/users/5006047/embed?autoplay=true" scrolling="no" frameborder="no" marginheight="0" marginwidth="0" style="width: 100%; height: 180px;">
                        </iframe><span style="font-size: smaller;"><a href="راديو الأيام " style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;">راديو الأيام</a></span>       
                     </td>
                        
                  </tr>
                           
               </tbody>
               
            </table>
            
            <table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 960px;">
                  
               <tbody>
                  
                  <tr>
                          
                     <td align="center" valign="middle" style="height: 190px;">
                               
                        <table border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows" style="width: 728px; height: 90px;">
                                
                           <tbody>
                              
                              <tr>
                                        
                                 <td align="center" class="table_shadows" valign="middle">
                                                    <a title="اعلن معنا" target="_blank" href="/"><img border="0" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo26.jpg" style="width: 728px; height: 90px;" /></a>
                                 </td>
                                        
                              </tr>
                                 
                           </tbody>
                           
                        </table>
                               
                     </td>
                        
                  </tr>
                  
               </tbody>
               
            </table>
             
            <table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 100%;">
                  
               <tbody>
                  
                  <tr>
                          
                     <td bgcolor="#df145d" style="height: 4px;">
                        
                     </td>
                        
                  </tr>
                     
                  <tr>
                          
                     <td align="center" valign="top" bgcolor="#000000" style="height: 36px;">
                        
                        <table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 960px;">
                                  
                           <tbody>
                              
                              <tr>
                                          
                                 <td rowspan="3" align="center" valign="middle" class="move" style="width: 235px; height: 29px;">
                                     Developed By <a rel="nofollow" href="http://www.t3qnyiat.com/" title="منتديات تقنيات" target="_new" class="bahaa">JAR7  </a><a href="http://www.ahlamontada.com" target="_blank"></a> 
                                 </td>
                                                  
                                 <td rowspan="3" align="center" valign="middle" class="move" style="width: 190px; height: 44px;">
                                                       
                                    <div class="ff">
                                                 <a target="_blank" href="#"></a>          <a target="_blank" href="#"></a>        <a target="_blank" href="#"></a>          <a target="_blank" href="#"></a>          <a target="_blank" href="#"></a>       
                                    </div>
                                             
                                 </td>
                                          
                                 <td rowspan="3" align="center" valign="top" style="width: 327px;">
                                             
                                 </td>
                                          
                                 <td align="right" valign="top" class="move" style="width: 398px; height: 44px;">
                                             
                                    <ul class="nav-fade">
                                                  
                                       <li>
                                           <a target="_blank" href="#">راديو الأيام</a>
                                       </li>
                                                  
                                       <li>
                                           <a target="_blank" href="#">راديو الأيام</a>
                                       </li>
                                                  
                                       <li>
                                           <a href="#">راديو الأيام</a>
                                       </li>
                                                  
                                       <li>
                                           <a target="_blank" href="#">راديو الأيام</a>
                                       </li>
                                                
                                    </ul>
                                    
                                 </td>
                                          
                              </tr>
                                     
                              <tr>
                                          
                                 <td bgcolor="#df145d" style="height: 1px;">
                                    
                                 </td>
                                          
                              </tr>
                                   
                           </tbody>
                           
                        </table>
                        
                     </td>
                        
                  </tr>
                  
               </tbody>
               
            </table>
            
         </td>
              
      </tr>
         
   </tbody>
</table>
<div class="footer" id="footer">
</div>
  افضل مساهمة2
لايوجد او يتوفر مثل هذا الكود للاسف


m13
لاتستطيع الرد على المواضيع في هذا المنتدى