HOME | DD

TaNa-Jo — Custom Box Tutorial by-nd

Published: 2012-05-14 19:39:31 +0000 UTC; Views: 147322; Favourites: 5356; 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 ??? [2018-01-13 17:45:10 +0000 UTC]

Thank you really much

👍: 0 ⏩: 1

DamonenKonig In reply to TaNa-Jo [2018-01-14 08:00:40 +0000 UTC]

You Are Very Welcome! :3

👍: 0 ⏩: 0

bellathepurplebunny [2017-08-25 05:39:27 +0000 UTC]

Overall

Vision

Originality

Technique

Impact


baecuse of you i got to figure out how to talk small! you are amazing! *hugs* butt tysmmm UR AMAZINGGGG. I lovwe this :3. Imma go show this to meh friends that wanna figure out things! TAKE THE BULLETS OUT YO GUN! EVERYONE ATTACK! RETREAT! ATTACK! RETREAT! LEE DO YOU YEILD? YOU SHOT HIM IN THE SIDE.,.. YES HE YEILDS! IM SATISFIED! A TOAST TO THE GROOM! TO THE BRIDE! FROM YOUUR SISTER! WHO IS ALWAYS BY YOUR SIDE! HE AIMS HIS PISTOL AT THE SKY! WAIT! lol thats all :3 OR IS IT! lol :33 BYE! SEE YA! lol bye!

👍: 0 ⏩: 0

