Terms

Do

  • Keep the "Layout by Tohar" intact
  • Respect my terms

    • Don't

  • Remove/Hide/Change the "Layout by Tohar". Please dont even change the location.
  • Claim as yours

    • Feel free to customise but please, do not remove the credits! Thank you ♥



    Map


    How to enable and use Melon's iFrame script - click
    How to disable Melon's iFrame script - click
    How to install the template to your site - click

    (If youre too lazy to read the two first tutorials you can just copy paste the templates that are optimised for and for not having the script. if this isnt clear just click on the last one)





       Tutorial - How To Use

         This layout uses Melon's iFrame script. This means that by default , every link you click (on the navigation bar above) will not send you to a completely new page, but rather that page will show up in this orange box, where you are currently reading the Tutorial.

    You can actually disable this if you dont want your website to work like this, meaning you can make it so every link sends you to a completely different page rather than showing it here. I'll get to that later.

    How do I use Melon's iframe script?
    It's actually really simple! You just need 3 steps;

  • 1 . Put <script src="https://melonking.net/scripts/frame-link.js"></script> in the head of your site. (html) For example ;

  • 2 . Create the iframe. (html) For example ;

  • 3 . Add <target="main"> to the links. (html) For example ;


    • If something wasnt very clear or you still have questions , here is Melon's tutorial and there is also a tutorial in the script itself!

    Note - if you do decide to use Melon's iframe script, Here are a few tips!
    1 . When you code the pages that are supposed to show up in the iframe (aka iframe pages), if you want to add a link that sends you to a completely different page, use <target="_blank"> inside of the link element ! For example ;
    2 . When you code the pages that are supposed to show up in the iframe (aka iframe pages), I really recommend using the same css file for all of them so when you change something for one page, it changes for all pages!
    3 . In the css file of your iframe pages, use this : for a better-looking effect for your iframe!
    body {
    background: transparent;
    }
    4 . Use this code for your iframe for the best effect!

    5 . If you'd like you can use my own CSS file for your iframe pages! Just copy and paste it into your own css file ^__^









    How to Disable Melon's iFrame Script

    If you prefer not to use iFrames, that is totally fine and understandable ! I dont use them too on my index page ♥

    In order to disable it, you need 3 steps.
    1 . Remove <script src="https://melonking.net/scripts/frame-link.js"></script> from your index's head section (html).
    2 . Edit the links and change <target="main"> to <target="_blank">
    3 . Write whatever you want for your homepage instead of the iframe, or just set <iframe src=" [iframe page url] " style="margin: 20px; margin-top: 40px; border-bottom-right-radius: 55px;" height="80%" width="92%" frameborder="0"></iframe> if you still want to use an iframe but without melon's script!





    How to Install to Your Own Site

    How do you use the template? Very simple.
    Choose wether you want to use the iframe script or not.
    If you do, here is what you need! (if you dont , scroll down)

    HTML of index.html

    CSS of index.html


    Notice : for the css file, remove the notes i wrote for the css to work! (remove the <!-- stuff -->)

    CSS of the iframe pages



    If you wish to not use the iframe script, add these to your site:
    HTML of index.html

    CSS of index.html


    Notice : for the css file, remove the notes i wrote for the css to work! (remove the <!-- stuff -->)


    That.. is it! You reached the end of the page. Congratulations ! This took a while to write lolz
    Please, do not remove, hide, edit or change the credits in the top of the page. Please listen to the terms too. I put time and effort on this layout only to help those who needed it, so please treat me with the same respect.
    Thank you ♥