منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف قصي حسين في 28/07/16, 04:42 am

صباح الخير


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


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

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>

قصي حسين

الجنس : ذكر
عدد المساهمات : 17
التقييم : 10
تاريخ التسجيل : 09/05/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف JAR7 في 05/08/16, 02:58 am

لايوجد او يتوفر مثل هذا الكود للاسف



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2192
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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