Autor Tema: Plantilla wap 2.0 (xHTML mobile 1.2)  (Leído 4551 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado janito24

  • Usuario constante
  • ***
  • Mensajes: 222
  • Karma: +7/-0
  • Booooooo!
    • Ver Perfil
    • SkyDrive.cl
Plantilla wap 2.0 (xHTML mobile 1.2)
« : diciembre 05, 2009, 01:36:34 pm »
Esta plantilla esta bien simpatica, si bien solo es jugar con divs y colores no se imaginan como lo agradecen los visitantes que entran a nuestras paginas desde telefonos celulares con y conexiones lentisimas :)

Archivo: estilos.css

Código: css [Seleccionar]

/* Licencia Open Source 2.0, lee el README.txt para mas informacion :) */

/* Cuerpo de la pagina */

body {
  background:#ffffff;
  font-family:verdana,arial,sans-serif;
  margin:auto;
}

/* Links */

a {
color:#3F4040;
}

/* Divs */

div {
padding:0px;
margin:0px;
}

/* Parrafos */

p {
margin: 2px 0px 8px 0px;
}

/* Titulo 1 o h1 */

h1 {
font-size:1.4em;
margin: 4px 0px 2px 0px;
}

/* Titulo 2 o h2 */

h2 {
font-size:1.2em;
margin: 8px 0px 1px 0px;
}

/* Div del logo */

div#logo {
padding-top:6px;
border-top:8px solid #1A1E21;
padding:6px 2px 0px;
}

/* menu 1 */

div#menu1 {
background:#58FA58;
font-size:0.9em;
padding:1px 4px;
}

/* menu 2 */

div#menu2 {
background:#A9F5A9;
font-size:0.8em;
padding:1px 4px;
}

/* Principal (central) */

div#principal {
border:solid 2px #01DF01;
background:#FFFFFF;
padding:2px;
}

/* Abajo de principal */

div#b_princ {
background:#A9F5A9;
font-size:0.8em;
padding:1px 4px;
}

/* Pie de pagina */

div#footer {
background:#58FA58;
font-size:0.8em;
border-bottom:8px solid #1A1E21;
padding:1px 4px;
}

/* Powered by janito24 */

div#powered {
font-size:9px;
text-align:right;
}


Archivo: index.html

Código: html4strict [Seleccionar]

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
 
  <!-- Licencia Open Source 2.0 Lee el README.txt para mas informacion -->
 
    <meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
    <meta http-equiv="Content-language" content="es-es" />
    <title>Plantilla wap 2.0</title>
            <link media="all" href="estilos.css" type="text/css" rel="stylesheet" />
  </head>

<body>
    <div id='logo'><img width='120' height='27' src='logo.png' alt="Logo aqui!" /></div>
  <div id='menu1'>
  <a href='#'>Menu1</a> &gt; <a href='#'>Menu1</a> &gt; <a href='#'>Menu1</a></div>
    <div id='menu2'>
      <a href="#">Menu2</a> | <a href="#">Menu2</a> | <a href="#">Menu2</a> | <a href='#'>Menu2</a>    </div>
    <div id='principal'>
              <h1>Titulo 1 (h1)</h1>
              <p>Primer parrafo... Pon aqui el contenido de tu pagina!</p>
              <p>
              <h2>Titulo 2 (h2)</h2>
              </p>
              <p>Esta plantilla tiene puntuacion 4 en <a href='http://ready.mobi'>Ready.Mobi</a>, antes de usarla procura depurarla y fijate en la configuracion de "Tipo MIMES" de tu servidor.</p>
</div>
        <div id='b_princ'>jejeje | <a href='#'>Algo xD</a></div>
    <div id='footer'>Template hecha para <a href='http://webcomparte.com'>WebComparte</a></div>
    <div id='powered'>
<small>Powered by janito24</small></div>
</body>
</html>


Archivo: README.txt

Código: [Seleccionar]
La presente plantilla esta protegida bajo las condiciones especiales que se especifican
a continuacion:

Open Source 2.0

1. Puedes editar, vender, arrendar, copiar y pegar el contenido.

2. Puedes postearlo en taringa y decir que lo hiciste tu.

3. Puedes regalarlo, desecharlo, borrarlo, eliminarlo.

4. Puedes hacer lo que se te de la gana. Quien sube algo a internet siempre debe estar conciente de que se copiara
o aparecera alguien diciendo que hizo algo que no. Haci que quien no quiera esto tan solo no suba nada :) siempre habra otro que lo subira xD

Sobre las prohibiciones:

1. Prohibido prohibir

¬¬ respeten la licencia eh!


Si has encontrado útil este articulo recuerda que puedes ayudarnos con tu donación voluntaria la cual ayudará al staff y a la mantención del foro.


. . . . . . . .