HOME | DD

TaNa-Jo — Custom Box Tutorial by-nd

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

VabelOdhinata In reply to ??? [2015-03-07 04:35:50 +0000 UTC]

nice

👍: 0 ⏩: 0

Absolute-Void In reply to ??? [2015-02-07 04:15:13 +0000 UTC]

Thank you! This was really helpful!

👍: 0 ⏩: 1

TaNa-Jo In reply to Absolute-Void [2015-02-07 10:29:24 +0000 UTC]

^^

👍: 0 ⏩: 0

Voxollous In reply to ??? [2015-01-24 16:53:03 +0000 UTC]

how come when i put the code into the box the background i have goes over the top of everything? How do i get it to go behind stuff?

👍: 0 ⏩: 1

ShadMoon-Art In reply to Voxollous [2015-02-03 02:18:06 +0000 UTC]

I had the same problem once. you can only put the backgrounds in strickly custom boxes.

👍: 0 ⏩: 1

Voxollous In reply to ShadMoon-Art [2015-02-03 04:56:04 +0000 UTC]

yeah i noticed that. haha!

👍: 0 ⏩: 1

ShadMoon-Art In reply to Voxollous [2015-02-03 13:17:55 +0000 UTC]

lol. 

👍: 0 ⏩: 0

parma-violence In reply to ??? [2015-01-20 08:49:31 +0000 UTC]

ahh omg thanks so much I can finally put white boxes around things
in my page so I can read themm xD

👍: 0 ⏩: 1

TaNa-Jo In reply to parma-violence [2015-01-20 22:40:38 +0000 UTC]

^^

👍: 0 ⏩: 0

ChrysanthemumSnow In reply to ??? [2015-01-13 20:33:52 +0000 UTC]

wheres the copy image url? when I right click on my computer I don't get the 'open in new tab' option or copy url oprion; it only says copy

👍: 0 ⏩: 1

TaNa-Jo In reply to ChrysanthemumSnow [2015-01-13 21:32:28 +0000 UTC]

i dont know I have a german system so I guess copy should work?

👍: 0 ⏩: 1

ChrysanthemumSnow In reply to TaNa-Jo [2015-01-13 22:00:20 +0000 UTC]

No I figured it out thank you ^^

👍: 0 ⏩: 0

Autumnkitten86 In reply to ??? [2015-01-09 03:16:01 +0000 UTC]

Helped so much.

But one question, Rainbow Paint Splotch [Long CustomBox Background] , on that how do I get the code, it won't work when I put it in custom box.

👍: 0 ⏩: 0

Naischo In reply to ??? [2015-01-05 18:10:59 +0000 UTC]

Danke, dass du es gemacht hast war hilfreich *-* Aber wie kann man yt videos hinzufügen?

👍: 0 ⏩: 1

TaNa-Jo In reply to Naischo [2015-01-06 10:53:02 +0000 UTC]

wo jetzt? Auf deiner Seite?

👍: 0 ⏩: 1

Naischo In reply to TaNa-Jo [2015-01-06 14:11:56 +0000 UTC]

Ja auf der Seite xD Ich seh das ständig und will das auch 👍: 0 ⏩: 1

TaNa-Jo In reply to Naischo [2015-01-06 14:26:04 +0000 UTC]

Embedding videos on your profile
If you are still uncertain about the steps, scroll down to the author description below to see the link of the video tutorial on how to embed the music/video player on your profile.
Video embedding.
TL;DR: Instructions simplified
Edit: You no longer have to be a Beta Tester in order to use the above code, nor a premium member. Anyone can embed a video onto their profile.
Copy Youtube code.
Use this code for custom boxes. You can change the width and height yourself: (You need to be a premium member to use custom boxes.)

Use this code for journals:
You can substitute "youtube" with "film" or "vimeo" in order to embed dA films or vimeo videos. Simply find the video ID for the video you want that corresponds.
Paste code into Custom Box.
Find video on Youtube.
Look at video's URL in the URL bar above or click on Share.
Find video's I    

👍: 0 ⏩: 1

Naischo In reply to TaNa-Jo [2015-01-06 14:27:51 +0000 UTC]

danke qwq

👍: 0 ⏩: 0

XxSwaggerEmoBoyxX In reply to ??? [2015-01-04 17:22:55 +0000 UTC]

T^T and it's hard with a iPad.

👍: 0 ⏩: 0

KyouSeiri In reply to ??? [2015-01-01 08:41:16 +0000 UTC]

For including images in custom boxes, I encountered a small problem.... -> Here
THIS (I followed) --> fc00.deviantart.net/fs71/f/201… "/>
I followed the code you gave for images, and the result was a large blank space... (the link above)
Any tips on how I can fix it?

👍: 0 ⏩: 1

TaNa-Jo In reply to KyouSeiri [2015-01-01 18:54:44 +0000 UTC]

i cant see the problem? D: you have to upload in on sta.sh and copy the image url ... hmm 

👍: 0 ⏩: 1

KyouSeiri In reply to TaNa-Jo [2015-01-02 03:36:41 +0000 UTC]

Oh wait... I browsed through dA for some tutorials, and managed to solve this problem! Thanks anyway~

👍: 0 ⏩: 0

MetalHeartsRejik In reply to ??? [2014-12-26 05:11:30 +0000 UTC]