xXFabulousWolf [2015-06-25 18:33:23 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

EmberTheKat [2014-12-29 00:51:05 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

MiaMelodey [2014-04-25 12:29:35 +0000 UTC]

Overall

Vision

Originality

Technique

Impact


I really enjoyed this tutorial. With many different cods for the custom boxes seeming to go around this one helped me the most because of the center code. The instructions were clear.
For me, i really do basic coding and i see some of these codes and go "NOPE" right away. So i normal use the custom box, which some codes don't want to work. But this one did.
I really appericate this tutorial, and i hope more people will as well.
I am definitely going to recommend this to people who are having trouble, or want the box code for the text (and cant figure out how to use it).

MiaMelodey~!

👍: 0 ⏩: 0

MerlesLittleSquirrel [2014-04-15 13:44:47 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

xXJetBlackOwlXx [2014-02-20 02:00:11 +0000 UTC]

Overall

Vision

Originality

Technique

Impact


This is helping me a lot; I'm really lost when it comes to these things on dA. You did a good job of explaining it and making it easy to understand. That's really good for people such as me who have a hard time understanding formatting on websites. You definitely are good at explaining, and can make things such as this easy to understand. I really liked it, and you should be proud of your work. Overall, you seem to be highly adept at explaining things, and this helped me a lot. You did a really good job on this!

👍: 0 ⏩: 0

lonelystarlight [2013-12-01 10:36:56 +0000 UTC]

Overall

Vision

Originality

Technique

Impact


I have never written a critique before! This is amazing and so helpful! But... i couldn't find the code for the white text box so i had to write it down one letter by one. Other than that i am very very happy with this tutorial and i can see that other people are too!

I also had a look at your backgrounds for the custom box and they are very nice! I am going to use the blue heaven ( or heart i don't remember ) one sooner or later because it's well... heavenly!

This tutorial is the best i have ever seen! I am very happy about this!

I hope you can keep up the good work!

👍: 0 ⏩: 0

nikirik0 [2013-04-04 13:45:57 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

iCrystalPhoenixia [2013-03-24 14:49:02 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

danteskitten [2013-01-26 22:37:48 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

jvsef [2013-01-15 02:32:56 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

TaNa-Jo In reply to jvsef [2017-09-13 12:45:15 +0000 UTC]

Thank you! I finally had the time to make a new more detailed version ^^

 

👍: 0 ⏩: 0

Skies-zen [2018-02-04 17:38:12 +0000 UTC]

Um
Is there anything about changing the color of the actual box?
Like the white box, except a different color?

👍: 0 ⏩: 1

TaNa-Jo In reply to Skies-zen [2018-02-04 18:11:14 +0000 UTC]

Search for box codes

👍: 0 ⏩: 1

Skies-zen In reply to TaNa-Jo [2018-02-04 19:06:53 +0000 UTC]

I already did, i couldn't find anything...

👍: 0 ⏩: 0

canned-peaches [2017-12-31 17:01:23 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

Asdrubeel [2017-12-24 05:08:49 +0000 UTC]

This is not very helpfull...

👍: 0 ⏩: 1

TaNa-Jo In reply to Asdrubeel [2017-12-24 10:23:20 +0000 UTC]

well if most of the people understand it it is maybe you. dont directly call it unhelpful. try this then. this is not easy at all. it gets time and willing to know how this works

 

👍: 0 ⏩: 0

bellathepurplebunny [2017-09-26 10:17:29 +0000 UTC]

BOI THIS IS AMAZING

👍: 0 ⏩: 1

TaNa-Jo In reply to bellathepurplebunny [2017-09-26 10:29:10 +0000 UTC]

^^

👍: 0 ⏩: 0

Deloui [2017-09-05 03:05:15 +0000 UTC]

thankyou so much this actually helped me!

👍: 0 ⏩: 1

TaNa-Jo In reply to Deloui [2017-09-05 13:48:51 +0000 UTC]

^^

👍: 0 ⏩: 0

PinkSprinkleDonut [2017-08-29 16:32:42 +0000 UTC]

Damnit, I need Core Membership to have the Custom widget..

👍: 0 ⏩: 0

TaNa-Jo [2017-08-25 13:19:48 +0000 UTC]

Note me if there is a problem. Do not post comments I do not answer / see all  comments - thanks

👍: 0 ⏩: 0

bellathepurplebunny [2017-08-25 05:29:15 +0000 UTC]

LAFAYETTE!

👍: 0 ⏩: 0

bellathepurplebunny [2017-08-25 05:25:59 +0000 UTC]

rose quartz!

👍: 0 ⏩: 0

Synthwave-Demon [2017-07-19 22:41:20 +0000 UTC]

hello?

i do need help please

👍: 0 ⏩: 0

Synthwave-Demon [2017-07-18 21:42:59 +0000 UTC]

I need help with mines, i done the background code but it covers my profile picture and info, how do i fix it?

👍: 0 ⏩: 1

Kairyos In reply to Synthwave-Demon [2017-07-25 21:40:47 +0000 UTC]

you need a premium membership

👍: 0 ⏩: 1

Synthwave-Demon In reply to Kairyos [2017-07-25 21:41:52 +0000 UTC]

i had....and i've been waiting for a reply.....

👍: 0 ⏩: 1

TaNa-Jo In reply to Synthwave-Demon [2017-09-13 12:47:31 +0000 UTC]

note me if you get no answer..I get many comments.. cannot read and answer everything. in the description it says note me

👍: 0 ⏩: 0

WildWolfPrint [2017-07-18 00:05:05 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

TaNa-Jo In reply to WildWolfPrint [2017-07-18 07:59:23 +0000 UTC]

"copy image adress"

👍: 0 ⏩: 1

WildWolfPrint In reply to TaNa-Jo [2017-07-18 11:37:57 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

Minty-Eevee [2017-06-06 00:11:19 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

MilkyBunches [2017-05-19 18:00:54 +0000 UTC]

TaNa it wont let me copy and paste could you reply this comment with the code?

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 18:01:38 +0000 UTC]

what code? OwO

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 18:02:27 +0000 UTC]

Background please <3 >w<

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 18:09:29 +0000 UTC]

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">

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 18:10:21 +0000 UTC]

Tysm <3

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 18:11:24 +0000 UTC]

OF COURSE ^^

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 18:22:41 +0000 UTC]

Hwo do i streeatch the backgground? It is like a tiny square on my page you can see for yourself ^^

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 18:43:10 +0000 UTC]

fill with content

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 18:48:15 +0000 UTC]

Ah how do i do that? >w< ~

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 18:58:25 +0000 UTC]

do you mean the width of the background image or what? oo If you mean the image itself the image itself has to be bigger

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 19:00:45 +0000 UTC]

This is the image orig07.deviantart.net/b26d/f/2…
i think it has to do with the height owo 

👍: 0 ⏩: 1

TaNa-Jo In reply to MilkyBunches [2017-05-19 19:02:11 +0000 UTC]

your problem is that the box is not fully filled right? If you want the box to be LONGER just write text into it

👍: 0 ⏩: 1

MilkyBunches In reply to TaNa-Jo [2017-05-19 19:03:47 +0000 UTC]

Ah thats my problem . I want to know how to do that it will mess up my code if i write soem random text into random parts of the code. COuld you show me where i write the text?

👍: 0 ⏩: 1


| Next =>