HOME | DD

TaNa-Jo — Custom Box Tutorial by-nd

Published: 2012-05-14 19:39:31 +0000 UTC; Views: 133122; Favourites: 5385; 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 ??? [2012-10-10 18:41:22 +0000 UTC]

oh you have to take lessons in school .. called informatic ;D go to [link]
to learn how to make them

👍: 0 ⏩: 1

Emily-Young In reply to TaNa-Jo [2012-10-10 22:25:20 +0000 UTC]

Ah, I see. I'll take a look at this site, and see if I can understand anything! XD!

👍: 0 ⏩: 1

TaNa-Jo In reply to Emily-Young [2012-10-15 07:56:25 +0000 UTC]

^^thx

👍: 0 ⏩: 1

Emily-Young In reply to TaNa-Jo [2012-10-15 09:03:18 +0000 UTC]

No problem.

👍: 0 ⏩: 0

Annarty-lionss In reply to ??? [2012-10-08 16:13:59 +0000 UTC]

How do you add the boxes on top of the custom box? ;w;

👍: 0 ⏩: 0

DarkAbyss48 In reply to ??? [2012-10-05 17:13:28 +0000 UTC]

how could I make the text to be in the middle?

👍: 0 ⏩: 1

TaNa-Jo In reply to DarkAbyss48 [2012-10-05 17:15:57 +0000 UTC]

👍: 0 ⏩: 1

DarkAbyss48 In reply to TaNa-Jo [2012-10-05 17:19:36 +0000 UTC]

it won't work :C

👍: 0 ⏩: 1

TaNa-Jo In reply to DarkAbyss48 [2012-10-05 17:22:29 +0000 UTC]

<#i clas#s="c# bl"><#b>

👍: 0 ⏩: 1

DarkAbyss48 In reply to TaNa-Jo [2012-10-05 17:24:29 +0000 UTC]

thank you so much!

👍: 0 ⏩: 1

TaNa-Jo In reply to DarkAbyss48 [2012-10-15 08:06:04 +0000 UTC]

np^^

👍: 0 ⏩: 0

SmallBrownChild In reply to ??? [2012-10-01 23:12:05 +0000 UTC]

HELP!



whenever i try to do it, it works, but my images are gone! like my dev ID and stuff

👍: 0 ⏩: 1

TaNa-Jo In reply to SmallBrownChild [2012-10-02 10:30:47 +0000 UTC]

huh? I saw your page - ther eis nothing wrong

👍: 0 ⏩: 1

SmallBrownChild In reply to TaNa-Jo [2012-10-03 22:36:55 +0000 UTC]

i fixed it xD

👍: 0 ⏩: 0

Pika-luv8 In reply to ??? [2012-09-30 07:32:25 +0000 UTC]

how do you show graphic code? ;u;

👍: 0 ⏩: 1

TaNa-Jo In reply to Pika-luv8 [2012-09-30 20:03:21 +0000 UTC]

edit and screenshot xD

👍: 0 ⏩: 0

Haventide In reply to ??? [2012-09-25 04:08:50 +0000 UTC]

Question: When using <*img src= etc.. to place an image, is there any way to re-size a large image to fit the box? I'm having trouble with that right now.

👍: 0 ⏩: 1

TaNa-Jo In reply to Haventide [2012-09-30 20:06:11 +0000 UTC]

u have to resite your picture and upload it in sta.sh or something :I 400x300 best size weight 400px!

👍: 0 ⏩: 0

Dudeitsdani In reply to ??? [2012-09-22 19:04:33 +0000 UTC]

OH MY FLIP THANK YOU SOOOOO MUCH
I was so confused and none of the other custom box background tutorials were helping me ;-;
thank you <3

👍: 0 ⏩: 1

TaNa-Jo In reply to Dudeitsdani [2012-09-30 20:06:42 +0000 UTC]

I am glad it helped you

👍: 0 ⏩: 0

Shays-Ways In reply to ??? [2012-09-16 20:30:10 +0000 UTC]

Say you have a REALLY LONG custom box with lotsa text. Any way to make a custom design that's not big enough make it like a tile or repeat itself?

👍: 0 ⏩: 2

Donate-AllArt-Wanted In reply to Shays-Ways [2012-09-16 20:49:51 +0000 UTC]

no 1000x3000 pixel is the only option :I

👍: 0 ⏩: 0

TaNa-Jo In reply to Shays-Ways [2012-09-16 20:32:35 +0000 UTC]

what do u mean?

👍: 0 ⏩: 1

Shays-Ways In reply to TaNa-Jo [2012-09-16 21:04:47 +0000 UTC]

I meant if it's possible for a design to repeat so that it won't have the normal color when it runs out or if it's not big enough. But I guess not :c

👍: 0 ⏩: 0

klody In reply to ??? [2012-09-14 02:30:29 +0000 UTC]

i may be dumb but it dont work XD

👍: 0 ⏩: 1

klody In reply to klody [2012-09-14 02:32:29 +0000 UTC]

nvm..

👍: 0 ⏩: 0

Nekoponn In reply to ??? [2012-09-08 21:21:24 +0000 UTC]

