Edición de «Ejemplo de web adaptada a moviles»

De KumbiaPHP Framework Wiki

Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.

Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.

Revisión actual Tu texto
Línea 1: Línea 1:
{{cleanupbox
 
|image=[[Archivo:Information_icon4.png|45px]]
 
|texto ='''Este Artículo cumple con todos los quererimientos de los Kumbieros.'''<br />
 
}}
 
 
 
 
== INTRODUCCION ==
 
== INTRODUCCION ==
  
Línea 28: Línea 22:
 
{
 
{
 
   public function index()
 
   public function index()
  {
+
{
 
     $this->mensaje = "Este mensaje se recibe desde el metodo ".$this->action_name." del controller ".$this->controller_name;
 
     $this->mensaje = "Este mensaje se recibe desde el metodo ".$this->action_name." del controller ".$this->controller_name;
 
     $this->hora = date('Y-m-d');  
 
     $this->hora = date('Y-m-d');  
Línea 42: Línea 36:
 
   </head>
 
   </head>
  
   <body>
+
   <body bgcolor="blue">
 
     <h1>Contenido</h1>
 
     <h1>Contenido</h1>
 
     <?php View::Content(); ?>
 
     <?php View::Content(); ?>
Línea 54: Línea 48:
 
<p>Hora: <?php echo $hora; ?></p>
 
<p>Hora: <?php echo $hora; ?></p>
 
</source>
 
</source>
 
  
 
== PREPARANDO LOS CAMBIOS ==
 
== PREPARANDO LOS CAMBIOS ==
  
Bien, lo primero que necesitamos para nuestra "web reducida" es una plantilla distinta. En nuestro caso de ejemplo será simple: he cambiado el color de fondo, quitado el H1 y ajustado el viewport para que se vea mejor en estos dispositivos.
+
Bien, lo primero que necesitamos para nuestra "web reducida" es una plantilla distinta. En nuestro caso de ejemplo será simple: he cambiado el color de fondo, quitado el H1 y ajustado el viewport.
  
 
'''/app/views/templates/mobile.phtml'''
 
'''/app/views/templates/mobile.phtml'''
Línea 64: Línea 57:
 
<html>
 
<html>
 
   <head>
 
   <head>
     <title>Plantilla por defecto para móvil</title>
+
     <title>Plantilla por defecto para movil</title>
    <meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 
 
   </head>
 
   </head>
  
   <body>
+
   <body bgcolor="gray">
     <h1>Móvil</h1>
+
     <b>Contenido</b>
 
     <?php View::Content(); ?>
 
     <?php View::Content(); ?>
 
   </body>
 
   </body>
Línea 80: Línea 72:
 
'''/app/views/test/mobile/index.phtml'''
 
'''/app/views/test/mobile/index.phtml'''
 
<source lang=php>
 
<source lang=php>
<p>Mensaje: <?php echo $mensaje; ?></p>
+
<b>Mensaje:</b> <?php echo $mensaje; ?><br />
<p>Hora: <?php echo $hora; ?></p>
+
<b>Hora:</b> <?php echo $hora; ?>  
<p>Esta página esta optimizada para dispositivos móviles</p>
+
<i>Esta pagina esta optimizada para dispositivos moviles</i>
 
</source>
 
</source>
 +
  
 
== LIBRERIA AUXILIAR ==
 
== LIBRERIA AUXILIAR ==
Línea 93: Línea 86:
 
<?php
 
<?php
 
class Mobile {
 
class Mobile {
public static function mobileURL() {
+
public function mobileURL() {
 
// Lista de URLs
 
// Lista de URLs
 
$mobile_urls = array( "m.example.com", "mobile.example.com" );
 
$mobile_urls = array( "m.example.com", "mobile.example.com" );
Línea 101: Línea 94:
 
}
 
}
  
public static function mobileBrowser() {
+
public function mobileBrowser() {
 
$mobile_browser = '0';
 
$mobile_browser = '0';
  
Línea 171: Línea 164:
 
       $this->set_response("mobile");
 
       $this->set_response("mobile");
 
     }
 
     }
  }
 
 
}
 
}
 
</source>
 
</source>
Línea 195: Línea 187:
 
       $this->set_response("mobile");
 
       $this->set_response("mobile");
 
     }
 
     }
  }
 
 
}
 
}
 
 
</source>
 
</source>
  

Ten en cuenta que todas las contribuciones a KumbiaPHP Framework Wiki pueden ser editadas, modificadas o eliminadas por otros colaboradores. Si no deseas que las modifiquen sin limitaciones, no las publiques aquí.
Al mismo tiempo, asumimos que eres el autor de lo que escribiste, o lo copiaste de una fuente en el dominio público o con licencia libre (véase Proyecto:Derechos de autor para más detalles). ¡No uses textos con copyright sin permiso!

Para editar esta página, responde la pregunta que aparece abajo (más información):

Cancelar Ayuda de edición (se abre en una ventana nueva)

Plantilla usada en esta página: