Shop Forum 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:
 
:iconsoulsilver93:
SoulSilver93 Featured By Owner Dec 28, 2018  Hobbyist
thank you so much, that's really helpful :D
Reply
:iconcolfea:
Colfea Featured By Owner Sep 23, 2018  Hobbyist General Artist
Ah, thank you so much for making this, it was SUCH a help.
Reply
:iconirishskye:
IrishSkye Featured By Owner Aug 15, 2018
Tyvm for making this...it helps SO much
Reply
:icongingerale71777:
gingerale71777 Featured By Owner Aug 9, 2018  Hobbyist Digital Artist
you are a saint, praise uuuuu
Reply
:iconcunaris:
Cunaris Featured By Owner Jul 28, 2018  Hobbyist Digital Artist
Thank you for making this! :o
Reply
:icongasara:
Gasara Featured By Owner Jul 29, 2018  Professional General Artist
My pleasure x
Reply
:iconcaptainrennie:
CaptainRennie Featured By Owner May 10, 2018  Hobbyist Digital Artist
I'm having trouble with the custom box background on my group page
Heres a picture of the code and a picture of the background not filling the box --> Both Pictures
Also when I put text into the YOUR CONTENT part it doesn't fit into the background either
Reply
:iconmertlikatze:
Mertlikatze Featured By Owner Edited Jun 5, 2018  Hobbyist Filmographer
I know I'm a bit late, but CSS only works on supergroups. Sorry. ^^;
Reply
:iconcaptainrennie:
CaptainRennie Featured By Owner Jun 5, 2018  Hobbyist Digital Artist
Ah okay! Thanks!! :3
Reply
:iconmertlikatze:
Mertlikatze Featured By Owner Jun 6, 2018  Hobbyist Filmographer
No problem. :D
Reply
:iconundeadromeo716:
UndeadRomeo716 Featured By Owner Feb 20, 2018  Hobbyist Digital Artist
thank you so much!!!!!!
Reply
:iconfallerium:
Fallerium Featured By Owner Feb 4, 2018  Student Digital Artist
Thank you so much ! This helped me IMMENSELY.
Reply
:icongasara:
Gasara Featured By Owner Feb 5, 2018  Professional General Artist
It's an absolute pleasure!
Reply
:iconwildspiritflower:
WildSpiritFlower Featured By Owner Jan 15, 2018  Hobbyist Digital Artist
Sorry, but, didn't work.
Reply
:icongasara:
Gasara Featured By Owner Jan 15, 2018  Professional General Artist
Which part of the tutorial were you following? What were you trying to do and in what way did it not work? If you let me know I can try to help.
Reply
:iconwildspiritflower:
WildSpiritFlower Featured By Owner Jan 15, 2018  Hobbyist Digital Artist
I did the code you gave us to use for the backgrounds. It didn't work.
Reply
:icongasara:
Gasara Featured By Owner Jan 16, 2018  Professional General Artist
Ok. Would you be able to take a screenshot of the code please? If I can take a look I should be able to see what's wrong.
Reply
:iconwildspiritflower:
WildSpiritFlower Featured By Owner Edited Jan 16, 2018  Hobbyist Digital Artist
It's fine, I don't need to have my page coded. It's fine, really.</i>
Reply
:iconfaunspirit:
FaunSpirit Featured By Owner Sep 29, 2017  Hobbyist Digital Artist
how do you put letters on top of your image?
Reply
:iconblubberbunny:
BlubberBunny Featured By Owner May 4, 2017  Hobbyist Digital Artist
Oh nvm! I got it but idk why I can highlight my custom box u - u it ok I guess
Reply
:iconblubberbunny:
BlubberBunny Featured By Owner May 4, 2017  Hobbyist Digital Artist
Would you by chance know how to make the custom boxes look like this dA user: nukerooster.deviantart.com/?of…
I tried contacting them but they never replied Llama Emoji-45 (Smug) [V2] 
Or have you already made a tutorial about this?
If so could you send me the link as to where I can find it?
Reply
:iconjunebug12851:
junebug12851 Featured By Owner Edited Apr 8, 2018  Student Traditional Artist
It seems pretty straightforward, it looks like they took 1 large image and split it into 2 right down the middle and then just added it in one on each side. The title is just ascii art using images built into the computer's font. The next 2 boxes are just a background image exactly like here except a lot of line breaks, a deviant art built-in font-style, and a custom font face.
Reply
:iconnishant321go:
Nishant321go Featured By Owner Apr 26, 2017  Hobbyist Digital Artist
how can i put multiple deviations with thumbnails inside a custom box? 
Reply
:iconcrowen:
crowen Featured By Owner Mar 1, 2017  Hobbyist Photographer
This is great, I managed with some patience, to edit some of my text in deviantID widget, with ABSOLUTELY NO PRIOR HTML KNOWLEDGE! You explained it beautifully, especially with the examples, and I've finally learned to add several functions for a single line of text :D Thank you so much for this! :w00t: :w00t: :w00t:
Reply
:iconstardusths:
StarDustHS Featured By Owner Dec 18, 2016   Digital Artist
Fox emoji - hearts THANK YOU!!! YOU GET A LLAMA!!!Heart 
Reply
:iconmlp-adict:
Mlp-Adict Featured By Owner Dec 11, 2016  Professional Digital Artist
Used! Thank you Gasara 
Reply
:iconfluershy123:
Fluershy123 Featured By Owner Nov 24, 2016  Student Artist
USED LOOK AT MY PROFILE FOR MORE!
Reply
:iconauraquartzartist:
AuraQuartzArtist Featured By Owner Aug 28, 2016
Hey, I'm trying to get something from a sta.sh and there isn't a thumb code or anything, I've seen other users use the bullets I'm trying to get, but I have no idea how, I asked and one brought me to here. Is there a way to get something from Sta.sh without a thumb code???
Reply
:iconyukiiechan:
YukiieChan Featured By Owner Aug 24, 2016  Hobbyist Digital Artist
Thank you, This was very helpful~! ♥
Reply
:iconmessalita:
Messalita Featured By Owner Aug 3, 2016  Hobbyist Traditional Artist
Tysm! This was really helpful :3
Reply
:icongasara:
Gasara Featured By Owner Aug 3, 2016  Professional General Artist
No problem at all!:iconcocoloveplz:
Reply
:iconitrashtom:
Itrashtom Featured By Owner Jul 20, 2016  Student Artist
how to make the background longer?
Reply
:icongasara:
Gasara Featured By Owner Aug 3, 2016  Professional General Artist
Reply
:iconkyasurina-chan:
kyasurina-chan Featured By Owner Jul 16, 2016  Hobbyist Digital Artist
How do you extend a custom box?
Reply
:icongasara:
Gasara Featured By Owner Aug 3, 2016  Professional General Artist
The box or the background? The background can be repeated like so:

