Shop More Submit  Join Login
×




Details

Submitted on
August 25, 2011
Image Size
1.2 MB
Resolution
704×6010
Link
Thumb
Embed

Stats

Views
153,995 (30 today)
Favourites
10,763 (who?)
Comments
1,310
Downloads
1,326
×
Pretty Up Your Profile by Gasara Pretty Up Your Profile by Gasara
An updated and more in-depth version of this tutorial can now be found here.

I've been asked a number of times how I add background images to the boxes on my profile page so I thought I'd put this together. There's some basic HTML in there as well for snazzy formatting.

The code you'll need for adding backgrounds is below. Just copy/paste into your custom boxes and add your links and content.

--------------------------------------

ADDING BACKGROUNDS TO YOUR CUSTOM BOX:

<div class="popup2-moremenu">
<div class="floaty-boat"><img src="BACKGROUND IMAGE URL"></div>
<div class="gr-box gr-genericbox">

YOUR CONTENT

</div></div>



--------------------------------------

Troubleshooting & FAQ can be found here:

Custom Box - Troubleshooting & FAQCustom Boxes
Quite a few people still seem to have issues with getting their custom box backgrounds to work correctly so I thought I'd put this little troubleshooting guide and FAQ together to help. If you follow the instructions closely, you shouldn't have any problems.
If you encounter any issues that aren't explained here, please let me know. I will update this guide with any extra info or solutions as they are requested.
You can read more about customising your profile page here.
The Basics
<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL"></div></div><div class="gr-box gr-genericbox" align="center">
CUSTOM TEXT
</div>

Copy the code above and paste into a Custom box on your profile page. Add the URL of your background image where it says IMAGE URL and replace CUSTOM TEXT with the content you want


Please read before asking for help. Cheers x
Add a Comment:
 
:iconh0b0--klng:
H0B0--KlNG Featured By Owner 1 day ago  Hobbyist Artist
ahh thank you so much
this helped a lot ! <3
Reply
:iconsparkii-oliv:
Sparkii-oliv Featured By Owner 3 days ago  New member Hobbyist Digital Artist
what is url?
Reply
:iconjanda9963:
janda9963 Featured By Owner 4 days ago  New member
I add videos with music on it but I don't know how to add the bottom where it plays without getting the whole video pie susu dhian
Reply
:iconeternal-glow:
Eternal-Glow Featured By Owner 4 days ago
Is it possible to change the size of the picture you want to put on your page?
For example, if the picture is too big, can you resize it with a code 
or something? without having to go to a certain sight all the time
to resize a picture and uploading a bunch of copies of the picture in your stash, everytime
you have to resize something? ;-;
I hope Im being clear about this! Im so bad at explaining what I need.. ;-;
Reply
:iconshieldwinchester:
ShieldWinchester Featured By Owner 4 days ago  Student Traditional Artist
say you downloaded a pack of bgs? how do you do one of those on a page?
Reply
:iconred--f0x:
RED--F0X Featured By Owner Oct 19, 2014  Hobbyist Digital Artist
um, okay so i tried to put some pictures on my profile and i checked a million times to make sure the coding is reight, but it just shows up as the little picture symbol without the actual picture. What did I do wrong?
Reply
:iconkiro-shinigami:
Kiro-Shinigami Featured By Owner Oct 18, 2014  Hobbyist Traditional Artist
working on this! OAO....Tho im a noob at it T^T
Reply
:icongasara:
Gasara Featured By Owner Oct 19, 2014
If you need help with anything just let me know. :iconpinkballoonplz:
Reply
:iconkiro-shinigami:
Kiro-Shinigami Featured By Owner Oct 19, 2014  Hobbyist Traditional Artist
Thankyou, I am so bad with reading code T^T. For a custom profile I would need to make every box a custom box?
Reply
:iconsadspace:
sadspace Featured By Owner Oct 15, 2014  New member
is it possible to change the font colour?
Reply
Add a Comment: