Don GrafiWeb

viernes, 4 de abril de 2014

Codigo paraagregar imagen flotante en una esquina

<img src='URL DE LA IMAGEN' style='position: fixed; UBICACION DE LA IMAGEN FIJA'/>

Esquina superior izquierda: top: 0px; left: 0px;
Esquina superior derecha: top: 0px; right: 0px;
Esquina inferior izquierda: bottom: 0px; left: 0px;
Esquina inferior derecha: bottom: 0px; right: 0px;

martes, 18 de marzo de 2014

Ajustar tamaño automatico para web moviles

La etiqueta meta para el viewport fue introducida por Apple en Safari para móviles, para ayudar a los desarrolladores a mejorar la presentación de sus aplicaciones web en un iPhone, iPod Touch o iPad. A continuación una breve explicación y un video muy descriptivo.

La etiqueta viewport nos permite a los que construimos sitios web o web apps, definir el ancho, alto y escala del área usada por el navegador para

Al fijar el ancho o alto del viewport, los desarrolladores podemos usar un número fijo de pixeles (ej: 320, 480, etc) o usar dos constantes, device-width y device height respectivamente.Se considera una buena práctica configurar el viewport con algunas de estas dos constantes, en vez de un ancho o alto fijo. Muchos desarrolladores caen en el error de configurar el viewport con un width de 320, siendo este el ancho del iPhone. Utilizando las constantes, se verá de mejor forma no solo en el iPhone sino que en muchos “mobile browsers”más. A continuación la configuración más común de una etiqueta meta, para introducir dentro del head de tu mobile web app:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Redireccionar pagia web a version movil (Iphone, Ipad, Android, etc)

Condigo para que cuando los moviles ingresen la direccion web, este se redireccione hacia la direccion de tu web movil

Copia y pegalo debajo de

<!DOCTYPE html>
<html>

Codigo:


<script type="text/javascript">
var device = navigator.userAgent

if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/Android/i)|| device.match(/J2ME/i)|| device.match(/BlackBerry/i)|| device.match(/iPhone|iPad|iPod/i)|| device.match(/Opera Mini/i)|| device.match(/IEMobile/i)|| device.match(/Mobile/i)|| device.match(/Windows Phone/i)|| device.match(/windows mobile/i)|| device.match(/windows ce/i)|| device.match(/webOS/i)|| device.match(/palm/i)|| device.match(/bada/i)|| device.match(/series60/i)|| device.match(/nokia/i)|| device.match(/symbian/i)|| device.match(/HTC/i))
{
window.location = "http://www.notiten.com/mobile/";

}
else
{

}</script>