HOME | DD

TaNa-Jo — Custom Box Tutorial

Published: 2013-10-15 19:02:42 +0000 UTC; Views: 23550; Favourites: 1214; Downloads: 98
Redirect to original
Description A even more simpler Tutorial

Here it is! PART 2! A bit late but...well...yeah xD

I hope it will help you :3


Used Background

fc03.deviantart.net/fs70/f/201…


Background code 

>>> Background code

Inner box code - remove the "#"

#iv cl#ass ="smbu#tton smb#utton -purpl#e ">#v >



________________________________________________

 

Custom Boxes CollectionHey TaNa-Jo speaking 
I decided to put all resources I know in one "Collection" together that everyone has an overview in form of a big list This is more helpful than searching through deviantART and clicking through a deviants gallery
 
 FEATURED HERE:
by TeaPhotography  by inknalcohol
 
Tutorial for boxes:
I made a tutorial for adding those boxes into your custom boxes

Normal colorful Boxes

 Other boxes

 Where it says ORANGE you can edit it to the following colors : purple, red, green, gray, black, orange, blue, white
Other colorful boxes:


Info: Comission Prices  | My Gallery  


If you like the series, please WATCH me to show me that I should continue


Edit ©2013 deviantART. All rights reserved - TaNa-Jo - It is an edit paired with a screen shot to explain the symbols so the symbols belong to deviantart. Everything belongs to that page. 

Related content
Comments: 188

TaNa-Jo In reply to ??? [2017-05-07 17:19:53 +0000 UTC]

yes

👍: 0 ⏩: 1

JewellOfSilence In reply to TaNa-Jo [2017-05-07 17:26:11 +0000 UTC]

I see, bummer

👍: 0 ⏩: 0

Sigh-Fi [2017-01-21 08:25:38 +0000 UTC]

Hi there, so sorry to pester! This is a wonderful tutorial, and everything works great; I was just wondering, is it at all possible to have the inner box within only part of the custom box? I know you can make images outside of it by putting them before the box code, but is that also doable beneath the box? :0

As in, a box with text in the middle, and then an image free of the box below it? Thanks!

👍: 0 ⏩: 0

Cinnamon-Swirls [2016-10-23 19:54:47 +0000 UTC]

Can someone help me with the text box? For some reason, it won't work. The background is alright... I just can't seem to get the text box inside there.

👍: 0 ⏩: 1

TaNa-Jo In reply to Cinnamon-Swirls [2016-10-23 20:01:41 +0000 UTC]

 

👍: 0 ⏩: 0

Fliryn [2016-10-21 00:32:10 +0000 UTC]

How do you end it and then start it up again on the same box?

👍: 0 ⏩: 1

TaNa-Jo In reply to Fliryn [2016-10-21 10:12:26 +0000 UTC]

without space. depends on the code you use there are plenty of codes use this code > Sharp Sup Text Boxes

👍: 0 ⏩: 0

RamDaPanda [2016-10-17 01:42:19 +0000 UTC]

It's not working for me? The inner box won't show up and the text is at the bottom of the widget.

👍: 0 ⏩: 0

CombotheBeehen [2016-10-02 12:09:50 +0000 UTC]

So cute!

👍: 0 ⏩: 0

Blue-Pastels [2016-09-03 13:05:16 +0000 UTC]

It isnt working for me
when i paste the backround code and the link in it just shows stuff like 

on preview 

👍: 0 ⏩: 0

WolfCrestSox5X [2016-08-28 10:26:11 +0000 UTC]

Hello! My text is outside of the box and the box is just a thin sliver above the text. I've checked the codes and they're identical to what you have in the tutorial, but it still isn't working And chance you could help me out?

👍: 0 ⏩: 0

Opal-Nyan [2016-06-27 22:25:20 +0000 UTC]

This was very helpful! Thank you!

👍: 0 ⏩: 0

Cyan-Sky [2016-05-14 23:52:06 +0000 UTC]

Hey how do you add gifs? Do you do it like the same fashion as adding images?

👍: 0 ⏩: 1

