HOME | DD

TaNa-Jo — Custom Box Tutorial

Published: 2013-10-15 19:02:42 +0000 UTC; Views: 23555; 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

LiHue-kun In reply to ??? [2015-05-21 21:16:38 +0000 UTC]

Which one?

👍: 0 ⏩: 1

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

any ^^ i have several

👍: 0 ⏩: 1

LiHue-kun In reply to TaNa-Jo [2015-05-22 03:15:50 +0000 UTC]

I am confused. Would you like to help me, PLEASE??

👍: 0 ⏩: 1

TaNa-Jo In reply to LiHue-kun [2015-05-22 07:12:26 +0000 UTC]

sure

👍: 0 ⏩: 1

LiHue-kun In reply to TaNa-Jo [2015-05-22 11:52:52 +0000 UTC]

I can't put a background

👍: 0 ⏩: 1

TaNa-Jo In reply to LiHue-kun [2015-05-22 13:18:29 +0000 UTC]

i can do it for you but i would have to log into your account :S
How can I help you`? Just paste the BACKGROUND CODE into your custom box and add a background image url

👍: 0 ⏩: 1

LiHue-kun In reply to TaNa-Jo [2015-05-22 15:05:44 +0000 UTC]

Never mind, I found another tutorial that helped me.

👍: 0 ⏩: 0

LiHue-kun [2015-05-21 19:10:14 +0000 UTC]

I cant 

👍: 0 ⏩: 0

RaccoonDeathPaw [2015-05-09 00:12:37 +0000 UTC]

um where is the "text" part of the box code?? also when i put the box code it would not appear 

👍: 0 ⏩: 1

TaNa-Jo In reply to RaccoonDeathPaw [2015-05-09 12:18:28 +0000 UTC]

hmm solved witht he other tutoria?

👍: 0 ⏩: 1

RaccoonDeathPaw In reply to TaNa-Jo [2015-05-09 13:04:48 +0000 UTC]

yea

👍: 0 ⏩: 0

Meekshi [2015-04-27 03:36:22 +0000 UTC]

THANK YOU SO MUCH ;^; OH MY GOSH

👍: 0 ⏩: 1

TaNa-Jo In reply to Meekshi [2015-04-27 07:55:26 +0000 UTC]

^^

👍: 0 ⏩: 0

meovvss In reply to ??? [2015-03-02 15:04:06 +0000 UTC]

oh my gosh
god bless you for making all these easy to read tutorials!
you're amazing!!
thank you so much!! <3

👍: 0 ⏩: 0

Thunderztorm In reply to ??? [2015-02-19 01:01:51 +0000 UTC]

What about using purchased backgrounds?
How do you use those

👍: 0 ⏩: 1

TaNa-Jo In reply to Thunderztorm [2015-02-20 14:23:18 +0000 UTC]

open in word and put into your custom box. word an none other xD

👍: 0 ⏩: 1

Thunderztorm In reply to TaNa-Jo [2015-02-20 23:37:17 +0000 UTC]

Okay.
Good idea.

👍: 0 ⏩: 1

TaNa-Jo In reply to Thunderztorm [2015-02-20 23:38:19 +0000 UTC]

haha xD

👍: 0 ⏩: 1

Thunderztorm In reply to TaNa-Jo [2015-02-20 23:38:39 +0000 UTC]

It worked! Thank you!!

👍: 0 ⏩: 1

TaNa-Jo In reply to Thunderztorm [2015-02-20 23:39:48 +0000 UTC]

yay ^^ now you can adjust and change it. < br> for example works like "enter" for a new paragraph ;D

👍: 0 ⏩: 0

Hellibeast [2015-02-10 05:52:58 +0000 UTC]

it wont work :c

👍: 0 ⏩: 1

TaNa-Jo In reply to Hellibeast [2015-02-10 05:58:02 +0000 UTC]

Hmtry another tutorial of mine for that you must do step by step. As you can see other people can use this tutorial too and it works 

👍: 0 ⏩: 0

sakuranamiida In reply to ??? [2015-02-03 17:43:14 +0000 UTC]

Thanks a lot!! This tutorial is just the most useful and the one that really helped me!

👍: 0 ⏩: 1

TaNa-Jo In reply to sakuranamiida [2015-02-07 20:15:07 +0000 UTC]

Thanks for that compliment <3

👍: 0 ⏩: 0

iBrightHearted In reply to ??? [2015-01-17 21:03:34 +0000 UTC]

I seem to have a problem with inner box...

👍: 0 ⏩: 0

lauraypablo [2015-01-15 20:22:04 +0000 UTC]

thank you so much for all tutorials hon

👍: 0 ⏩: 1

TaNa-Jo In reply to lauraypablo [2015-01-15 20:47:40 +0000 UTC]

^^

👍: 0 ⏩: 0

Dead-Love9 In reply to ??? [2015-01-04 16:19:43 +0000 UTC]

thank you so much! this helped me a lot!

👍: 0 ⏩: 0

nxova In reply to ??? [2014-11-08 17:03:19 +0000 UTC]

Can you add more than one text box in one custom box?

👍: 0 ⏩: 1

TaNa-Jo In reply to nxova [2014-11-08 17:08:43 +0000 UTC]

sure

👍: 0 ⏩: 0

InsaneVirusShine In reply to ??? [2014-11-05 10:59:41 +0000 UTC]

wont work :/ help ;n;

👍: 0 ⏩: 0

nightfallartsvoid [2014-11-05 02:37:11 +0000 UTC]

wont work :/

👍: 0 ⏩: 0

PhobophobicDalek In reply to ??? [2014-10-29 16:00:02 +0000 UTC]

When I put a backround in the box, it wasn't quite big enough. The previous backround that I had was big enough. What do I do?

👍: 0 ⏩: 1

TaNa-Jo In reply to PhobophobicDalek [2014-10-29 16:01:35 +0000 UTC]

copy the image url only

👍: 0 ⏩: 1

PhobophobicDalek In reply to TaNa-Jo [2014-10-29 16:08:12 +0000 UTC]

I did... 

👍: 0 ⏩: 1

TaNa-Jo In reply to PhobophobicDalek [2014-10-29 16:11:27 +0000 UTC]

show me

👍: 0 ⏩: 1

PhobophobicDalek In reply to TaNa-Jo [2014-10-29 16:22:33 +0000 UTC]

Well, I just changed the image in the custom box and now it's worse... I think i'll try and figure this out on my own, sorry for bothering you!

👍: 0 ⏩: 1

TaNa-Jo In reply to PhobophobicDalek [2014-10-29 16:37:16 +0000 UTC]

hmm maybe you have the wrong size?

👍: 0 ⏩: 1

PhobophobicDalek In reply to TaNa-Jo [2014-10-29 16:55:24 +0000 UTC]

The image is around 1000 x 3000 (though 3000 might be an inaccurate number)

👍: 0 ⏩: 0

8Ariadna [2014-10-20 18:58:14 +0000 UTC]

Very useful, just one question, how should i put the ''center'' code along with this box? 

👍: 0 ⏩: 1

TaNa-Jo In reply to 8Ariadna [2014-10-20 19:12:25 +0000 UTC]

past it?

👍: 0 ⏩: 1

8Ariadna In reply to TaNa-Jo [2014-10-20 19:21:46 +0000 UTC]

It doesn't work, can you take a look please?   

<#div class="popup2-moremenu">
<#div class="floaty-boat"><#img src="th08.deviantart.net/fs71/PRE/f… ">

<#div align="center"><#div class="smbutton smbutton-white"><#div class="pp"><#div align="center">TEXT<#/div><#/div><#/div><#/div><#/br>

👍: 0 ⏩: 1

TaNa-Jo In reply to 8Ariadna [2014-10-20 19:24:30 +0000 UTC]

remove the # xD

👍: 0 ⏩: 1

8Ariadna In reply to TaNa-Jo [2014-10-20 19:57:37 +0000 UTC]

I writed them to show you the codes haha then, without them it's all ok? 

👍: 0 ⏩: 1

TaNa-Jo In reply to 8Ariadna [2014-10-20 20:32:33 +0000 UTC]

hmm so you added the code and now just write something under it... works?

👍: 0 ⏩: 1

8Ariadna In reply to TaNa-Jo [2014-10-20 21:24:26 +0000 UTC]

Thanks for your replies! No, it doesn't  

👍: 0 ⏩: 0

L0liB0y-an0n [2014-10-13 23:28:00 +0000 UTC]

thanks so much for this it really helps!
except when you insert the code for "gray", it actually comes out as deviant green…:/

👍: 0 ⏩: 0

Kyemera In reply to ??? [2014-08-30 19:00:35 +0000 UTC]

Is this only for premium members and supergroups too?

👍: 0 ⏩: 1

TaNa-Jo In reply to Kyemera [2014-08-30 19:21:15 +0000 UTC]

yes

👍: 0 ⏩: 0

Nephrym In reply to ??? [2014-08-24 19:49:47 +0000 UTC]

EDIT! I found it lol sorry didn't look hard enough at first~

Do you happen to have a tutorial for how to make a scrolling box inside of a custom box? If not I shall look around dA~ I just think that you explain everything so well, and so simply it makes customization really easy to do! ^_^

👍: 0 ⏩: 1


| Next =>