This is my app.
here is the code to build my app
<div style="color: red; font-size: 18px; padding-top: 10px; padding-bottom: 10px; text-align: center; line-height:120%">
Connect with us anywhere!<br> Check out our mobile site.</div>
<div style="font-size: 32px; background: url(/html/assets/Li-Iphone5-SmVert.jpg) no-repeat;">
<iframe width="210" height="373" src="http://lidemo.lithium.com?device-view=mobile" border="0" frameborder="0" allowTransparency="true" style="padding-top:79px; padding-left:21px; padding-bottom:78px;">
Your browser does not support inline frames.</iframe>
and these are the things about my app that are cool:
It's a mobile emulator
You can insert any mobile site in there and it will render
you can place it on any page
it's lithium branded
it's got cool shadowing on the frame
A scroll bar is included
Some problems depending on location it's placed.
Sometimes makes the whole page render in mobile.
If you like my app: give it a kudo! Thanks!
Oh @li-deanna cool app. I kudoed it, but one problem.
It makes the whole page render in mobile view. That's a problem!
Here's some more code to make that stop happening:
<plea> stop rendering this whole page in mobile view! </plea>
<rant> 60d#$%#$%^@%#c#%^k </rant>
I really like this idea, thanks for sharing!