Logotipo

Prueba aquí

[vc_row][vc_column][vc_column_text]<style>
.frame{vertical-align:top;}
body{padding:20px;font-family:sans-serif;overflow-y:scroll;}
h2{margin:0 0 20px 0;}
span.small{font-size:60%;vertical-align:middle;}
#url{margin:0 0 20px 0px;display:block;}
#url input[type=text]{border:solid 1px #666;width:85%;margin:0 auto;font-size:2em;text-align:left;}
#url input[type=submit]{display:none;}
#url #options{float:right;line-height:25px;width:13%;}
#url #options input{margin-top:5px;}
#frames{overflow-x:scroll;width:100%;margin-bottom:10px;padding-bottom:20px;}
.frame{margin-right:20px;float:left;}
.frame:last-child{margin-right:0;}
.frame img{display:none;vertical-align:middle;}
iframe{border:solid 1px #000;}
.widthOnly {height:580px;}
.widthOnly h2 span{display:none;}
.widthOnly iframe{height:500px;}
</style>
<div id=”url”>
<form method=”post”>
<input type=”text” placeholder=”Test your own site… type the url and hit enter” />
<input type=”submit” value=”submit”>
<div id=”options”>
<label for=”normal”><input id=”normal” type=”radio” name=”option” value=”1″ >Width only</label><br />
<label for=”accurate”><input id=”accurate” type=”radio” name=”option” value=”2″ checked>Device sizes</label><br />
<label for=”scrollbar”><input id=”scrollbar” type=”checkbox” name=”scrollbar” value=”1″ checked>Visible Scrollbars</label>
</div>
</form>
</div>
<div id=”frames” class=”widthOnly”>
<div id=”inner”>
<div id=”f1″ class=”frame”>
<h2>240<span> x 320</span> <span class=”small”>(small phone)</span> <img src=”http://mattkersley.com/wp-content/themes/mattkersley/images/loader_large.gif” /></h2>
<iframe sandbox=”allow-same-origin allow-forms allow-scripts” seamless width=”255″ height=”320″></iframe>
</div>
<div id=”f2″ class=”frame”>
<h2>320<span> x 480</span> <span class=”small”>(iPhone)</span> <img src=”http://mattkersley.com/wp-content/themes/mattkersley/images/loader_large.gif” /></h2>
<iframe sandbox=”allow-same-origin allow-forms allow-scripts” seamless width=”335″ height=”480″></iframe>
</div>
<div id=”f3″ class=”frame”>
<h2>480<span> x 640</span> <span class=”small”>(small tablet)</span> <img src=”http://mattkersley.com/wp-content/themes/mattkersley/images/loader_large.gif” /></h2>
<iframe sandbox=”allow-same-origin allow-forms allow-scripts” seamless width=”495″ height=”640″></iframe>
</div>
<div id=”f4″ class=”frame”>
<h2>768<span> x 1024</span> <span class=”small”>(iPad – Portrait)</span> <img src=”http://mattkersley.com/wp-content/themes/mattkersley/images/loader_large.gif” /></h2>
<iframe sandbox=”allow-same-origin allow-forms allow-scripts” seamless width=”783″ height=”1024″></iframe>
</div>
<div id=”f5″ class=”frame”>
<h2>1024<span> x 768</span> <span class=”small”>(iPad – Landscape)</span> <img src=”http://mattkersley.com/wp-content/themes/mattkersley/images/loader_large.gif” /></h2>
<iframe sandbox=”allow-same-origin allow-forms allow-scripts” seamless width=”1039″ height=”768″></iframe>
</div>
</div>
</div>
<span>Note: The content width may not be pixel perfect – I have added 15px to the iframes to cater for the scrollbars</span>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js”></script>[/vc_column_text][vc_raw_js]dmFyJTIwZGVmYXVsdFVSTCUyMCUzRCUyMCUyN21hdHRrZXJzbGV5LmNvbSUyNyUzQiUyMCUyRiUyRiUzQy0tLS0lMjBDSEFOR0UlMjBUTyUyMFlPVVIlMjBXRUJTSVRFJTIwVVJMJTBBJTBBJTJGJTJGc2hvdyUyMGxvYWRpbmclMjBncmFwaGljJTBBZnVuY3Rpb24lMjBzaG93TG9hZGVyJTI4aWQlMjklMjAlN0IlMEElMjAlMjAlMjQlMjglMjclMjMlMjclMjAlMkIlMjBpZCUyMCUyQiUyMCUyNyUyMGltZyUyNyUyOS5mYWRlSW4lMjglMjdzbG93JTI3JTI5JTNCJTBBJTdEJTBBJTBBJTJGJTJGaGRpZSUyMGxvYWRpbmclMjBncmFwaGljJTBBZnVuY3Rpb24lMjBoaWRlTG9hZGVyJTI4aWQlMjklMjAlN0IlMEElMjAlMjAlMjQlMjglMjclMjMlMjclMjAlMkIlMjBpZCUyMCUyQiUyMCUyNyUyMGltZyUyNyUyOS5mYWRlT3V0JTI4JTI3c2xvdyUyNyUyOSUzQiUwQSU3RCUwQSUwQSUyRiUyRmZ1bmN0aW9uJTIwdG8lMjBjaGVjayUyMGxvYWQlMjBzdGF0ZSUyMG9mJTIwZWFjaCUyMGZyYW1lJTBBZnVuY3Rpb24lMjBhbGxMb2FkZWQlMjglMjklN0IlMEElMjAlMjB2YXIlMjByZXN1bHRzJTIwJTNEJTIwJTVCJTVEJTNCJTBBJTIwJTIwJTI0JTI4JTI3aWZyYW1lJTI3JTI5LmVhY2glMjhmdW5jdGlvbiUyOCUyOSU3QiUwQSUyMCUyMCUyMCUyMGlmJTI4JTIxJTI0JTI4dGhpcyUyOS5kYXRhJTI4JTI3bG9hZGVkJTI3JTI5JTI5JTdCcmVzdWx0cy5wdXNoJTI4ZmFsc2UlMjklN0QlMEElMjAlMjAlN0QlMjklM0IlMEElMjAlMjB2YXIlMjByZXN1bHQlMjAlM0QlMjAlMjhyZXN1bHRzLmxlbmd0aCUyMCUzRSUyMDAlMjklMjAlM0YlMjBmYWxzZSUyMCUzQSUyMHRydWUlM0IlMEElMjAlMjByZXR1cm4lMjByZXN1bHQlM0IlMEElN0QlM0IlMEElMEFmdW5jdGlvbiUyMGxvYWRQYWdlJTI4JTI0ZnJhbWUlMkMlMjB1cmwlMjklMjAlN0IlMEElMjAlMjBpZiUyMCUyOCUyMHVybC5zdWJzdHIlMjgwJTJDNyUyOSUyMCUyMSUzRCUzRCUyMCUyN2h0dHAlM0ElMkYlMkYlMjclMjAlMjYlMjYlMjB1cmwuc3Vic3RyJTI4MCUyQzglMjklMjAlMjElM0QlM0QlMjAlMjdodHRwcyUzQSUyRiUyRiUyNyUyMCUyNiUyNiUyMHVybC5zdWJzdHIlMjgwJTJDJTIwNyUyOSUyMCUyMSUzRCUzRCUyMCUyN2ZpbGUlM0ElMkYlMkYlMjclMjAlMjklMjAlN0IlMEElMjAlMjAlMjAlMjB1cmwlMjAlM0QlMjAlMjdodHRwJTNBJTJGJTJGJTI3JTJCdXJsJTNCJTBBJTIwJTIwJTdEJTBBJTIwJTIwJTI0JTI4JTI3aWZyYW1lJTI3JTI5Lm5vdCUyOCUyNGZyYW1lJTI5LmVhY2glMjhmdW5jdGlvbiUyOCUyOSU3QnNob3dMb2FkZXIlMjglMjQlMjh0aGlzJTI5LnBhcmVudCUyOCUyOS5hdHRyJTI4JTI3aWQlMjclMjklMjklM0IlN0QlMjklMEElMjAlMjAlMjQlMjglMjdpZnJhbWUlMjclMjkubm90JTI4JTI0ZnJhbWUlMjkuZGF0YSUyOCUyN2xvYWRlZCUyNyUyQyUyMGZhbHNlJTI5JTNCJTBBJTIwJTIwJTI0JTI4JTI3aWZyYW1lJTI3JTI5Lm5vdCUyOCUyNGZyYW1lJTI5LmF0dHIlMjglMjdzcmMlMjclMkMlMjB1cmwlMjklM0IlMEElN0QlMEElMEElMjQlMjglMjcuZnJhbWUlMjclMjkuZWFjaCUyOGZ1bmN0aW9uJTI4JTI5JTdCc2hvd0xvYWRlciUyOCUyNCUyOHRoaXMlMjkuYXR0ciUyOCUyN2lkJTI3JTI5JTI5JTdEJTI5JTNCJTBBJTBBJTBBJTJGJTJGd2hlbiUyMGRvY3VtZW50JTIwbG9hZHMlMEElMjQlMjhkb2N1bWVudCUyOS5yZWFkeSUyOGZ1bmN0aW9uJTI4JTI5JTdCJTBBJTBBJTIwJTIwbG9hZFBhZ2UlMjglMjclMjclMkMlMjBkZWZhdWx0VVJMJTI5JTNCJTBBJTBBJTIwJTIwJTJGJTJGcXVlcnklMjBzdHJpbmclMEElMjAlMjB2YXIlMjBxc0FycmF5JTIwJTNEJTIwd2luZG93LmxvY2F0aW9uLmhyZWYuc3BsaXQlMjglMjclM0YlMjclMjklM0IlMEElMjAlMjB2YXIlMjBxcyUyMCUzRCUyMHFzQXJyYXklNUJxc0FycmF5Lmxlbmd0aC0xJTVEJTNCJTBBJTBBJTIwJTIwaWYlMjhxcyUyMCUyMSUzRCUyMCUyNyUyNyUyMCUyNiUyNiUyMHFzQXJyYXkubGVuZ3RoJTIwJTNFJTIwMSUyOSU3QiUwQSUyMCUyMCUyMCUyMCUyNCUyOCUyNyUyM3VybCUyMGlucHV0JTVCdHlwZSUzRHRleHQlNUQlMjclMjkudmFsJTI4cXMlMjklM0IlMEElMjAlMjAlMjAlMjBsb2FkUGFnZSUyOCUyNyUyNyUyQyUyMHFzJTI5JTNCJTBBJTIwJTIwJTdEJTBBJTBBJTIwJTIwJTJGJTJGc2V0JTIwc2xpZGFibGUlMjBkaXYlMjB3aWR0aCUwQSUyMCUyMCUyNCUyOCUyNyUyM2ZyYW1lcyUyMCUyM2lubmVyJTI3JTI5LmNzcyUyOCUyN3dpZHRoJTI3JTJDJTIwZnVuY3Rpb24lMjglMjklN0IlMEElMjAlMjAlMjAlMjB2YXIlMjB3aWR0aCUyMCUzRCUyMDAlM0IlMEElMjAlMjAlMjAlMjAlMjQlMjglMjcuZnJhbWUlMjclMjkuZWFjaCUyOGZ1bmN0aW9uJTI4JTI5JTdCd2lkdGglMjAlMkIlM0QlMjAlMjQlMjh0aGlzJTI5Lm91dGVyV2lkdGglMjglMjklMjAlMkIlMjAyMCU3RCUyOSUzQiUwQSUyMCUyMCUyMCUyMHJldHVybiUyMHdpZHRoJTNCJTBBJTIwJTIwJTdEJTI5JTNCJTBBJTBBJTIwJTIwJTJGJTJGYWRkJTIwZXZlbnQlMjBoYW5kbGVycyUyMGZvciUyMG9wdGlvbnMlMjByYWRpbyUyMGJ1dHRvbnMlMEElMjAlMjAlMjQlMjglMjdpbnB1dCU1QnR5cGUlM0RyYWRpbyU1RCUyNyUyOS5jaGFuZ2UlMjhmdW5jdGlvbiUyOCUyOSU3QiUwQSUyMCUyMCUyMCUyMCUyNGZyYW1lcyUyMCUzRCUyMCUyNCUyOCUyNyUyM2ZyYW1lcyUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyNGlucHV0cyUyMCUzRCUyMCUyNCUyOCUyN2lucHV0JTVCdHlwZSUzRHJhZGlvJTVEJTNBY2hlY2tlZCUyNyUyOS52YWwlMjglMjklM0IlMEElMEElMjAlMjAlMjAlMjBpZiUyOCUyNGlucHV0cyUyMCUzRCUzRCUyMCUyNzElMjclMjklN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjRmcmFtZXMuYWRkQ2xhc3MlMjglMjd3aWR0aE9ubHklMjclMjklM0IlMEElMjAlMjAlMjAlMjAlN0QlMjBlbHNlJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTI0ZnJhbWVzLnJlbW92ZUNsYXNzJTI4JTI3d2lkdGhPbmx5JTI3JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTdEJTBBJTIwJTIwJTdEJTI5JTNCJTBBJTBBJTIwJTIwJTJGJTJGYWRkJTIwZXZlbnQlMjBoYW5kbGVycyUyMGZvciUyMHNjcm9sbGJhcnMlMjBjaGVja2JveCUwQSUyMCUyMCUyNCUyOCUyN2lucHV0JTVCdHlwZSUzRGNoZWNrYm94JTVEJTI3JTI5LmNoYW5nZSUyOGZ1bmN0aW9uJTI4JTI5JTdCJTBBJTIwJTIwJTIwJTIwdmFyJTIwc2Nyb2xsQmFyV2lkdGglMjAlM0QlMjAxNSUzQiUwQSUyMCUyMCUyMCUyMCUyNGZyYW1lcyUyMCUzRCUyMCUyNCUyOCUyNyUyM2ZyYW1lcyUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyNGlucHV0cyUyMCUzRCUyMCUyNCUyOCUyNyUyM3Njcm9sbGJhciUzQWNoZWNrZWQlMjclMjklM0IlMEElMEElMjAlMjAlMjAlMjBpZiUyOCUyMCUyNGlucHV0cy5sZW5ndGglMjAlM0QlM0QlMjAwJTIwJTI5JTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwc2Nyb2xsQmFyV2lkdGglMjAlM0QlMjAtMTUlM0IlMEElMjAlMjAlMjAlMjAlN0QlMEElMEElMjAlMjAlMjAlMjAlMjRmcmFtZXMuZmluZCUyOCUyN2lmcmFtZSUyNyUyOS5lYWNoJTI4ZnVuY3Rpb24lMjhpJTJDZWwlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjQlMjhlbCUyOS5hdHRyJTI4JTI3d2lkdGglMjclMkMlMjBwYXJzZUludCUyOCUyNCUyOGVsJTI5LmF0dHIlMjglMjd3aWR0aCUyNyUyOSUyOSUyMCUyQiUyMHNjcm9sbEJhcldpZHRoJTI5JTNCJTBBJTIwJTIwJTIwJTIwJTdEJTI5JTNCJTBBJTIwJTIwJTdEJTI5JTNCJTBBJTBBJTIwJTIwJTJGJTJGd2hlbiUyMHRoZSUyMHVybCUyMHRleHRib3glMjBpcyUyMHVzZWQlMEElMjAlMjAlMjQlMjglMjdmb3JtJTI3JTI5LnN1Ym1pdCUyOGZ1bmN0aW9uJTI4JTI5JTdCJTBBJTIwJTIwJTIwJTIwbG9hZFBhZ2UlMjglMjclMjclMjAlMkMlMjAlMjQlMjglMjclMjN1cmwlMjBpbnB1dCU1QnR5cGUlM0R0ZXh0JTVEJTI3JTI5LnZhbCUyOCUyOSUyOSUzQiUwQSUyMCUyMCUyMCUyMHJldHVybiUyMGZhbHNlJTNCJTBBJTIwJTIwJTdEJTI5JTNCJTBBJTBBJTIwJTIwJTJGJTJGd2hlbiUyMGZyYW1lJTIwbG9hZHMlMEElMjAlMjAlMjQlMjglMjdpZnJhbWUlMjclMjkubG9hZCUyOGZ1bmN0aW9uJTI4JTI5JTdCJTBBJTBBJTIwJTIwJTIwJTIwdmFyJTIwJTI0dGhpcyUyMCUzRCUyMCUyNCUyOHRoaXMlMjklM0IlMEElMjAlMjAlMjAlMjB2YXIlMjB1cmwlMjAlM0QlMjAlMjclMjclM0IlMEElMjAlMjAlMjAlMjB2YXIlMjBlcnJvciUyMCUzRCUyMGZhbHNlJTNCJTBBJTBBJTIwJTIwJTIwJTIwdHJ5JTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwdXJsJTIwJTNEJTIwJTI0dGhpcy5jb250ZW50cyUyOCUyOS5nZXQlMjgwJTI5LmxvY2F0aW9uLmhyZWYlM0IlMEElMjAlMjAlMjAlMjAlN0QlMjBjYXRjaCUyOGUlMjklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjBlcnJvciUyMCUzRCUyMHRydWUlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjBpZiUyOCUyNCUyOCUyNyUyM3VybCUyMGlucHV0JTVCdHlwZSUzRHRleHQlNUQlMjclMjkudmFsJTI4JTI5JTIwJTIxJTNEJTIwJTI3JTI3JTI5JTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdXJsJTIwJTNEJTIwJTI0JTI4JTI3JTIzdXJsJTIwaW5wdXQlNUJ0eXBlJTNEdGV4dCU1RCUyNyUyOS52YWwlMjglMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlN0QlMjBlbHNlJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdXJsJTIwJTNEJTIwZGVmYXVsdFVSTCUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3RCUwQSUyMCUyMCUyMCUyMCU3RCUwQSUwQSUyMCUyMCUyMCUyMCUyRiUyRmxvYWQlMjBvdGhlciUyMHBhZ2VzJTIwd2l0aCUyMHRoZSUyMHNhbWUlMjBVUkwlMEElMjAlMjAlMjAlMjBpZiUyOGFsbExvYWRlZCUyOCUyOSUyOSU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMGlmJTI4ZXJyb3IlMjklN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBhbGVydCUyOCUyN0Jyb3dzZXJzJTIwcHJldmVudCUyMG5hdmlnYXRpb24lMjBmcm9tJTIwaW5zaWRlJTIwaWZyYW1lcyUyMGFjcm9zcyUyMGRvbWFpbnMuJTVDblBsZWFzZSUyMHVzZSUyMHRoZSUyMHRleHRib3glMjBhdCUyMHRoZSUyMHRvcCUyMGZvciUyMGV4dGVybmFsJTIwc2l0ZXMuJTI3JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwbG9hZFBhZ2UlMjglMjclMjclMkMlMjBkZWZhdWx0VVJMJTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTdEZWxzZSU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGxvYWRQYWdlJTI4JTI0dGhpcyUyQyUyMHVybCUyOSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3RCUwQSUyMCUyMCUyMCUyMCU3RCUwQSUwQSUyMCUyMCUyMCUyMCUyRiUyRndoZW4lMjBmcmFtZSUyMGxvYWRzJTJDJTIwaGlkZSUyMGxvYWRlciUyMGdyYXBoaWMlMEElMjAlMjAlMjAlMjBlbHNlJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwZXJyb3IlMjAlM0QlMjBmYWxzZSUzQiUwQSUyMCUyMCUyMCUyMCUyMCUyMGhpZGVMb2FkZXIlMjglMjQlMjh0aGlzJTI5LnBhcmVudCUyOCUyOS5hdHRyJTI4JTI3aWQlMjclMjklMjklM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjQlMjh0aGlzJTI5LmRhdGElMjglMjdsb2FkZWQlMjclMkN0cnVlJTI5JTNCJTBBJTIwJTIwJTIwJTIwJTdEJTBBJTIwJTIwJTdEJTI5JTNCJTBBJTBBJTdEJTI5JTNC[/vc_raw_js][/vc_column][/vc_row]