HOME  I  LAYOUTS  I  FANFICTIONS  I  REQUEST SHOP  

Overlapping Text Box (June 21, 2017)

Edited: October 30, 2017

❊

Hello! Another year has passed since the last tutorial, ahaha~ 

This chapter features a layout tutorial to help those who don't want their images to be right-clickable or draggable. This is just one way of how I code such commands. I know of another one called background-image but since it can be a hassle (because the codes can get wacky when the editor is opened again), I just resorted to do this path instead. 

I'm going to be using this picture of Jonghyun (JR) from Nu'est. #Nation'sLeader 

My partner for this tutorial is Naniwa's Speed Star, Oari Kenya, from The Prince of Tennis!

Note: If you can't see the image, click the image for the full size.

Also, codes are available at the end.

Update: You don't have to worry about right clicks anymore due to the new implementation of the 'Block Text Selection and Right-Clicks' option which can be found when you edit the foreword/description (one of the check boxes so check that if need be). But since you can still drag images, you can still use this tutorial. 

Step 1

Find a picture and copy the url link. You can either insert the image normally (by clicking on the image icon) or by typing in the code. Make sure to set clear dimensions as highlighted below:

Live Preview:

Step 2

Make a second div containe