»text over photo

♔Leviosa Academy ; CLOSED.
Please Subscribe to read the full chapter

 

I'll be teaching how to put text over photos in this lesson.

I hope you remember where to put the codes on html (which is found in the Source).
If you have forgotten, go back to the previous lesson.

 

+Pick a picture/gif you want and click the source button.


The code is: margin: 0px 0px -#px;

e.g. margin: 0px 0px -70px;

 

Preview:

GIVE ME A KISS

 

Tips:
❤ check the height of the photo before putting a number on the margin.
e.g. if the photo's height is 300 and you want to get the result above, pick a smaller number than 300.
or you can just experiment and simply put random numbers each time to get the text where you want it.

READ ME
IF YOU DO NOT UNDERSTAND A POINT OR HAVE A QUESTION YOURSELF,
PLEASE FEEL FREE TO COMMENT BELOW AND I WILL TRY TO HELP YOU.
(〜￣▽￣)〜

Please Subscribe to read the full chapter
Like this story? Give it an Upvote!
Thank you!
Author's Thoughts
tadhana
I don't have time to reply but I read all your comments. Thank you for the kind words!
Read More →
Back to Top ↑

Comments

You must be logged in to comment
mrs_shawty #1
Chapter 5: Hello! I learn a lot from this tutorials. Thank you! C; but for some chapters, the pictures don't work. So it's quite difficult for me to understand how the 'effect' (or what should i call? sorry, i can't think of the word right now) of the codes.
MafiaLoveRp #2
Chapter 10: I have a question, we can used the same step on the text box with the picture?
btsrmjk #3
Chapter 10: I need kind of help and this is for roleplayrepublic and its for my profile, I want to add a textbox under a picture, and i'm reading how to do it but I'm confused. Would you help me?
littlemrstaro97 #4
Chapter 2: Thank you for this! :D
jindaebutt #5
Uhh, how can I put textbox on a picture..?
-rawrgrowl #6
Chapter 10: how can you hide the scroll bar?
megamax #7
Chapter 10: Hello. Can I ask something.
I've been looking many layout but how to do the overflow one but no borders.

I dunno whut im asking but hope you understand
lifestooshort_1902 #8
Can you please take a look at my story and tell me whats the problem? The format is wrong.
http://www.asianfanfics.com/story/view/832640/never-let-go-angst-romance-exo-kris
kim-shoemin #9
Chapter 6: Where in the source do I put the code for the text boxes? After what code???
Angel110 #10
Chapter 2: and I want the following picture to be neatless above the box, is it possible?
http://www.roleplayrepublic.com/roleplay/view_desc/11248/
Back to Top ↑