This has pretty much been the most helpful and useful tutorials I have come across. Thank you so, so, SO much! ;u;

👍: 0 ⏩: 0

EnengImud In reply to ??? [2012-08-18 07:42:20 +0000 UTC]

can I use it for my group custom box?

👍: 0 ⏩: 1

TaNa-Jo In reply to EnengImud [2012-08-18 08:31:22 +0000 UTC]

only if it is a super group

👍: 0 ⏩: 1

EnengImud In reply to TaNa-Jo [2012-08-18 08:36:23 +0000 UTC]

okay, thanks

👍: 0 ⏩: 0

Xxbunny-chanxX In reply to ??? [2012-08-16 03:47:17 +0000 UTC]

ihr ein lebensretter lol ach und niedlich symbol

👍: 0 ⏩: 1

TaNa-Jo In reply to Xxbunny-chanxX [2012-08-16 20:01:53 +0000 UTC]

oh thank you ^-^

👍: 0 ⏩: 0

tatsuyabocchan In reply to ??? [2012-08-13 13:25:15 +0000 UTC]

ah!!! wait until i get enough point!

👍: 0 ⏩: 0

aisukaru In reply to ??? [2012-08-11 09:43:39 +0000 UTC]

ahh, you're a life saver!

Thanks for making this, it helped me so much!

👍: 0 ⏩: 1

TaNa-Jo In reply to aisukaru [2012-08-13 07:01:16 +0000 UTC]

:3 I am glad it helped ya^^

👍: 0 ⏩: 0

alinoravanity In reply to ??? [2012-08-11 08:10:28 +0000 UTC]

DIskldjaldkjsauikdjsa Thank you so much for this Im currently editing my page and this helped me a ton!

👍: 0 ⏩: 1

TaNa-Jo In reply to alinoravanity [2012-08-13 07:01:25 +0000 UTC]

cool :3

👍: 0 ⏩: 0

Meliiesa In reply to ??? [2012-08-09 20:25:00 +0000 UTC]

hi,I was trying to put a picture in my custom box but even though i wrote the code you gave and wrote the link in it also checked if it was correct a thousands of times but the image won't show up....i thought it was my computer's problem so i checked to other computers too but it was the same...what should i do?

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-10 10:21:57 +0000 UTC]

See the picture where I made a screenshot of the code of the custom box and write the same code. bad that u cant copy it -.-

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-10 19:04:28 +0000 UTC]

you know it's funny...cause that's what I actually did and I believe that I explained it too,would please read more carefully?
And I wouldn't be that stupid to do not copy it.

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-10 19:24:34 +0000 UTC]

nooo I dont wanted to be mad to you I meant something else I wasnt able to explain to you. Please give me the background you want I will give u the right code. sometimes the problem u have I have to even the code is right. sorry for missunderstanding

What I wanted so say was...uhm I dont know how to say that because I am not english... ähm u see in the tutorial the picture where I showed the custom box with the latin text? I meant to say maybe u should try to write the same in your box and then u can change the background easy

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-10 19:31:08 +0000 UTC]

Oh that's ok really.. didn't undrestand that well I'm sorry,
I actually don't have a problem with the CSS if that's what you ment, I just wanted to put i picture in a custom box,like you did with the chibis...I tried it,I copied absolutely correctly everything,I put the link in the html and the picture won't show up that's what I was trying to tell you :3
Well you can always use google translate if you can't explain something XD just write it in your language and it translates it

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-10 19:43:35 +0000 UTC]

Oh gott ich dummkopf XD OOOh I am soo silly really aaah geeez -.- ooh I see.
BUT I must tell you which link is rightfor example a picture by me)

RIGHT:[link]
WRONG:[link]

if the picture is too big u have to resize it and upload it to sta.sh and do the same again ^^

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-10 19:53:56 +0000 UTC]

hahaha that's ok really ^^

Oh so it should have a certain size right?
Well..umm what sizes do you suggest?

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-10 20:33:15 +0000 UTC]

400x? ?= height of your picture should not be about 600 so for a chibi... I prefer 340x400

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-10 21:06:58 +0000 UTC]

i tried it and nothing happened it still won't show up I don't know why it doesn't work :/

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-13 06:49:09 +0000 UTC]

oh please give me a background and the text you want to have in it ^^

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-13 06:57:09 +0000 UTC]

I just want to put this picture XD [link] nothing else XD

👍: 0 ⏩: 1

TaNa-Jo In reply to Meliiesa [2012-08-13 07:18:30 +0000 UTC]

ah my mistake again sorry its 9:12 am here in GER I am tired LOL
I think u made the mistake to copy the stash link. thats wrong u have to open it after uploading to stash in a new tab

wait... plz look at my page it works paste exactly this code and delete the # please :

with purple background :







without purple background :

👍: 0 ⏩: 1

Meliiesa In reply to TaNa-Jo [2012-08-13 07:39:26 +0000 UTC]

OMG YEYEYE IT WORKED!!!!
Thank you sooo much

But how do I open it in a new tab after uploading to stash?

👍: 0 ⏩: 1


<= Prev | | Next =>