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="floaty-boat"><img src="BACKGROUND IMAGE URL"></div></div>
<div class="gr-box gr-genericbox">