HOME | DD

TaNa-Jo — Custom Box Tutorial by-nd

Published: 2012-05-14 19:39:31 +0000 UTC; Views: 133067; 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

teddileah In reply to ??? [2015-04-29 04:03:17 +0000 UTC]

; u ; Aghhh, one question! So how do I add gifs to a custom box? 

👍: 0 ⏩: 1

TaNa-Jo In reply to teddileah [2015-05-01 14:22:55 +0000 UTC]

as background? just copy the image url or use the image code like in the tutorial >

👍: 0 ⏩: 1

teddileah In reply to TaNa-Jo [2015-05-02 18:23:13 +0000 UTC]

Oh no! Like you know how you copy+paste a thumb link so the picture is visible? Kind of like how people feature other deviants! They put their pictures into their Custom Box! How do you add pictures or gifs that way? Because I don't see the webcam widget anymore.

👍: 0 ⏩: 1

TaNa-Jo In reply to teddileah [2015-05-02 18:30:42 +0000 UTC]

have you tried to paste the thumb code on the right of each picture?

👍: 0 ⏩: 1

teddileah In reply to TaNa-Jo [2015-05-03 04:39:23 +0000 UTC]

x'D Okay, so that worked!! How about sta.sh pictures/gifs? 

👍: 0 ⏩: 1

TaNa-Jo In reply to teddileah [2015-05-03 09:34:52 +0000 UTC]

stash works only with the

teddileah In reply to TaNa-Jo [2015-05-03 17:58:17 +0000 UTC]

:'D Ahhh~ Hahaha, I got it now! Thank you so much for the help!

👍: 0 ⏩: 0

tilachihuahua In reply to ??? [2015-04-19 17:07:55 +0000 UTC]

Thank you so much for making this! I was completely lost!!

👍: 0 ⏩: 1

TaNa-Jo In reply to tilachihuahua [2015-04-21 06:49:47 +0000 UTC]

^^

👍: 0 ⏩: 0

Raccoonsnuggles In reply to ??? [2015-04-18 22:08:44 +0000 UTC]

Is there anyway to change the color of the white box? ;o; 

EDIT: Oh my, never mind xD I had just found your other tutorial! Thanks so much, this was extremely helpful. 

👍: 0 ⏩: 1

TaNa-Jo In reply to Raccoonsnuggles [2015-04-19 11:38:19 +0000 UTC]

^^

👍: 0 ⏩: 0

xXDeadMeatXx In reply to ??? [2015-04-15 23:26:59 +0000 UTC]

is there way to make the pictures that i use on the widget bigger? no matter what size they are the widget always shrinks them. :<

👍: 0 ⏩: 1

TaNa-Jo In reply to xXDeadMeatXx [2015-04-18 07:41:41 +0000 UTC]

you have to make thrm smaller...if they are too big for the box the box will shrink them ...

👍: 0 ⏩: 1

xXDeadMeatXx In reply to TaNa-Jo [2015-04-21 01:19:55 +0000 UTC]

what's the limited length and width of the picture?

👍: 0 ⏩: 1

TaNa-Jo In reply to xXDeadMeatXx [2015-04-21 06:48:28 +0000 UTC]

500 x 400 works with my screen

👍: 0 ⏩: 2

xXDeadMeatXx In reply to TaNa-Jo [2015-04-22 03:49:39 +0000 UTC]

strangem when i tried a size around/smaller than that, it shrank it to a tiny size, plus i see many huge ones bigger than that showing on other people's custom boxes.

👍: 0 ⏩: 1

TaNa-Jo In reply to xXDeadMeatXx [2015-04-22 07:52:56 +0000 UTC]

or you put the picture on the custom box background image

👍: 0 ⏩: 1

xXDeadMeatXx In reply to TaNa-Jo [2015-04-22 21:55:34 +0000 UTC]

true. what about making a picture transparent even if its DA's background color?

👍: 0 ⏩: 2

TaNa-Jo In reply to xXDeadMeatXx [2015-04-23 06:01:31 +0000 UTC]

sure transparent works

👍: 0 ⏩: 0

TaNa-Jo In reply to xXDeadMeatXx [2015-04-23 06:01:13 +0000 UTC]

what? You can use transparent pictures of course

👍: 0 ⏩: 1

xXDeadMeatXx In reply to TaNa-Jo [2015-04-23 21:43:16 +0000 UTC]

i tried with this on my custom widgets to add design with the cosmic background but it will show the green back ground when i intended it to be transparent.

👍: 0 ⏩: 1

TaNa-Jo In reply to xXDeadMeatXx [2015-04-23 22:05:04 +0000 UTC]

you need a transparent background. the greenish one deviantart uses is a hex color code... in photoshop you can make them transparent.
png is for pictures

👍: 0 ⏩: 1

xXDeadMeatXx In reply to TaNa-Jo [2015-04-23 23:12:18 +0000 UTC]

damn, and i don't know how to use photoshop, i use ms paint for my animations.

👍: 0 ⏩: 0

