Add iOSGods Real-Time Screen Video to your Website!

[Goggwell 17.6k iPod Touch 1.0.0]

If you're not sure what I mean by the title, let me explain:

 

This code basically allows you to view what's happening on iOSGods in real-time on-screen without having to visit the website. Cool, right?

 

Here's the link to my pen (with the real-time video) - http://codepen.io/Goggwell/full/PwNpjJ/

 

What this does is it places a mockup of a Mac on your screen, and inside of the screen is the iOSGods website.

How you ask?

 

Here's the code, first of all:

HTML

<iframe src="http://show.placeit.net/?id=4758" width="800" scrolling="no" height="600" frameborder="0"></iframe>

CSS

iframe {

    width: 800px;

    height: 600px;

    margin: 0 auto;

    background-color: #777;

}


iframe {

  display: block;

}

For the CSS code, it's alright to place all the functions inside the first variable. They were separated because I had another function inside the HTML.

 

To get the screen mockup, I went to PlaceIt, an amazing website which creates beautiful high-resolution mockups for you.

 

http://placeit.net

 

 

 

 

[Rook 549k iPad Pro (2nd gen) 17.4 Donor]

Lol it's quite good for advertising.