Shop Mobile More Submit  Join Login
Pretty Up Your Profile 2.0 (Beginner) by Gasara Pretty Up Your Profile 2.0 (Beginner) by Gasara
This has drained me emotionally and physically.

I've been meaning to update the original tutorial for a while now but only just managed to get around to doing it. I'd forgotten how long tutorials take me to make and how much I don't really enjoy making them, haha. All that screencapping and cutting and pasting... But this is for you, guys, and that makes it worth it.

As you can probably tell from the ridiculous length of this I've gone into a little more detail about the areas covered and provided better images for those of you who prefer to follow visual tutorials. You don't need to be put off by the length as everything's really simple to do and you can just skip to the code if you want to. Those of you who are new to this or want a little more insight can take your time and go through it at a slower pace. It might even help to copy code directly from my examples just to get a feel for things.

There are a few things that I still want to cover but I'm going to save them for another tutorial - let us have a break first. In that I'll cover content holders, buttons and journal skin integration. These'll be slightly more advanced topics but still easy enough to learn.

Also, I have decided to leave the original tutorial up because I know a lot of you still use that and it's certainly more compact. I figured some people might prefer that for quick reference too. You'll have the choice of using whichever tutorial works best for you.

And with that I'll leave you to your profile prettying. Enjoy!



Custom Widget Background Code

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

YOUR CONTENT

</div>
Add a Comment:
 
:iconalex-chandraws:
Alex-chanDraws Featured By Owner Oct 23, 2015  Hobbyist Digital Artist
Hello! I was wondering, does anyone know where I can find some nice clean, simple backgrounds that I can use for free? Thank You!
Reply
:iconfaygodrainedinsanity:
FaygoDrainedInsanity Featured By Owner Dec 10, 2015  New Deviant Professional General Artist
Hmm, Yes. frostykat13.deviantart.com/ Has some nice background for you. If that helps, anyway.
I'm Spiderman!!! -Jacksepticeye (Request) 
Reply
:iconkumhocuppajoe:
KumhoCuppaJoe Featured By Owner Oct 11, 2015  Student Digital Artist
Thank you so much for sharing! 

All your effort was not in vain XD 
Reply
:iconsarahdog2009:
Sarahdog2009 Featured By Owner Sep 27, 2015  Hobbyist Traditional Artist
Is there any way to get a background on other widgets to?
Reply
:iconeason-liang22:
Eason-Liang22 Featured By Owner Sep 21, 2015  Hobbyist Digital Artist
Can you pls tell me how the content works? like what is background image url and whats the difference between the content and this? pls tell me!!
Reply
:iconlittle-pear:
Little-pear Featured By Owner Sep 1, 2015  Student Digital Artist
If I wanted to add text or thumbs along with the background and image, would I put this in the content section or would I make a separate code?
Reply
:iconlittlemoonstar:
Littlemoonstar Featured By Owner Aug 31, 2015  Student Digital Artist
Thank you! this helps me lots Llama Emoji-23 (Shyness) [V1] 
Reply
:iconpaloway:
Paloway Featured By Owner Aug 12, 2015  Student Traditional Artist
Can you only do this if you're a core member? :c
Reply
:iconnyantendods:
NyantendoDS Featured By Owner Sep 4, 2015  Hobbyist Digital Artist
Unfortunately,yes.
Reply
:iconewalynn:
Ewalynn Featured By Owner Aug 12, 2015  Hobbyist General Artist
Thank you for the tutorial!
Reply
:iconponykittyartist02:
PonyKittyArtist02 Featured By Owner Jul 23, 2015  Hobbyist Artist
I'm on mobile so I don't know where the edit page button is ;;
Reply
:iconstarry-sun:
Starry-Sun Featured By Owner Aug 4, 2015  Hobbyist General Artist
Oh I think I can help with that :) scroll all the way down to the bottom and there should be a "switch to desktop site" button at the bottom edge of your screen. Hope this helps :D
Reply
:iconponykittyartist02:
PonyKittyArtist02 Featured By Owner Aug 4, 2015  Hobbyist Artist
Great, I've done it!
Thank you so much!
Reply
:iconstarry-sun:
Starry-Sun Featured By Owner Aug 4, 2015  Hobbyist General Artist
Np, happy to help
Reply
:iconarandomvelociraptor:
ArandomVelociraptor Featured By Owner Jun 14, 2015  Hobbyist General Artist
The code for the custom widget background doesn't work for me at all. Do you think you could help me?
Reply
:iconcelerise:
Celerise Featured By Owner Jul 19, 2015  Student General Artist
A much easier way to add a background is by doing this:
Grab the URL of the image you want, and go to da, Type in the box "custom box code" a little box should pop up and click it! It  should have a long strip you can enter the text in, Put the URL in there, and go to where it says "Preview" click it and you should see your background and "YOUR TEXT / EMOTES/ THUMBS" wrote in text in the middle.