FAQ11 - How do I repeat my custom background?

Or if you just mean to add more space in the box just press enter a couple of times where you add your content.
Reply
:iconkirsticatstjellofoo:
KirstiCatStJelloFoo Featured By Owner Jul 3, 2016  Hobbyist Digital Artist
Ahhhh~! 
I got the teensy bit of the basic's now!
Sort of lol

Thank you for your tutorial!
Reply
:icongasara:
Gasara Featured By Owner Aug 3, 2016  Professional General Artist
You're welcome!
Reply
:iconangelinia:
Angelinia Featured By Owner Jul 2, 2016  Hobbyist Digital Artist
Do these work for everyone or only members?
Reply
:icongasara:
Gasara Featured By Owner Jul 2, 2016  Professional General Artist
Everything works for all members except for the custom backgrounds. The table in the Layout & Widgets section tells you which profile widgets can be used with free accounts and those that can be used with core (premium) accounts.
Reply
:iconangelinia:
Angelinia Featured By Owner Jul 3, 2016  Hobbyist Digital Artist
Thanks for the answer!:love: 
Reply
:iconchristiianu:
christiianu Featured By Owner Jul 1, 2016  Hobbyist General Artist
um.. i kinda can't see it at all
Reply
:icongasara:
Gasara Featured By Owner Jul 1, 2016  Professional General Artist
You can't see the tutorial? :?
Reply
:iconchristiianu:
christiianu Featured By Owner Jul 1, 2016  Hobbyist General Artist
nevermind! i fixed it and wow this is exhausting to do
Reply
:iconseibe:
Seibe Featured By Owner Jun 16, 2016  Hobbyist Digital Artist
just wondering, is there a way of changing the color of the text?
Reply
:iconshadowwolfanime13:
ShadowWolfAnime13 Featured By Owner Nov 19, 2017  Hobbyist Traditional Artist
Nope, not that I've seen yet.
Reply
:icongasara:
Gasara Featured By Owner Jun 16, 2016  Professional General Artist
Reply
:iconseibe:
Seibe Featured By Owner Jun 16, 2016  Hobbyist Digital Artist
thx
Reply
:iconkatukaty:
Katukaty Featured By Owner Jun 3, 2016  Hobbyist General Artist
A question, users without core can put a menu on your profile? few days ago I saw a person with a menu and had no core :o (Eek) 
Reply
:icongasara:
Gasara Featured By Owner Jun 3, 2016  Professional General Artist
Non-core members can still display a journal in the Featured Deviation widget (which is how you display the menus) but they can't edit the journal skins to fully code a menu. At least, not that I'm aware of. Do you know whose profile you saw it on? I'd like to see just to make sure. :)
Reply
:icondeitara:
Deitara Featured By Owner May 22, 2016  Hobbyist Writer
Thank you! (*๓´╰╯`๓)Ťhαnks..
Reply
Add a Comment:
 
×

:icongasara: More from Gasara





Details

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

Stats

Views
61,556 (6 today)
Favourites
3,928 (who?)
Comments
294
Downloads
778