HOME | DD
TaNa-Jo — Custom Box Tutorial
by-nd
Published: 2012-05-14 19:39:31 +0000 UTC; Views: 133055; Favourites: 5386; Downloads: 716
Redirect to original
Description
PE: Presentation mattersPresentation mattersIt's not just the artwork that tells you something about it's creator - on the internet, the way you present it is at least equally as important. Your painting can be a masterpiece, hanged in a local gallery, but as long as you post a blurry, badly cropped picture named "1564873" along with "..." in an artist's description, nobody will ever bother visiting your gallery. Creating a nice, representative profile page and setting a certain visual quality standard takes extra time and effort, but if you really care for your work (even if it's just a hobby), you should treat it with some respect.
I've already written a related article called The power of context that tried to explain how to place your work in a context in order to better connect with your audience, this one is focused FEATURED by jane-beata in
Thank you very much
I OFFER PROFILE; GALLERY AND JOURNAL SKIN COMMISSIONS AS WELL
CHECK MY PRICES OR NOTE MENOTE ME IF YOU NEED HELP- DO NOT POST COMMENTS ABOUT THAT PLEASE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
NEWEST VERSION !!!!!! :
Background code :
>> remove all Ä
<ÄdÄiv clÄass="pÄopup2-morÄemenu"Ä>
REPLACE THE LINK WITH YOUR OWN BACKGROUND OR ONE OF MINE ^^
Colored text codes :
>> Colored Text (Custom box) - More colors
White box code :
>> White Box Code
Image used as background (IMAGE URL) :
>> Paste this and remove the ÄÄÄ after you've pasted it
htÄÄÄtp://orig15.deviantart.net/bc2d/f/2015/071/c/d/redcustombackground_by_tana_jo-d8ldtl8.png
CUSTOM BOX CODES : tana-jo.deviantart.com/gallery…
BACKGROUNDS : tana-jo.deviantart.com/gallery…
MORE RESSOURCES AND BOXES : Custom Boxes Collection
If you like the series, please WATCH me to show me that I should continue
Info :
Comission Prices | My Gallery | TUMBLR > tana-jo.tumblr.com
Copyright :
© TaNa-Jo
Related content
Comments: 1305
it is in the tutorial...just after the code..maybe press enter 2 times so you can see where the code begins.. just write it under the code ^^
👍: 0 ⏩: 1
So do i use the rainbow font is that you mean? Im sorry im asking many quetsions its my first time wuth this core thing * c:
👍: 0 ⏩: 1
rainbow font? O_O
yes takes some time until you get the hang of it it is normal ^^
👍: 0 ⏩: 1
The color fonts i meant x3
and yeh i guess
but some people
get the hang of it like in one day
while im still sitting here and its been 2 weeks
👍: 0 ⏩: 1
After or before the background code?
👍: 0 ⏩: 1
Thank you so much! This is very useful! 
👍: 0 ⏩: 0
Hooray! Now I've made a custom box for my profile! 8D Thanks so much!
👍: 0 ⏩: 0
Used! My profile looks great and I love it!
👍: 0 ⏩: 0
Is there a way to put two inner boxes next to each other? And put an image inside the inner box? c:
👍: 0 ⏩: 0
Ok so I'm trying to add an image to my custom box but it wont show? x.x and ive done everything it said in the tutorial
👍: 0 ⏩: 0
im trying to do this and the text wont display above the backgroundi mage help
edit: nevermind it just didnt work unless i copy/pasted it which is driving me up the wall bc i wannat ype this on my own one day lmAO
👍: 0 ⏩: 0
how do you edit custom boxes for groups to have backgrounds?
👍: 0 ⏩: 1
Only super groups can install custom boxes. Same way then
👍: 0 ⏩: 1
You can actually install custom boxes even if you don't have a super group. Except the background code doesn't work.
👍: 0 ⏩: 0
how do you make it so it's like your deviant ID in a way? like so people can click your commission thing let's say
👍: 0 ⏩: 1
That's Css that's far more difficult or use an image and convert it into a link like a button
👍: 0 ⏩: 0
how do you put the picture to the left or right of the box???
👍: 0 ⏩: 0
the background doesn't show up and i did what it said.
👍: 0 ⏩: 0
^^ yes I offer customizations as well because sometimes this tutorial seems too difficult haha hope it helps you
👍: 0 ⏩: 1
I have a problem
When i uploaded the backround to the sta.sh it didn't say copy image url
👍: 0 ⏩: 1
If you use the right mouse button on the background it will show up 
👍: 0 ⏩: 1
Thank you so, so much! This tutorial is very easy to follow. I don't understand anything about codes but thanks to you I could manage to add some color to my page! And I'll be adding more!
👍: 0 ⏩: 0
Hello! My image won't appear above my background, how do I fix?
👍: 0 ⏩: 0
Hey! Um, I'm trying to add an image to a custom box.
I've tried both DA and .STASH urls. Is it because he's the wrong side? It comes up as a little 'image' icon but not the actual cat. Is it because It's a gif?
👍: 0 ⏩: 1
are you using the urls that are in the url-bar or the "copy image location" urls?
you could also be forgetting a " in the img src code
👍: 0 ⏩: 1
I did try both the URL bar and the copy image urls, but in the end neither worked. It was probably something silly like a " now I think about it.
My membership has since run out so, next time I'm mess around with getting it to work again. Thank you so much for taking the time to answer my question though!
👍: 0 ⏩: 0
Whenever i attempt to add the background image it comes up way too small, width and length wise
that's how it shows up
👍: 0 ⏩: 0
This tutorial is beautifully helpful! I have to ask thou --
I am having problems having my images FILL the entire custom box. They get resized smaller on my page and it drives me crazy.
Is there a code I can use to help or a different image link code I could make to assist?
Thank you for your time in advance!
👍: 0 ⏩: 1
on my laptop your page looks fine... when the screen is too big that happens..on my pc I have the same problem ;_;
👍: 0 ⏩: 1
AAAahhh, gotcha -- on my Chrome laptop the pics are a LOT smaller but once viewed from a desktop, it appeared about right!
Thanks for the help!!
👍: 0 ⏩: 0
Hey, i have a small question! Is there any way of changing the width of the white box? ;u; I'd like the one on my page to be a little wider but i don't seem to have any luck working it out myself. ;o;
👍: 0 ⏩: 1
the image itself has to be bigger
👍: 0 ⏩: 1
Which image do you mean, i'm sorry? ;u; I'd ideally like to make the box with just the pixels in it wider than the other two, but adding another pixel next to it doesn't change the width, instead moves the pixel to the next line! o:
👍: 0 ⏩: 1
Changing the background image size doesn't affect the size of the box, unfortunately? o:
👍: 0 ⏩: 0
I have a bit of a problem and don't quite understand why, so i'm posting my question here.
I followed your instructions but I've found that my custom background wont cover the entire custom box. What could I be doing wrong?
👍: 0 ⏩: 1
Width, it's on my da profile if you wish to see
👍: 0 ⏩: 1
| Next =>