HOME | DD
TaNa-Jo — Custom Box Tutorial
by-nd
Published: 2012-05-14 19:39:31 +0000 UTC; Views: 132008; Favourites: 5405; Downloads: 716
Redirect to original
Description
PE: Presentation mattersPresentation mattersIt'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 MENOTE 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"Ä>
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
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
Ok, this is my first critique and I thought this must be rated!
I must say this helped me out a lot and it will help new premium members that wouldn't really understand about the custom-box. Everything was great and it was easy to understand but you should add a little more captions, Like the part that said "Like this" needed a little more description a few other parts also needed a little more description. But everything else was perfect! This helped me customize My page and Now I love it! Great job and keep up the good work!
~sincerely Fab
👍: 0 ⏩: 0
Thank you! im sure everyone will view this if they need help! i will try it right now! thank you so very much!
i love this, it is so helpful to all the new premium members. it will give them a guide on how to post pictures!
the peeps out in the world here will
enjoy this, because its a guide and its like "its a guide!" so many people will view this
due to it being a guide. (running out of words here XD) lots of people will come to this. and also they will enjoy it so much
👍: 0 ⏩: 0
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
Ah this was fantastic! I've never been able to get my head around coding from other tutorials I've read but this one was really clear and informative. The language was easy to understand and you gave thorough examples of what you were doing at every step of the tutorial. Using your tutorial I was able to successfully decorate a custom box with a background before adding a white box to make the writing clearer for readers without any difficulty at all.
I really cannot think of anyway this could be made better and I have absolutely no criticism to share either, you did a fantastic job.
👍: 0 ⏩: 0
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
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
I've never critiqued before but I hope this helps anyhow~
Three words:
I LOVE THIS !
Thank you so much for making this~ a.deviantart.net/avatars/r/u/r… " alt=" " title="RubCheeksPlz" />
I'm a total noob when it comes to these kind of things, and your piece clearly explained it all! And its so cute and pretty too~ I love the little doodles everywhere >u<
Your english is excellent e.deviantart.net/emoticons/e/e… " width="15" height="15" alt="
I'm sure this tutorial will help tons of others like it helped me e.deviantart.net/emoticons/s/s… " width="37" height="25" alt="
I'm certainly looking forward to more from you! <3
👍: 0 ⏩: 0
This is very interesting! It is really clear! Now I understand! Thanks for the advise! It is super cool! I wish I could do that like you! You are a pro! ^_^ a.deviantart.net/avatars/g/a/g… " alt=" " title="GawwPlz" />
a.deviantart.net/avatars/i/l/i… " alt=" " title="iloveyouplz" />
a.deviantart.net/avatars/s/a/s… " alt=" " title="sayhiplz" /> I could just smile every day! Sorry about the long details! >_< If I could do that, it would be just right. Lol. *_* ;_;
Ugh, I hate long details of my critique! Ok, I think I have enough details. I'm going to get some water so I could cool down my mouth. Man, that is a lot of words. I'm sure I'm ok. Hmm... Ok. Ok. Huh?
👍: 0 ⏩: 0
I've never critiqued before, so I figured I'd give it a try on something I think definitely deserves 5 stars.
This was so very helpful! I used this to make my profile better. It was very helpful that you put everything in the description too.
Some of the contents in the picture confused me a little, but I was able to understand them in the description.
I'd say the only thing you need to work on is making the picture, itself, a little more descriptive. Some people don't understand this stuff at all.
Thank you very much for making this. I'm sure it took a lot of time to.
👍: 0 ⏩: 0
Ooh, a tutorial! e.deviantart.net/emoticons/l/l… " width="19" height="19" alt="
Hey Tara! e.deviantart.net/emoticons/b/b… " width="15" height="15" alt="
I think that this is a great tutorial. It has everything that a tutorial needs. It's detailed, informative, and eye-catching.
To improve I think that you can make it a bit more understandable. For some, customizing may come naturally but for most new to this kind of customization, it needs to be explained thoroughly. A good tutorial shows what to do but a great tutorial explains why to do it. Showing the importance of this will really let those who read this how this kind of customization works.
I hope this helps! :happyboucne:
👍: 0 ⏩: 1
Thank you! I finally had the time to make a new more detailed version ^^
👍: 0 ⏩: 0
Um
Is there anything about changing the color of the actual box?
Like the white box, except a different color?
👍: 0 ⏩: 1
I already did, i couldn't find anything...
👍: 0 ⏩: 0
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
Damnit, I need Core Membership to have the Custom widget..
👍: 0 ⏩: 0
Note me if there is a problem. Do not post comments I do not answer / see all comments - thanks
👍: 0 ⏩: 0
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
you need a premium membership
👍: 0 ⏩: 1
i had....and i've been waiting for a reply.....
👍: 0 ⏩: 1
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
Can you make one (link) for me it not working ;n;
and I'm new at this!
👍: 0 ⏩: 1
My background covers the stuff I want to show. x_x Do you know how to change that? Also, thanks for uploading this!
👍: 0 ⏩: 0
TaNa it wont let me copy and paste could you reply this comment with the code?
👍: 0 ⏩: 1
remove all Ä 👍: 0 ⏩: 1
<ÄdÄiv clÄass="pÄopup2-morÄemenu"Ä>
Hwo do i streeatch the backgground? It is like a tiny square on my page you can see for yourself ^^
👍: 0 ⏩: 1
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
This is the image orig07.deviantart.net/b26d/f/2…
i think it has to do with the height owo
👍: 0 ⏩: 1
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
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 =>