TaNa-Jo In reply to Cyan-Sky [2016-05-15 10:19:02 +0000 UTC]

Yes

👍: 0 ⏩: 1

Cyan-Sky In reply to TaNa-Jo [2016-05-15 13:18:28 +0000 UTC]

Okay, thank you!

👍: 0 ⏩: 0

Kiiro-nee-san [2016-04-02 11:24:30 +0000 UTC]

i cant paste the inner box in it ;;A;; the background hides it behind or something , i dont know little help?

👍: 0 ⏩: 1

Kiiro-nee-san In reply to Kiiro-nee-san [2016-06-23 10:01:40 +0000 UTC]

nevermind problem solved! ;u;

👍: 0 ⏩: 0

Fractur3s [2016-03-23 14:22:24 +0000 UTC]

Hey! Um, is it possible if I change the head text's color?
Like, any tutorial?

👍: 0 ⏩: 0

PhineasJamesVinci [2016-02-07 03:28:49 +0000 UTC]

This was very helpful! Thanks so much!

👍: 0 ⏩: 1

TaNa-Jo In reply to PhineasJamesVinci [2016-02-10 21:46:13 +0000 UTC]

^^

👍: 0 ⏩: 0

bonzi-bon-bon [2016-01-10 07:09:05 +0000 UTC]

thank you!! now it is fixed i tried to fix it ^o^'

👍: 0 ⏩: 0

Cantrona [2015-08-02 06:17:22 +0000 UTC]

thank you!! I found this useful ^,^

👍: 0 ⏩: 1

TaNa-Jo In reply to Cantrona [2015-08-02 11:06:32 +0000 UTC]

Thanks ^^

👍: 0 ⏩: 0

LadyBeelze [2015-07-31 21:54:29 +0000 UTC]

THANK YOU! finally this tutorial, aaaghhhh! xD

👍: 0 ⏩: 1

TaNa-Jo In reply to LadyBeelze [2015-08-02 11:06:38 +0000 UTC]

aww c:

👍: 0 ⏩: 0

KoreanWhale [2015-07-30 01:12:27 +0000 UTC]

After I code everything and save it, it shows up with the background on top, and then text at the bottom without any inner box.. :/ The text is OUTSIDE of the background at the bottom

👍: 0 ⏩: 1

TaNa-Jo In reply to KoreanWhale [2015-07-30 06:23:20 +0000 UTC]

Yes because you have no premium membership as I mentioned in every of my tutorial :"D

👍: 0 ⏩: 1

KoreanWhale In reply to TaNa-Jo [2015-07-30 07:59:07 +0000 UTC]

Oh i was trying to do if for a group cuz it had custom text available, but I learned that its only for super groups

👍: 0 ⏩: 1

TaNa-Jo In reply to KoreanWhale [2015-07-30 09:06:20 +0000 UTC]

yes :'D groups customizing is even difficultt han custom box ^^

👍: 0 ⏩: 1

KoreanWhale In reply to TaNa-Jo [2015-07-30 09:34:08 +0000 UTC]

Thank you for the tutorial though ^^ I'm planning to get pm soon

👍: 0 ⏩: 1

TaNa-Jo In reply to KoreanWhale [2015-07-30 09:35:19 +0000 UTC]

oki ^^

👍: 0 ⏩: 0

omenaapple [2015-07-02 11:21:38 +0000 UTC]

rofl, what xD i experimented with the box on my profile, the one with cheering blue noodle, and tried to get it white! now it only goes white when you hover over it and ive got no idea how that happened LOL

love this tutorial of yours, by the way! great to learn with and super helpful! ;v;/

👍: 0 ⏩: 1

TaNa-Jo In reply to omenaapple [2015-07-12 15:10:46 +0000 UTC]

thanks for the nice comment <3

👍: 0 ⏩: 0

Louccu [2015-06-13 09:59:56 +0000 UTC]

Ich find' den part mit dem Farbendings nicht.. bei mir steht nichts von weiß , aber die Box ist weiß ._. Soll aber transparent sein