When I right clicked my background I was going to use, it didn't give me an option to open a new tab

👍: 0 ⏩: 1

TaNa-Jo In reply to MetalHeartsRejik [2014-12-26 12:09:33 +0000 UTC]

just copy image url

👍: 0 ⏩: 1

MetalHeartsRejik In reply to TaNa-Jo [2014-12-26 20:06:32 +0000 UTC]

Kk!

👍: 0 ⏩: 0

NEJOS In reply to ??? [2014-12-23 20:13:47 +0000 UTC]

Thank you! you saved my life!

👍: 0 ⏩: 0

CloudyTeaLeaf In reply to ??? [2014-12-14 18:14:30 +0000 UTC]

A little question, I want one thing to be in a white box, and another to just be in the open, if that makes sense, how would I do that?

👍: 0 ⏩: 1

TaNa-Jo In reply to CloudyTeaLeaf [2014-12-14 18:20:25 +0000 UTC]

#v cla#ss ="cctext#area " >#v cla#ss ="p#p " ali#gn ="cent#er ">Body Text here ~#iv >#iv >

 

after "body text here" the box will end

👍: 0 ⏩: 0

wivurn In reply to ??? [2014-09-30 21:11:17 +0000 UTC]

Would this work for an iPad? 

👍: 0 ⏩: 1

TaNa-Jo In reply to wivurn [2014-10-01 06:43:45 +0000 UTC]

no

👍: 0 ⏩: 1

yu1yeong In reply to TaNa-Jo [2014-10-10 23:51:30 +0000 UTC]

It would (since I'm coding my custom box on an iPad lol) but you would have to type everything out (well most but still)

👍: 0 ⏩: 0

Poke-Chann In reply to ??? [2014-09-17 18:20:36 +0000 UTC]

umm i did the white box thing, and at first it worked, but when i refreshed the page, the background was gone. On ALL of my custom boxes.

👍: 0 ⏩: 0

gallymoggered In reply to ??? [2014-09-08 21:14:34 +0000 UTC]

the box won't show up it looks like this: prntscr.com/4kztv1

👍: 0 ⏩: 1

TaNa-Jo In reply to gallymoggered [2014-09-10 20:04:37 +0000 UTC]

well it needs contetn and if it isnt working use < br>

👍: 0 ⏩: 2

Fitz-Pleasure In reply to TaNa-Jo [2014-12-27 22:11:12 +0000 UTC]

Where do I put the < br>?

👍: 0 ⏩: 1

TaNa-Jo In reply to Fitz-Pleasure [2014-12-28 22:59:53 +0000 UTC]

where u want a break

👍: 0 ⏩: 0

gallymoggered In reply to TaNa-Jo [2014-09-10 20:07:36 +0000 UTC]

ooooh ty vuv

👍: 0 ⏩: 1

TaNa-Jo In reply to gallymoggered [2014-09-10 20:08:53 +0000 UTC]

^^

👍: 0 ⏩: 0

My-Anne In reply to ??? [2014-08-27 19:20:12 +0000 UTC]

Oh my goodness, finally something I understand! You are my hero

👍: 0 ⏩: 1

TaNa-Jo In reply to My-Anne [2014-08-29 11:46:17 +0000 UTC]

aw thanks

👍: 0 ⏩: 0

Lesliewifeofbath In reply to ??? [2014-08-27 02:55:49 +0000 UTC]

Great tutorial!  Can you make the inner box wider? Here's my page I want to make the custom box (located below the journal entry) look exactly like the journal entry.  Thanks

👍: 0 ⏩: 1

TaNa-Jo In reply to Lesliewifeofbath [2014-08-27 14:20:05 +0000 UTC]

^^ thanks 

www.deviantart.com/art/Get-Wid…

👍: 0 ⏩: 1

Lesliewifeofbath In reply to TaNa-Jo [2014-08-27 17:51:39 +0000 UTC]

Thank you so much!

👍: 0 ⏩: 0

Kumunii In reply to ??? [2014-08-02 19:05:39 +0000 UTC]

This is so helpful!! Omg thank you so much!! I'm using!  

👍: 0 ⏩: 0

Melody-pony In reply to ??? [2014-08-01 16:13:51 +0000 UTC]

white box won't work

👍: 0 ⏩: 0

Moohiss In reply to ??? [2014-07-28 01:02:08 +0000 UTC]

some strange reason my text wont appear

👍: 0 ⏩: 0

PeeSnans In reply to ??? [2014-07-25 18:41:58 +0000 UTC]

For 1. code : Custom box background code you need to get rid of all the #

👍: 0 ⏩: 0

Ashoisu In reply to ??? [2014-07-19 17:22:21 +0000 UTC]

It doesn't work

👍: 0 ⏩: 0

Mick-elo In reply to ??? [2014-07-13 03:28:41 +0000 UTC]

Could you tell me how to get an image from my gallery in a box? ^^' Sorry to bother you. Thanks so much for the wonderful tutorial.

👍: 0 ⏩: 1

TaNa-Jo In reply to Mick-elo [2014-07-19 11:55:43 +0000 UTC]

use the :thumb000000: code every picture has it - scroll down^^

👍: 0 ⏩: 0


<= Prev | | Next =>