How to create a div layout that looks like a tablet or a smartphone usiing html and css

I would like to create a div that looks like a tablet or smartphone,
using HTML and css or any other web related language. I also want to put
some images inside that div. A good example is registration page of
Instagram. The smartphone like animation they have on the left side and
some animated images. I have searched allover the internet and I can’t
see one. Any help will be appreciated.
Thanks in advance.

Welcome to Sitepoint forums! :slight_smile:

How is it supposed to interact with the user? Maybe you can take a snapshot or otherwise show more precise how you want it to be. It would be so much easier to respond without the hurdle of first imagine the display you try to explain.

If you’re too new to post an image, maybe you can upload it to a server and link to it. If you can’t link either, type it like “domain dot com”.

1 Like

Hi there superhacker,

you can see an example here…

http://coothead.co.uk/superhacker/4-image-animation.html

…and you can download the files here…

superhacker.zip

coothead

4 Likes

As long as we don’t have @superhacker’s vision you could make it ven simplier; it could be an animated gif. :stuck_out_tongue_winking_eye:

@coothead thenks a lot. Let me try to play around with the codes and whether I will achieve what am looking for.
Am in a scenario whereby, am creating a website which will have some users. I want when a user registers, his or her image to be displayed on that phone layout. If it won’t work i will get back to you.
Thenks again…

Is there a way in which i can put the registration page instead og images inside that layout? alternatively, is it possible to code mine like that so that i will be able to change the name for example, instead of sumsung, i put the name of my site. If its possible, how can go about. Or you can send me a link. I will appreciate any help.
Thenks in advance.

What code do you want to put in there?

What name would you like to put in it’s place?

coothead

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.