How to Code your Page! (Tutorial)

6 min read

Deviation Actions

Nikonfinest's avatar
By
Published:
8.5K Views
Twitter l Gallery l Prints l My Page l Watch Me l Note Me

So, In the past and recently I have been asked multiple times how I coded my page and if I would help them code theirs ect. So today I am going to try and cover all bases and create a tutorial on how to code your page!
~
1.The first step to coding your page is to pick which background you want, you can choose any pattern you want but it needs to be a large size or else it will appear blurry. Mine is about 

975×1950


2.Then, once you have chosen the pattern that you want you need to upload it to your st.ash or and you must copy the ¨IMAGE ADDRESS¨ not the image itself, it HAS to be the address in order for it to work! It should look like this ¨orig08.deviantart.net/9a0a/f/2… or better seen in this screenshot

Screenshot 2016-11-26 at 6.39.21 PM - Edited by Nikonfinest


3.Once you have either uploaded the image to your st.ash to copy the url or found on on deviantart, the next step is to add it into this basic coding which I will add below so all you need to do is copy and paste it into your text box and add your personalized pattern also you can add your image url and text where directed.


<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="IMAGE URL HERE"/></div></div><div class="gr-box gr-genericbox"><br>TEXT HERE</div>
This is pretty generic, so if you want a more advanced one like me follow this screen shot and make changes where you need:

Screenshot 2016-11-26 at 8.02.50 PM - Edited by Nikonfinest


4. If you would like to add symbols to your page, like mine just copy the ones I listed below, or go to www.fileformat.info/info/emoji… and find one

♥  ♡  


5.So, that was pretty much all, there are so many more things you can add to your boxes like buttons or photos, but you can find the coding for that by looking it up, and If you want you can always note me and I will send them to you.

~
So, thats it, please let me know if you need anything clarified and if you need any additional help just note me and I can make the coding for you.
Thanks, let me know if this is helpful especially, ColorfulLadybug 
-Nikonfinest



"Life is like a camera, focus on what important, and you'll capture it perfectly"
♥Cody A. Photography (Nikonfinest)
© 2016 - 2024 Nikonfinest
Comments34
Join the community to add your comment. Already a deviant? Log In
wolfgoohootaj's avatar
were do i put the code in???