iFrame Websites

If you're not viewing in mobile mode... you are using an iframe website. This means you usually have the navbar on the left... and a site frame on the right. My site is not an exception!

iFrame sites are popular when you want to distinguish the layout of the website. For example, your blog has different styling than your shrines or about page. I decided to make my site iFrame-ish after I saw Melonking's website.

How to make them!

You can write your own iFrame script and it's the hardest way to do it. iFrame script attaches the link of your embedded website into the address bar. It's possible to write your iFrame website without any script, but bookmarking will be broken and you'll need to navigate to a specific site every time. I did it like this:

address bar

You can code the script from my source code (Ctrl+U) or use another good alternative (it's great, really), it should be somewhere here (forum is closed on Mondays, here you have the script link)

Creating the navigation bar

You can create the navigation bar by another iFrame or by just an element on the page. It doesn't matter. I recommend you to add some GIFs before the subsite name.

The most important thing is to link your links inside your navbar to your iFrame. You don't need to do this to links inside your iFrame, but inside your navbar you have to do that. This is because of different browsing contexts.

My honest recommendations

  1. Create a common.css / global.css file and keep your global styles here.
  2. Do the same with JavaScript, even when you don't need it. After a while you'll probably want something for all sites and you can change this easily in global CSS / global JavaScript.
  3. Try to keep your styling in CSS files only. You can achieve that by importing other files via @import url(file.css). But please, do not make messy / useless classes like red-bold, you can use inline style for this. I hope you understood what I meant.

Where distinguishing the layout does not make sense?

Number one: your blog and your microblog. You don't want to style one article 32898734823632765 hours. In most cases it's just plain text, so why do you even want to change font-size, line-height, font-family, color, etc. for just a short article.

Number two: similarly themed subsites. Do you think this website and this website should have completelly different layouts? I don't.

And that's it for now. Go back.