Tema: las imagenes al verlas x el movil?
Ver Mensaje Individual
  #15 (permalink)  
Antiguo 23/12/2013, 09:51
santi2892009
 
Fecha de Ingreso: mayo-2012
Mensajes: 363
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: las imagenes al verlas x el movil?
<head>
<title></title>
Código HTML: 
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <script src="estilo/temas/default/templates/jquery-1.4.2.min.js" type="text/javascript"></script>
  3. <script src="estilo/temas/default/templates/menu.js" type="text/javascript"></script>
  4. <script>
  5. function opencharpopup(){
  6. var popurl='index.php?ir=verpj'
  7. winpops=window.open(popurl,'','width=250,height=500,scrollbars')
  8. }
  9. function openmappopup(){
  10. var popurl='index.php?ir=mapa'
  11. winpops=window.open(popurl,'','width=501,height=501,scrollbars')
  12. }
  13. </script>
  14.    <script type="text/javascript">
  15.       document.onkeyup = KeyCheck;       
  16.       
  17.       function KeyCheck(e)
  18.       {
  19.          var KeyID = (window.event) ? event.keyCode : e.keyCode;
  20.          
  21.          switch(KeyID)
  22.          {
  23.             case 104:
  24.                document.navi.keydir.value = "north";
  25.                document.navi.submit();
  26.                break;
  27.             case 100:
  28.                document.navi.keydir.value = "west";
  29.                document.navi.submit();
  30.                break;
  31.             case 102:
  32.                document.navi.keydir.value = "east";
  33.                document.navi.submit();
  34.                break;
  35.             case 98:
  36.                document.navi.keydir.value = "south";
  37.                document.navi.submit();
  38.                break;
  39.             case 103: // numpad 7
  40.                document.navi.keydir.value = "north_west";
  41.                document.navi.submit();
  42.                break;
  43.             case 105: // numpad 9
  44.                document.navi.keydir.value = "north_east";
  45.                document.navi.submit();
  46.                break;
  47.             case 99: // numpad 3
  48.                document.navi.keydir.value = "south_east";
  49.                document.navi.submit();
  50.                break;
  51.             case 97: // numpad 1
  52.                document.navi.keydir.value = "south_west";
  53.                document.navi.submit();
  54.                break;
  55.          }
  56.       }
  57.    </script>
  58. <link rel="stylesheet" type="text/css" href="estilo/temas/default/templates/style2.css">
  59. <style>
  60. #header {
  61.     background: url(estilo/temas/{{tema}}/imagenes/login/new1_02.png) no-repeat;
  62.     display: block;
  63.     height: 124px;
  64.     width: 895px;
  65. }
  66.  
  67. #inter-menu {
  68.     background: url(estilo/temas/{{tema}}/imagenes/login/new1_04.png) no-repeat;
  69.     display: block;
  70.     height: 38px;
  71.     width: 895px;
  72. }
  73.  
  74. #nav {
  75.     padding-left: 175px;
  76.     padding-top: 68px;
  77. }
  78.  
  79. #nav-menu {
  80.     padding-left: 175px;
  81.     padding-top: 37px;
  82. }
  83.  
  84. #nav ul {
  85.     float: left;
  86.     list-style: none;
  87.     margin: 0;
  88.     margin-left: -21%;
  89.     margin-top: -8%;
  90.     padding: 0;
  91. }
  92.  
  93. * html #nav ul {
  94.     margin-right: 40px;
  95. }
  96.  
  97. #nav-menu ul {
  98.     float: left;
  99.     list-style: none;
  100.     margin: 0;
  101.     margin-left: -4%;
  102.     margin-top: -4%;
  103.     padding: 0;
  104. }
  105.  
  106. * html #nav-menu ul {
  107.     margin-right: 40px;
  108. }
  109.  
  110. #nav li {
  111.     float: left;
  112.     list-style: none;
  113.     margin: 0;
  114.     margin-right: 30px;
  115.     padding: 0;
  116. }
  117.  
  118. #nav-menu li {
  119.     float: left;
  120.     list-style: none;
  121.     margin: 0;
  122.     margin-right: 5px;
  123.     padding: 0;
  124.  
  125. }
  126. #nav a:link { 
  127.     color: #F1D6AC;
  128.     font-weight: bold;
  129.     text-decoration: none;
  130. }
  131.  
  132. #nav-menu a:link { 
  133.     color: #F1D6AC;
  134.     font-weight: bold;
  135.     text-decoration: none;
  136. }
  137.     
  138. #nav a:visited { 
  139.     color: #F1D6AC;
  140.     font-weight: bold;
  141.     text-decoration: none;  
  142. }
  143.  
  144. #nav-menu li {
  145.  
  146.     height: 28px;
  147.     width: 101px;
  148. }
  149.  
  150. #nav-menu a:visited { 
  151.     color: #F1D6AC;
  152.     font-weight: bold;
  153.     text-decoration: none;  
  154. }
  155.     
  156. #nav a:hover, #nav a:active { 
  157.     color: yellow;
  158.     font-weight: bold;
  159.     text-decoration: underline;
  160. }
  161.  
  162. #nav-menu a:hover, #nav-menu a:active { 
  163.     color: yellow;
  164.     font-weight: bold;
  165.     text-decoration: underline;
  166. }
  167. body {
  168.     background: #000000;
  169.     color: #534834;
  170.     font-family: tahoma, arial;
  171.     font-size: 14px;
  172.     line-height: 14px;
  173.     margin: 0;
  174.     padding: 0;
  175.     text-align: center;
  176. }
  177.  
  178.     .boton{
  179.  
  180.         background: url("estilo/temas/{{tema}}/imagenes/login/new_24.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  181.         border: 0 solid rgba(0, 0, 0, 0);
  182.         color: #FFFFFF;
  183.         cursor: pointer;
  184.         display: inline-block;
  185.         font-size: 12px;
  186.         font-weight: bold;
  187.         height: 29px;
  188.         line-height: 27px;
  189.         text-align: center;
  190.         text-decoration: none;
  191.         width: 101px;
  192.     }
  193.  
  194. #apDiv1 {
  195.     
  196. left:100px;
  197.  
  198. }
  199. #apDiv3 {
  200.  
  201. left:10px;
  202. width:180px;
  203. border:groove;
  204. }
  205. #apDiv4{
  206. width:180px;
  207. border:groove;
  208. }
  209.  
  210. #apDiv2 {
  211.     
  212.     left:175px;
  213.     top:177px;
  214.     width:185px;
  215.     height:460px;
  216.     z-index:2;
  217. border:groove;
  218. }
  219. #apDiv21 {
  220.  
  221. top:12px;
  222. right:34px;
  223. border:groove;
  224. width:620px;
  225. height:380px;
  226. border:groove;
  227. }
  228. </style>
  229.  
  230. </head>
  231. <body>
  232. <!-- Save for Web Slices (new.psd) -->
  233. <table id="Table_01" width="957" height="671" border="0" cellpadding="0" cellspacing="0" style="position:relative;margin: 0 auto;">
  234.     <tr>
  235.         <td colspan="3">
  236.             <img src="estilo/temas/{{tema}}/imagenes/login/new1_01.png" width="957" height="1" alt=""></td>
  237.     </tr>
  238.     <tr>
  239.         <td colspan="2">
  240.             <div id="header">
  241.         <div id="nav">
  242.             <ul>
  243.                 <li style=" margin-left: 13px; "><a href="index.php?ir=index">HOME</a></li>
  244.                 <li style=" margin-left: -6px; "><a href="">MAPA</a></li>
  245.                 <li style=" margin-left: -10px; "><a href="index.php?ir=clan">ALIANZA</a></li>  
  246.                 <li><a href="index.php?ir=ranking">RANKING</a></li>
  247.                 <li style=" margin-left: 10px; "><a href="">TRABAJOS</a></li>
  248.                 <li><a href="">GANANCIA</a></li>    
  249.                 <li><a href="index.php?ir=perfil">PERFIL</a></li>
  250.                 <li style=" margin-left: 5px;"><a style="color:red;" href="">PREMIUM</a></li>   
  251.                 <li style=" margin-left: 26px; "><a href="index.php?ir=salir">SALIR</a></li>            
  252.             </ul>
  253.         </div>
  254.     </div>
  255.             </td>
  256.         
  257.         <td rowspan="5">
  258.             <img src="estilo/temas/{{tema}}/imagenes/login/new1_03.png" width="62" height="670" alt=""></td>
  259.     </tr>
  260.     <tr>
  261.         <td colspan="2">
  262.             <div id="inter-menu">
  263.                 <div id="nav-menu">
  264.             <ul>
  265.                 <li style=" margin-left: -6px; "><a class="boton" href="">PUNTOS</a></li>
  266.                 <li style=" margin-left: -3px; "><a class="boton" href="">PETROLEO</a></li>
  267.                 <li style=" margin-left: -2px; "><a class="boton" href="">GASOLINA</a></li>
  268.                 <li><a class="boton" href="">DIESEL</a></li>
  269.                 <li style=" margin-left: -1px; "><a class="boton" href="">MUNICION</a></li>
  270.                 <li><a class="boton" href="">ORO</a></li>
  271.                 <li><a class="boton" href="">TICKET</a></li>
  272.                             
  273.             </ul>
  274.         </div>
  275.             </div>
  276.             </td>
  277.     </tr>
  278.     <tr>
  279.         <td rowspan="2">
  280. <img src="estilo/temas/{{tema}}/imagenes/login/new1_05.png" width="213" height="494" alt=""></td>
  281.         <td>
  282.             <img src="estilo/temas/{{tema}}/imagenes/login/new1_06.png" width="682" height="433" alt=""></td>
  283. </tr>
  284.     <tr>
  285.         <td>
  286.             <img src="estilo/temas/{{tema}}/imagenes/login/new1_07.png" width="680" height="61" alt=""></td>
  287.     </tr>
  288.     <tr>
  289.         <td colspan="2">
  290.             <img src="estilo/temas/{{tema}}/imagenes/login/new1_08.png" width="895" height="14" alt=""></td>
  291.     </tr>
  292. </table>
  293. <!-- End Save for Web Slices -->
  294.  
  295. <div id="apDiv2"></div>
  296.  
  297.  
  298.  
  299. <div id="apDiv2">
  300.  
  301. <div id="apDiv3"><DIV><a href='index.php?ir=mensajero'>mensajes</a></div></div>
  302. <div id="apDiv4"><DIV><input type="text" name="textfield" id="textfield" /></div></div>
  303. <DIV> AQUI SALDRAN LOS TIMER DEL JUEGO,que seran de un tama単o ancho
  304. ancho y demas
  305. el cual sera en css  </DIV>
  306. <div id="accordian">
  307. <div align="left">
  308.  
  309.     <ul>
  310.         <li>
  311.             <h3><span class="icon-dashboard"></span>misiones</h3>
  312.             <ul>
  313.                 <li><a href="#">Reports</a></li>
  314.                 <li><a href="#">Search</a></li>
  315.                 <li><a href="#">Graphs</a></li>
  316.                 <li><a href="#">Settings</a></li>
  317.             </ul>
  318.         </li>
  319.         <!-- we will keep this LI open by default -->
  320.         <li class="active">
  321.             <h3><span class="icon-tasks"></span>informes</h3>
  322.             <ul>
  323.                 <li><a href="#">AQUI SALDRAN LOS INFORMES DE COMBATE</a></li>
  324.                 
  325.             </ul>
  326.         </li>
  327.         <li>
  328.             <h3><span class="icon-calendar"></span>notas</h3>
  329.             <ul>
  330.                 <li><a href="#">AQUI TENDRIA QUE SALIR LAS NOTAS</a></li>
  331.                 <h3><span class="icon-calendar"></span>SOPORTE</h3>
  332.                 <li><a href="#">多COMO SE JUEGA</a></li>
  333.                 <li><a href="#">CONTACTA CON NOSOTROS</a></li>
  334.                 <li><a href="#">FORO</a></li>
  335.             </ul>
  336.         </li>
  337.         <li>
  338.             <h3><span class="icon-heart"></span>TABLAS DE ARMAS</h3>
  339.             <ul>
  340.                 <li><a href="#">TABLA ARMAS</a></li>
  341.                 <li><a href="#">TABLA EDIFICIOS</a></li>
  342.           </ul>
  343.         </li>
  344.         <li>
  345.         <h3><span class="icon-heart"></span>LISTA DE AMIGOS</h3>
  346.             <ul>
  347.                 <li><a href="#">SE HARA UNA LISTA DE AMIGOS</a></li>
  348.           </ul>
  349.         </li>
  350.                 <!-- prefix free to deal with vendor prefixes -->
  351. </div>
  352.  
  353. <div id="apDiv21">{{content}}</div>
  354.  
  355.  
  356. </body>
  357. </html>