Shop Mobile More Submit  Join Login
×

:icongasara: More from Gasara





Details

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

Stats

Views
166,184 (57 today)
Favourites
11,315 (who?)
Comments
1,338
Downloads
1,368
×
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:
 
:iconqueenwolfiey:
Queenwolfiey Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
it works!
thank you so much!
Reply
:icond-ancer:
D-ancer Featured By Owner Feb 17, 2015  New member
You are my god
Thank youuuu
Reply
:iconvapolord:
Vapolord Featured By Owner Feb 15, 2015  Hobbyist Digital Artist
The problem I have with all these customization options at the moment are the following: I can always have a box that will fit nicely If I put on my page on half of a 1920p monitor, but the will not auto allignt the text like the default profile text does. What shall I do about it?
Reply
:iconeternalli:
Eternalli Featured By Owner Feb 4, 2015  Hobbyist Artist
aghhh it's so difficult ;^;
I just can't do it :c
Reply
:iconyukimiharu:
YukiMiharu Featured By Owner Feb 2, 2015  Hobbyist General Artist
OMMGGG thats amazing!!! it helpd me a lot with mah profile~~~~ thank uuuu chu~~~
Reply
:iconmadisonthesp00ky:
MadisonTheSp00ky Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
Is there any code I could use to change the colour of my text? My text is grey, and it's hard to see because of my background colour. 
Reply
:iconmadisonthesp00ky:
MadisonTheSp00ky Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
wait nevermind, I figured it out. c:
Reply
:iconceciliasalituro:
ceciliasalituro Featured By Owner Jan 28, 2015  Hobbyist Traditional Artist
FINALLY! SOMETHING THAT DOSEN'T TAKE ROCKET SCIENCE!
Reply
:iconpsycopix:
psycopix Featured By Owner Jan 23, 2015  Hobbyist General Artist
Thing is, how do I edit my deviantID that I have at the top right of my profile, to allow a background image? Can you only change stuff in the Custom Box? If that's so, I can't move the custom box around to replace the position of some widgets eg deviantID. I tried changing my ID widget to have a background image with the code you provided but it won't allow the change.

Thanks for any help.
Reply
:iconwitheredchica:
WitheredChica Featured By Owner Jan 13, 2015  New member Hobbyist General Artist
thanks so so much!
Reply
:iconlife-needs-colour:
Life-Needs-Colour Featured By Owner Jan 12, 2015  New member Hobbyist Traditional Artist
I tried putting the link where you said to, but all it does is show the link.

Help? xD
Reply
:iconskribble-chibi:
Skribble-Chibi Featured By Owner Jan 7, 2015  Student General Artist
okay, i have some questions: Where do i find the url of a picture?
                                          where do i find these little avatar thingies i can add?
                                         how do i change the backgrounds of my other widgets?


Thank you for listening (or more for reading:D)
Reply
:iconqueenofcreepy:
QueenOfCreepy Featured By Owner Dec 27, 2014  Hobbyist Writer
it didn't work for meh
Reply
:iconyuukipink:
yuukipink Featured By Owner Jan 5, 2015  Professional Digital Artist
Do you have a premium membership? 
Reply
:iconqueenofcreepy:
QueenOfCreepy Featured By Owner Jan 5, 2015  Hobbyist Writer
Yeh. But it worked now \(3.3\) after i used some other code
Reply
:iconfaridjoss:
faridjoss Featured By Owner Dec 23, 2014  New member
Thank you for providing such a lovely tutorial lampu led motor . I've been meaning to find something that'll help me pretty up my page...!!!
Reply
:iconknifepartyzombiez:
KnifePartyZombiez Featured By Owner Dec 22, 2014  Hobbyist General Artist
It won't work e.e
Oh well I give up anyway I don't need a background :C
Reply
:iconrelic-angel:
Relic-Angel Featured By Owner Nov 25, 2014  Hobbyist General Artist
Thank you for providing such a lovely tutorial. I've been meaning to find something that'll help me pretty up my page. ^^
Reply
:iconsorrinna-ushika-seji:
Sorrinna-Ushika-Seji Featured By Owner Nov 15, 2014  Hobbyist General Artist
Reply
:iconbroobroo:
BrooBroo Featured By Owner Nov 8, 2014  Student General Artist
...I have no idea how any of this works...

