- Impact
- 328
Had a little free time..and...
UPDATE: It now has 5/5 ready.mobi score. - 26 Passes 0 Warnings 0 Fails. :D
http://ready.mobi/results.jsp?uri=h...n.com/scripts/mobi-template.html&locale=en_EN
UPDATE 2: This is licensed under the GNU GPL - http://www.gnu.org/licenses/gpl.txt
The HTML
stylesheet
If you'd like to see what it looks like:
http://www.secondversion.com/scripts/mobi-template.html
UPDATE: It now has 5/5 ready.mobi score. - 26 Passes 0 Warnings 0 Fails. :D
http://ready.mobi/results.jsp?uri=h...n.com/scripts/mobi-template.html&locale=en_EN
UPDATE 2: This is licensed under the GNU GPL - http://www.gnu.org/licenses/gpl.txt
The HTML
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MyDomain.mobi</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta name="description" content="your site's description" />
<meta name="keywords" content="your, site, keywords" />
<link rel="stylesheet" href="mobi.css" />
</head>
<body>
<div id="content">
<p><strong>MyDomain.mobi</strong><!-- uncomment if you have one <br /><img src="" alt="" /> --></p>
<p><em>Site slogan can go here.</em></p>
<div class="line"></div>
<p>Your site content..</p>
<!--
Use the accesskey for phones that can't use a pointer to other
pages on your site. Go from 1 - 9, add the accesskey number to
your links so people can see.
-->
<div id="links">
<a href="./index.html" title="Home" accesskey="1"><span class="small">[1]</span> Home</a><br />
<a href="./other.html" title="Other" accesskey="2"><span class="small">[2]</span> Other</a>
<!-- more... -->
</div>
<div class="line"></div>
<p>Copyright ยฉ 2007 MyDomain.mobi</p>
</div>
</body>
</html>stylesheet
Code:
body
{
background: #FFFFFF;
color: #555555;
font: 0.8em Arial, Helvectia;
}
.line
{
background: transparent;
border-bottom: 2px solid #555555;
margin: 5px 0 5px 0;
padding: 2px;
clear: both;
}
accesskey
{
border-bottom: 1px dashed #555555;
}
img
{
border: none;
}
#links a
{
font-weight: bold;
}
#content
{
margin: 5px;
padding: 2px;
width: 99%;
}
.small
{
font: 0.7em Arial, Helvectia;
}If you'd like to see what it looks like:
http://www.secondversion.com/scripts/mobi-template.html
Last edited:
