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
/* 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
<!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> > <a href='#'>Menu1</a> > <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
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!
