HOME | DD

TaNa-Jo — Custom Box Tutorial by-nd

Published: 2012-05-14 19:39:31 +0000 UTC; Views: 133079; Favourites: 5386; Downloads: 716
Redirect to original
Description PE: Presentation mattersPresentation matters
It'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 ME

NOTE 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"Ä>Ä<Ä/dÄiv>Ä<Ädiv clÄass="Ägr-bÄox gr-gÄenericbox"Ä><Äi claÄss="Äc tÄr">Ä<ÄbÄ><Ä/b><Ä/i>Ä<Äi clÄass="Äc bÄl">Ä<Äb>Ä<Ä/b>Ä<Ä/i>Ä<Ä/i><Ädiv align="ceÄnter" clÄass="pÄp">

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

TaNa-Jo In reply to ??? [2014-02-16 21:11:32 +0000 UTC]

it is.

👍: 0 ⏩: 0

Cookieteller In reply to ??? [2014-02-01 07:52:56 +0000 UTC]

Every time I put a background in my customs, it doesn`t fill up the entire box. What do I do?

👍: 0 ⏩: 1

TaNa-Jo In reply to Cookieteller [2014-02-01 13:23:08 +0000 UTC]

It is too short then ... choose 3000px as height ^^

👍: 0 ⏩: 0

Bowser14456 In reply to ??? [2014-01-30 03:11:28 +0000 UTC]

I wanna know why my background is all wacky. The whole background doesn't cover the entire box. Maybe it's cause there's too much stuff in there? Or maybe it's the codes...I used different tutorials. This one: sanguineepitaph.deviantart.com…

👍: 0 ⏩: 1

TaNa-Jo In reply to Bowser14456 [2014-01-30 14:46:47 +0000 UTC]

the image itself is not long enough

👍: 0 ⏩: 1

Bowser14456 In reply to TaNa-Jo [2014-01-30 15:10:44 +0000 UTC]

so how long does it need to be?

👍: 0 ⏩: 1

TaNa-Jo In reply to Bowser14456 [2014-01-30 15:26:47 +0000 UTC]

depends I always use 3000px as height

👍: 0 ⏩: 1

Bowser14456 In reply to TaNa-Jo [2014-01-30 15:59:57 +0000 UTC]

ok...

👍: 0 ⏩: 0

pinkie2001 In reply to ??? [2014-01-28 17:29:20 +0000 UTC]

thank you so much you made my year!!

👍: 0 ⏩: 1

TaNa-Jo In reply to pinkie2001 [2014-01-28 17:29:40 +0000 UTC]

^^

👍: 0 ⏩: 0

A-LilMouse In reply to ??? [2014-01-28 03:54:16 +0000 UTC]

I had all this done and messed it up, now when I try to put a image into the box it only shows the link, not the image its self.

👍: 0 ⏩: 1

TaNa-Jo In reply to A-LilMouse [2014-01-28 12:55:49 +0000 UTC]

👍: 0 ⏩: 0

FreakyZombieChick In reply to ??? [2014-01-23 01:26:15 +0000 UTC]

Okay I'm having hard time trying to get the inner box inside the background I chosen. I've looked through other Tutorials and nothing is helping me.


What is happening is that the inner box shows the text I want but it ends up at the bottom of background I chosen. I need help.

👍: 0 ⏩: 1

TaNa-Jo In reply to FreakyZombieChick [2014-01-23 12:19:23 +0000 UTC]

just put th background ABOVE the code you actually entered in the box))

👍: 0 ⏩: 2

FreakyZombieChick In reply to TaNa-Jo [2014-01-23 16:08:23 +0000 UTC]

OMG Thank you for your help. I was just being a giant idiot the whole time.

👍: 0 ⏩: 1

TaNa-Jo In reply to FreakyZombieChick [2014-01-23 16:53:38 +0000 UTC]

oh why?

👍: 0 ⏩: 1

FreakyZombieChick In reply to TaNa-Jo [2014-01-24 02:55:25 +0000 UTC]

I just didn't use the right code format thing. But thanks for willing to help me.

👍: 0 ⏩: 0

FreakyZombieChick In reply to TaNa-Jo [2014-01-23 15:55:41 +0000 UTC]

I tried doing that and the background is just pushing all the text towards the bottom.

👍: 0 ⏩: 1

TaNa-Jo In reply to FreakyZombieChick [2014-01-23 16:08:31 +0000 UTC]

send me the code in the box in a word file

👍: 0 ⏩: 1

FreakyZombieChick In reply to TaNa-Jo [2014-01-23 16:16:06 +0000 UTC]

Oh I got but thank you anyways for wanting to help me.

👍: 0 ⏩: 0

Ecanusiofiel In reply to ??? [2014-01-20 20:19:03 +0000 UTC]

Thank you soooooo much!!!

👍: 0 ⏩: 1

TaNa-Jo In reply to Ecanusiofiel [2014-01-20 20:23:44 +0000 UTC]

^^

👍: 0 ⏩: 1

Ecanusiofiel In reply to TaNa-Jo [2014-01-20 20:30:29 +0000 UTC]

I finally have an idea of how to do this

👍: 0 ⏩: 0

Cats-In-Middle-Earth In reply to ??? [2014-01-18 16:01:30 +0000 UTC]

Do you know some different font styles?  

👍: 0 ⏩: 1

TaNa-Jo In reply to Cats-In-Middle-Earth [2014-01-18 16:39:56 +0000 UTC]

dA Logo Font: Klavikal, Klavika, Apex New, Trebuchet MS
Windows Metro Font: Segoe UI, Zegoe UI, XBOX UI, Arial
Mac Font: Lucida Grande, Lucida Sans Unicode
iOS Font: Helvetica Neue, Helvetica Neue STD, Arial, Helvetica

👍: 0 ⏩: 0

xXCute-ChocoXx In reply to ??? [2014-01-17 19:06:10 +0000 UTC]

i couldn't make it because the white box was just up over the text how should i do it to make the text small??
and the tex inside the white box?^^

👍: 0 ⏩: 1

TaNa-Jo In reply to xXCute-ChocoXx [2014-01-17 19:07:22 +0000 UTC]

< small> .... < /small> without the space 

👍: 0 ⏩: 1

xXCute-ChocoXx In reply to TaNa-Jo [2014-01-17 19:16:45 +0000 UTC]

thx^^

👍: 0 ⏩: 0

Berrydash4425 In reply to ??? [2014-01-16 22:22:05 +0000 UTC]

umm... I didn't work

👍: 0 ⏩: 1

TaNa-Jo In reply to Berrydash4425 [2014-01-17 17:41:32 +0000 UTC]

then you did something wrong

fixed?))

👍: 0 ⏩: 1

Berrydash4425 In reply to TaNa-Jo [2014-01-17 20:35:40 +0000 UTC]

I fixed it never mind...

👍: 0 ⏩: 0

PaperKoalas In reply to ??? [2014-01-16 06:51:02 +0000 UTC]

hm.. I did everything here but when i try putting the text, when I save it, the text appears below the backround

👍: 0 ⏩: 1

TaNa-Jo In reply to PaperKoalas [2014-01-17 17:41:54 +0000 UTC]

You aren't a premium member so it does not work for you

👍: 0 ⏩: 0

Dusty--TheAlpha In reply to ??? [2014-01-07 10:18:54 +0000 UTC]

THANK YOU, THAT HELPED A LOT!!!!!!!

👍: 0 ⏩: 1

TaNa-Jo In reply to Dusty--TheAlpha [2014-01-10 20:42:36 +0000 UTC]

^^

👍: 0 ⏩: 0

Aoki-kimi In reply to ??? [2014-01-07 02:41:38 +0000 UTC]

This is an Good tutorial! c:

Umm,,, can i ask??
How to change font size in Custom Box?

👍: 0 ⏩: 1

TaNa-Jo In reply to Aoki-kimi [2014-01-07 09:02:04 +0000 UTC]

Thanks)


Change size in CS

👍: 0 ⏩: 1

Aoki-kimi In reply to TaNa-Jo [2014-01-07 09:05:15 +0000 UTC]

Yay! Thankyou!

👍: 0 ⏩: 1

TaNa-Jo In reply to Aoki-kimi [2014-01-07 09:36:12 +0000 UTC]

^^

👍: 0 ⏩: 1

Aoki-kimi In reply to TaNa-Jo [2014-01-07 09:46:59 +0000 UTC]

^^

👍: 0 ⏩: 0

Vyndicare In reply to ??? [2014-01-06 04:14:49 +0000 UTC]

So for some reason whenever I do a custom box now, the pattern will disappear after about 10 to 20 minutes after I put it up. Everything was fine, I mean it showed up fine, but it's disappeared on my computer. I am not sure if you can see it but I know I can't. I tried using other patterns here on DA but it all ends up the same way. They all disappear after a certain amount of time or number of refreshes on my computer. Is there anything that can be done to fix it?

👍: 0 ⏩: 1

TaNa-Jo In reply to Vyndicare [2014-01-10 20:42:09 +0000 UTC]

hmm.. i dont know your problem D:

👍: 0 ⏩: 1

Vyndicare In reply to TaNa-Jo [2014-01-10 22:50:10 +0000 UTC]

I used the background you have in the tutorial and it works fine. But when I use something else it'll disappear. It's weird.. O.o

👍: 0 ⏩: 1

TaNa-Jo In reply to Vyndicare [2014-01-12 20:59:51 +0000 UTC]

hmm show me your code

👍: 0 ⏩: 1

Vyndicare In reply to TaNa-Jo [2014-01-13 15:34:37 +0000 UTC]

It's ok. I think I got it fixed

👍: 0 ⏩: 0

Valentine345 In reply to ??? [2014-01-02 04:48:46 +0000 UTC]

sweet!

👍: 0 ⏩: 1

TaNa-Jo In reply to Valentine345 [2014-01-03 10:26:50 +0000 UTC]

:3

👍: 0 ⏩: 1

Valentine345 In reply to TaNa-Jo [2014-01-03 13:50:28 +0000 UTC]

Thank you so much.

👍: 0 ⏩: 0

Foxbunni In reply to ??? [2014-01-02 02:31:01 +0000 UTC]

wow awesome! but can you change the color of the text?

👍: 0 ⏩: 1

TaNa-Jo In reply to Foxbunni [2014-01-03 10:27:46 +0000 UTC]

RED text:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.


BLUE text:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.


WHITE text:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.


GREY text: (italics only)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

GREEN text: (italics only)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

YELLOW text: (italics only)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

RED text: (italics only)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

BLUE text: (italics only)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.




You can change the alignment of your text inside the box by changing the following..

Change "justify" with "center", "right" or "left"








👍: 0 ⏩: 0


<= Prev | | Next =>