xXDeadMeatXx In reply to TaNa-Jo [2015-04-21 22:00:24 +0000 UTC]

okie

👍: 0 ⏩: 0

artlover44433 In reply to ??? [2015-04-06 16:41:48 +0000 UTC]

can I share this on my page?

👍: 0 ⏩: 1

TaNa-Jo In reply to artlover44433 [2015-04-06 16:49:21 +0000 UTC]

of course <3

👍: 0 ⏩: 1

artlover44433 In reply to TaNa-Jo [2015-04-06 16:58:29 +0000 UTC]

sweet

👍: 0 ⏩: 0

Jak2299 In reply to ??? [2015-04-04 03:20:31 +0000 UTC]

Within one custom box on my page, can I add more than one white text box? 
I don't know how to separate them.

👍: 0 ⏩: 0

DesertTigerLily In reply to ??? [2015-04-03 18:03:38 +0000 UTC]

how do you make the white box a custom size?

👍: 0 ⏩: 1

TaNa-Jo In reply to DesertTigerLily [2015-04-03 18:04:17 +0000 UTC]

what just use the code

👍: 0 ⏩: 1

DesertTigerLily In reply to TaNa-Jo [2015-04-03 18:06:00 +0000 UTC]

i did just use the code....the custom white box is just as wide as my background. 

👍: 0 ⏩: 1

TaNa-Jo In reply to DesertTigerLily [2015-04-03 18:10:16 +0000 UTC]

what box is it

👍: 0 ⏩: 1

DesertTigerLily In reply to TaNa-Jo [2015-04-03 18:23:06 +0000 UTC]

the white box code, the small one that goes inside the custom box on top of the back ground image

👍: 0 ⏩: 1

TaNa-Jo In reply to DesertTigerLily [2015-04-03 18:26:14 +0000 UTC]

no what boy on your page is it?

👍: 0 ⏩: 1

DesertTigerLily In reply to TaNa-Jo [2015-04-03 18:27:39 +0000 UTC]

its the one that says "proud to be a true nerdy girl"

👍: 0 ⏩: 1

TaNa-Jo In reply to DesertTigerLily [2015-04-03 18:28:41 +0000 UTC]

you cant change the box width

👍: 0 ⏩: 1

DesertTigerLily In reply to TaNa-Jo [2015-04-03 18:30:59 +0000 UTC]

ok...guess I'll just find another box then even though this tutorial was such a big help with organizing the code.  I don't understand why the box is so wide..

👍: 0 ⏩: 1

TaNa-Jo In reply to DesertTigerLily [2015-04-03 18:43:25 +0000 UTC]

hm D:

👍: 0 ⏩: 0

LordSammich In reply to ??? [2015-03-25 02:27:42 +0000 UTC]

I am having a bit of a struggle with it XD I also dont have Microsoft word so i am typing the codes out form what i see on the tutorial, so i figure im coding something wrong. I get the picture on the background but it stays as that short thing with no text, even if i try to put text

👍: 0 ⏩: 1

TaNa-Jo In reply to LordSammich [2015-03-25 13:06:00 +0000 UTC]

uh then you did smth wrong.use wordpad to open it

👍: 0 ⏩: 1

LordSammich In reply to TaNa-Jo [2015-03-25 14:08:56 +0000 UTC]

I found it out ^ o ^ You are very helpful thank you a ton

👍: 0 ⏩: 0

DarkriseDivine In reply to ??? [2015-03-22 13:12:09 +0000 UTC]

When I paste the image source stuff for a picture it goes behind my background? How can I do it so that it is in front of the background and before the box?

👍: 0 ⏩: 1

TaNa-Jo In reply to DarkriseDivine [2015-03-22 13:21:20 +0000 UTC]

ah you know the background code right? You have to put all the other codes under that code  

👍: 0 ⏩: 1

DarkriseDivine In reply to TaNa-Jo [2015-03-22 14:35:01 +0000 UTC]

Ah ok thank you

👍: 0 ⏩: 0

Defia-Fokkusu In reply to ??? [2015-03-19 22:59:37 +0000 UTC]

Uhm...by me there isno BG,...what I see is that the text is changed like...I dunno how to explain that.

👍: 0 ⏩: 1

TaNa-Jo In reply to Defia-Fokkusu [2015-03-20 05:46:28 +0000 UTC]

Screenshot?

👍: 0 ⏩: 0

Hasil42 In reply to ??? [2015-03-12 17:10:46 +0000 UTC]

Ahh, site bugs...
How could we live without them? XD

👍: 0 ⏩: 1

TaNa-Jo In reply to Hasil42 [2015-03-15 20:07:41 +0000 UTC]

what

👍: 0 ⏩: 1

Hasil42 In reply to TaNa-Jo [2015-03-15 23:44:47 +0000 UTC]

You know... using DA´s default code is a bug, so...

👍: 0 ⏩: 0

Arsevere In reply to ??? [2015-03-10 03:39:28 +0000 UTC]

Thanks!

👍: 0 ⏩: 0


<= Prev | | Next =>