👍: 0 ⏩: 1

TaNa-Jo In reply to Louccu [2015-06-13 10:04:17 +0000 UTC]

 villeicht hilft das

👍: 0 ⏩: 1

Louccu In reply to TaNa-Jo [2015-06-13 10:13:36 +0000 UTC]

Das meine ich nicht , sondern ,man hat ja die Textbox in der großen HG Box. 
Die ist bei mir immer weiß. Also siehe iShumani , mein alter acc . Da sind diese Boxen mit dem Text weiß und ich weiß nicht an welcher stelle man das ändern kann
dass die transparent sind bzw blau , grün what ever

👍: 0 ⏩: 1

TaNa-Jo In reply to Louccu [2015-06-14 14:59:50 +0000 UTC]

achso da müsste irgendwo white, greeen,purple oder so stehehn einfach suchen wenn nicht hast du einen code für nur weiße boxen genommen ^^

👍: 0 ⏩: 1

Louccu In reply to TaNa-Jo [2015-06-14 15:02:00 +0000 UTC]

kay und wo finde ich den für bunte bzw transparente???

👍: 0 ⏩: 1

TaNa-Jo In reply to Louccu [2015-06-17 12:31:33 +0000 UTC]

Custom Boxes CollectionHey TaNa-Jo speaking 
I decided to put all resources I know in one "Collection" together that everyone has an overview in form of a big list This is more helpful than searching through deviantART and clicking through a deviants gallery
 
 FEATURED HERE:
by TeaPhotography  by inknalcohol
 
Tutorial for boxes:
I made a tutorial for adding those boxes into your custom boxes

Normal colorful Boxes

 Other boxes

 Where it says ORANGE you can edit it to the following colors : purple, red, green, gray, black, orange, blue, white
Other colorful boxes:
 

👍: 0 ⏩: 0

Picklesquidly [2015-06-07 19:26:06 +0000 UTC]

I have a small issue with this; when I make the smaller box, the corners are not rounded.  How can I fix this?

👍: 0 ⏩: 1

TaNa-Jo In reply to Picklesquidly [2015-06-07 19:51:08 +0000 UTC]

hm i cant see why :I

👍: 0 ⏩: 1

Picklesquidly In reply to TaNa-Jo [2015-06-07 19:52:40 +0000 UTC]

I used the code in the image, because the one in the description didn't work for me.  

In the description code, where does the text go??

👍: 0 ⏩: 0

Alfaomaga [2015-05-27 01:10:28 +0000 UTC]

sorry but I still don't understand this...
right now my scroll box looks like this:


(click to check)

so where at do I put:
#iv cl#ass ="smbu#tton smb#utton -bl#ue ">#v >?
im not understanding it

👍: 0 ⏩: 1

TaNa-Jo In reply to Alfaomaga [2015-05-27 14:57:28 +0000 UTC]

well IMAGE URL means the image URL of a background for the custom box

but what has it   to do with a scroll box?

👍: 0 ⏩: 1

Alfaomaga In reply to TaNa-Jo [2015-05-27 21:00:06 +0000 UTC]

isn't this color for the background scroll box or am I lost  

👍: 0 ⏩: 1

TaNa-Jo In reply to Alfaomaga [2015-05-27 21:08:54 +0000 UTC]

well the tutorial isnt for a scroll box :I 

it is just  for a box.

here this may help you

 

👍: 0 ⏩: 0

LiHue-kun [2015-05-21 19:13:50 +0000 UTC]

HELP PLEASE! Im desesperated!!

👍: 0 ⏩: 1

TaNa-Jo In reply to LiHue-kun [2015-05-21 19:40:23 +0000 UTC]

why

👍: 0 ⏩: 1

LiHue-kun In reply to TaNa-Jo [2015-05-21 20:20:30 +0000 UTC]

because It doesnt work...

👍: 0 ⏩: 1

TaNa-Jo In reply to LiHue-kun [2015-05-21 20:29:45 +0000 UTC]

please follow another tutoril of mine

👍: 0 ⏩: 1


| Next =>