Titre du sujet : Re: Theme iphone
par Franck0768 sur 21/11/2010 21:10:04
Bonsoir,
Il faut donc tester la largeur d'affichage puis diriger vers des template spécifique pour smartphone.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Resolution Dependent Layout</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" media="screen and (max-device-width: 480px)" href="css/iphone.css">
<script type="text/javascript" async="" src="//s3.buysellads.com/ac/bsa.js"></script>
</head>
<body>
<div id="page-wrap">
<div id="header">Header</div>
<div id="main-content">Content</div>
<div id="secondary-one">Secondary</div>
<div id="secondary-two">Extra</div>
</div>
<!-- IGNORE: View Source Stuff -->
<style type="text/css">.header-button{ border-top:1px solid #cf942d !important; border-bottom:0 !important; background:#964418 !important; background:-webkit-gradient(linear,left top,left bottom,from(#e86e36),to(#964418)) !important; background:-moz-linear-gradient(top,#e86e36,#964418) !important; padding:3px 10px !important; -webkit-border-radius:8px !important; -moz-border-radius:8px !important; border-radius:8px !important; -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0 !important; -moz-box-shadow:rgba(0,0,0,1) 0 1px 0 !important; box-shadow:rgba(0,0,0,1) 0 1px 0 !important; text-shadow:rgba(0,0,0,.4) 0 1px 0 !important; color:white !important; font-size:13px !important; font-family:Georgia,serif !important; text-decoration:none !important; vertical-align:middle !important; display:inline !important; margin:0 !important;float:none !important}.header-button:hover{ border-top:1px solid #4f220d !important; background:#4f220d !important; color:#ccc !important; text-decoration:none !important; margin:0 !important}.header-button:active{ border-top:1px solid #261105 !important; background:#261105}.header-button:visited:before,.header-button:visited:after{ content:""!important}#source-code{z-index:7000;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8)}#source-code:target{display:block}#source-code pre{padding:20px;font:14px/1.6 Monaco,Courier,MonoSpace;margin:50px auto;background:rgba(0,0,0,0.8);color:white;width:80%;height:80%;overflow:auto}#source-code pre a,#source-code pre a span{text-decoration:none;color:#0cf !important}#x{position:absolute;top:30px;left:10%;margin-left:-41px}#x img{border:0}.view-source-button{position:fixed;bottom:10px;right:10px}.str{color:#61ff74}.kwd{color:white}.com{color:white}.typ{color:#f1915d}.lit{color:white}.pun{color:white}.pln{color:#ffef97}.tag{color:#ffab58}.atn{color:#fabb4e}.atv{color:#ffd996}.dec{color:red}</style>
<div id="source-code"><a href="#" id="x"><img src="http://css-tricks.com/examples/ViewSourceButton/images/x.png" alt="close"></a></div>
<a class="view-source-button header-button" href="#source-code" id="view-source">Fancy View Source</a>
<script src="/prettify/prettify.js"></script><script>var jQueryScriptOutputted=false;function initJQuery(){if(typeof(jQuery)=='undefined'){if(!jQueryScriptOutputted){jQueryScriptOutputted=true;document.write("<scr"+"ipt type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></scr"+"ipt>")}setTimeout("initJQuery()",50)}else{$(function(){$("<pre />",{"html":'<!DOCTYPE html>n<html>n'+$("html").html().replace(/[<>]/g,function(m){return{'<':'<','>':'>'}[m]}).replace(/((ftp|http|https)://(w+:{0,1}w*@)?(S+)(:[0-9]+)?(/|/([w#!:.?+=&%@!-/]))?)/gi,'<a href="$1">$1</a>')+'n</html>',"class":"prettyprint"}).appendTo("#source-code");prettyPrint()})}}initJQuery()</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- IGNORE: BuySellAds.com Ad Code -->
<script type="text/javascript">(function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })();</script>
<!-- IGNORE: Just Google Analytics -->
<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script><script type="text/javascript">var pageTracker = _gat._getTracker("UA-68528-29");pageTracker._initData(); pageTracker._trackPageview();</script>
</body>
</html>
|