You can even have boxes to write in by it.
Reply
:iconarandomvelociraptor:
ArandomVelociraptor Featured By Owner Jul 19, 2015  Hobbyist General Artist
Thanks!
Reply
:iconcelerise:
Celerise Featured By Owner Jul 19, 2015  Student General Artist
No problem!
Reply
:iconponyoftardis:
PonyOfTardis Featured By Owner Jun 1, 2015  Hobbyist Digital Artist
What do I change gr-box gr-genericbox to when I add a background to my donation box? When I use use the code above my donate goal box disappears.  You can see what I mean on my profile :\
Reply
:iconhk-0391:
HK-0391 Featured By Owner May 24, 2015   Digital Artist
Capture by HK-0391 <-- Did I do something wrong?
Reply
:iconamufujibioshi:
AmuFujibioshi Featured By Owner Jul 17, 2015  Student General Artist
you want to center the image by using the code
in front of the code you used to put the picture in

If this doesn't work I'm sorry!
Reply
:iconteddileah:
teddileah Featured By Owner May 2, 2015  Student General Artist
; u ; Ahh, okay, one question. So how do I make a picture bigger when I use the "thumb"? Because whenever I do that, the picture is really small. 
Reply
:icontotalconflagration:
TotalConflagration Featured By Owner Jun 27, 2015  Hobbyist General Artist
I know you posted this a while ago, but if you take the normal :thumb(whatever): and change it to :bigthumb(whatever): it'll make it a bit bigger.
Reply
:iconteddileah:
teddileah Featured By Owner Jul 2, 2015  Student General Artist
Ahh! This is what I was looking for! Thanks so much! :la: :heart:
Reply
:icontotalconflagration:
TotalConflagration Featured By Owner Jul 2, 2015  Hobbyist General Artist
No problem!
Reply
:icondiego-brandosaur:
Diego-Brandosaur Featured By Owner May 5, 2015
<img src="IMAGE URL">
Reply
:iconteddileah:
teddileah Featured By Owner May 5, 2015  Student General Artist
Thanks!!
Reply
:icondiego-brandosaur:
Diego-Brandosaur Featured By Owner May 5, 2015
np ^^
Reply
:iconteddileah:
teddileah Featured By Owner May 5, 2015  Student General Artist
x) 
Reply
:iconchisana-kuma:
chisana-kuma Featured By Owner Apr 19, 2015  Student Artist
yay!~ :tea:
i am not a premium member, but my profile is still rockin my socks
thank you so very much!
Reply
:iconpunkmiketaylor:
PunkMikeTaylor Featured By Owner Apr 18, 2015  Hobbyist Digital Artist
Very helpfull. Thank you :D
Reply
:iconkarinchan97:
karinchan97 Featured By Owner Feb 16, 2015  Student General Artist
Thanks for this amazing tutorial!
Reply
:iconenide-kant:
Enide-Kant Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
Amazing Tutorial!! a lot of work!! Thaaank you so much! :hug:
Reply
:iconvenomlestrange:
VenomLeStrange Featured By Owner Jan 17, 2015  Hobbyist Digital Artist
This was HUGELY helpfull!
I only have one question: is it possible to add a background to the Gallery Box? Thank you!
Reply
:iconequinelullaby:
EquineLullaby Featured By Owner Jan 18, 2015  Hobbyist Digital Artist
it is but then you have to manually add the deviations in,as the BG will cover up the originals 
Reply
:icondemonshark151:
Demonshark151 Featured By Owner Jan 5, 2015  Hobbyist Digital Artist
This is so helpful! Thank you for making this! ヽ(;▽;)ノ
Reply
:iconcaptain-starburst:
Captain-Starburst Featured By Owner Dec 27, 2014  Student General Artist
If I may ask, how did you get a background on the rest of your boxes that arent a custom box?
Because Ive tried rearranging where the code goes, but it Always Covers up everything there.
Reply
:iconyour-horse-face:
Your-Horse-Face Featured By Owner Nov 20, 2014
How do you get a picture on the side in my daID? like see how p-ragmatic has their Jean Kirstein picture on the side?
I know about the <img src="IMAGE HERE"> 
Could you possibly tell me?
Reply
:iconredkubby:
redkubby Featured By Owner Oct 30, 2014  Hobbyist
Thank you, so much! :D You helped me a lot!
Reply
:iconsmccreations:
SMCCreations Featured By Owner Sep 25, 2014  Hobbyist Digital Artist
I cannot thank you enough!  ♥Heart +fav 
Reply
:iconbluemoon4601:
BlueMoon4601 Featured By Owner Sep 24, 2014  Hobbyist Traditional Artist
I can't read it, it's too small. and when I save it as a picture, it's too blurry. Really Sad 
Reply
:iconwaltzthroughthestars:
WaltzThroughTheStars Featured By Owner Nov 16, 2014  Hobbyist Digital Artist
Click on it to enlarge it.
Reply
:iconbluemoon4601:
BlueMoon4601 Featured By Owner Nov 24, 2014  Hobbyist Traditional Artist
thanks
Reply
:iconhopeswings777:
HopeSwings777 Featured By Owner Sep 16, 2014
I'd like to post some literature with one of those pretty background pages. Are the guidelines for custom boxes on dA the same for literature templates ? I can upload one of the templates successfully, but I can't figure out how to add my text (poems or essays). I was afraid that I might have to resort to layers in MS Paint, which I know almost nothing about. Also, I tried to use one of those lit templates on Muro, but I couldn't make it work there either. (I've never successfully used digital layers  in any form) 
Reply
:iconpenguinity:
Penguinity Featured By Owner Sep 12, 2014   General Artist
THANK YOU, this is so helpful! :hug:
Reply
:iconfro7a:
Fro7a Featured By Owner Sep 2, 2014  Hobbyist General Artist
Gorgeous one!
How can I add a box inside the custom box itself?
I mean like what she has in her profile :iconkezzi-rose:
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
Ah, you'll CypherVisor and his content holder codes. He has a bunch of different types in his gallery that you can use.

:tighthug:
Reply
:iconmermaddy:
Mermaddy Featured By Owner Jul 15, 2014  Professional Digital Artist
How can I apply social icons that have rollover effects into my journal? Is this even possible?
Reply
:icongasara:
Gasara Featured By Owner Jul 16, 2014
Hi there! 
Yes, you can add rollover effects to journal skins. It's a bit tricky to explain in a comment so I found this tutorial for you: www.gadgetronicx.com/2014/05/s…

You'll have to either make your own skin or edit an existing one with the code. You should be able to find some pretty good tutorials on dA if you need help with this.

Hope that helps!
Reply
:iconmermaddy:
Mermaddy Featured By Owner Jul 16, 2014  Professional Digital Artist
Thank you so much! I really appreciate it!
Reply
Add a Comment:
 
×

:icongasara: More from Gasara





Details

Submitted on
August 26, 2013
Image Size
1.9 MB
Resolution
600×14640
Link
Thumb
Embed

Stats

Views
39,041 (1 today)
Favourites
3,230 (who?)
Comments
208
Downloads
537
×