I...tried it but i just gave up....Its fine...
Reply
:iconchessmilysan:
chessmilysan Featured By Owner Edited Nov 4, 2014  Student Artist
Thank you so much;;w;;  this is so helpful<3
Reply
:iconh0b0--klng:
H0B0--KlNG Featured By Owner Oct 28, 2014  Hobbyist Artist
ahh thank you so much
this helped a lot ! <3
Reply
:iconsparkii-oliv:
Sparkii-oliv Featured By Owner Oct 26, 2014  Hobbyist Digital Artist
what is url?
Reply
:iconjanda9963:
janda9963 Featured By Owner Oct 26, 2014
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 Oct 25, 2014
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
:iconmiaowkat:
MiaowKat Featured By Owner Dec 4, 2014
Waah, this is 2 months late but I'll reply for those who doesn't know yet.

For the image, if its too big then you'll have to use the width and height tag inside the <img src=""> code.

Ex.

<img src="url here" width="(preferred width)" height="(preferred height)" />

<img src="33.media.tumblr.com/0105c94d59…" width="100" height="100" />

Just don't forget the quotation marks. ;v;) /
Reply
:iconeternal-glow:
Eternal-Glow Featured By Owner Dec 4, 2014
zomg! Thank you sooo freaking much for this! Aaah!
You are the best! ;-; *hugs forever!* omg! ;u;u;u;u;
Better late than never! Aaaah! This made my day <33
Thank you sooo freaking much once again! >u<
Reply
:iconmiaowkat:
MiaowKat Featured By Owner Dec 4, 2014
You're welcome! I'm glad that you find it very useful :meow:
Reply
:iconeternal-glow:
Eternal-Glow Featured By Owner Dec 4, 2014
>v<
Reply
:iconshieldwinchester:
ShieldWinchester Featured By Owner Oct 25, 2014  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
:iconcashmere-cuddles:
Cashmere-Cuddles Featured By Owner Nov 25, 2014  Student Artist
Hello,
so I'm trying to code my deviantID. I got the background in there fine, and all the text is in the right place, but my deviantID profile picture thing won't show up. Is there any way to avoid that?
Thank you c:
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
is it possible to change the font colour?
Reply
:icongasara:
Gasara Featured By Owner Oct 16, 2014
You can change the font colour on your profile to a few specific colours only. See the guide below for more.

FAQ13 - 
How do I change the font colour?
Reply
:iconsadspace:
sadspace Featured By Owner Oct 16, 2014
ty!
Reply
:iconkawaiiraien:
KawaiiRaien Featured By Owner Oct 11, 2014  Hobbyist Digital Artist
thank you!!! :D
Reply
:iconkanji-or-koi:
Kanji-or-Koi Featured By Owner Oct 9, 2014  Hobbyist Digital Artist
Very helpful, thanks so much!! :la:
Reply
:iconjessoterick:
jessoterick Featured By Owner Oct 8, 2014  Hobbyist General Artist
Useful as heck! Thank you! :hug:
Reply
:iconthewolfwiththeraven:
TheWolfWithTheRaven Featured By Owner Oct 6, 2014  Student Traditional Artist
Be a memeber*
Reply
:iconthewolfwiththeraven:
TheWolfWithTheRaven Featured By Owner Oct 6, 2014  Student Traditional Artist
So you need to be a me ember to change the background? Cause I went to go change mine and it said members only
Reply
:iconieaveshells:
Ieaveshells Featured By Owner Sep 26, 2014  Hobbyist Digital Artist
the custom box background didnt work...
my heart is broken..
Reply
:iconour-little-talks:
Our-Little-Talks Featured By Owner Sep 22, 2014
is it possible that you could send me those example stripes ? ;o;
Reply
:iconour-little-talks:
Our-Little-Talks Featured By Owner Sep 23, 2014
or possibly just link me to it ? cx
Reply
:iconrainbowmusicangel:
rainbowmusicangel Featured By Owner Sep 21, 2014  Student Artist
how do I add music to my page? 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 ;-;'
Reply
:iconmedical-shenanigans:
Medical-Shenanigans Featured By Owner Sep 27, 2014  Hobbyist General Artist
Here you go! ==>  Mini Youtube Player embeddable code
Hope this is what you were looking for ;u;
Reply
Add a Comment: