Shop Mobile More Submit  Join Login
Warning: No more updates. This app stays as it is now. Why? Because Flash is essentially dead now. Browsers stop to support it etc. I might be create a HTML5 version of this app IF deviantART let us upload web apps in the future (as Newgrounds does). Until then this stays without any further improvements or updates. Thank you for all your comments and supports I got for this app. It was a pleasure. I will respond and help as I can. This will not change. I just do not fix anything in the app, also I do not add any new features after this.

This little app generate Custom Box Background code after you provide an image url to it. This is the easiest way to get HTML code that makes your profile look awesome.

Tutorial video: youtu.be/WNnUhSB6QPQ

You can check preview after you generated code. Pressing CTRL+C (or CMD+C if you are Mac user) button will automatically copy the code for you, so you can paste it in the custom box.

Mobile Users and people without Flash player


Here is the mobile version for you: customboxgenerator.nikhazy-diz…

You can add it to home screen too, as this is a web mobile app.

Buy to support me


Do you want to support me? This is a small custom box background pack (25 images in a zip file). Click Purchase button on the right. Want preview? Check this out: sta.sh/0qtpybyf6ej

FAQ


  • It isn't look good with featured images, ID, donation etc.  Yeah. Because this works best with custom box widget. In any other cases there will be bugs like hidden content, spaces between content and top of widgets etc. There are workarounds for these but they will be still far from perfect.

  • How to get Image URL?: www.wikihow.com/Get-the-URL-fo…

  • Background image doesn't repeat This isn't an error. This is how it is. You must use a wide and tall image to cover all the background. (Update: As from v1.7.4 it is possible to repeat image vertically.) This is not an officially supported feature, so it is far from perfect.


  • Background image doesn't fill the box horizontally It is because you use a too small image. To understand this better try to resize the window and see how the layout changes, you will see eventually it will fill it. The minimum recommended width for the image to use is 1000px. That fills the background even on bigger screens. There are no other way for this. 

  • Does this work at Groups? Not perfectly. At groups the image will push the content down. So you can use small image as header or something, but not as background.

  • I am an Internet Explorer user. I don't have "copy image url" at right click. What to do? First of all: Don't be an Internet Explorer user. It is bad for your and your computer's health. But if you want to continue to be one, you should write a comment with an URL to the page that contains the image you want to use and I will give you the image URL.
    (Update: As from v1.8.0 it is possible get IMG URL in the app itself if the image is on deviantART or sta.sh. If you still have problems comment)

  • It hides donation button. What to do? Put several line breaks before the last tag so the button is "pushed downwards". At donation polls it is a good idea to use low but wide image, so it only hides the donation amount.


  • How do I replace the hidden featured image? You put the image's :thumbXYZ: code in the text OR you use the <img src="FEATURED IMAGE URL" width="400" />  HTML tag also in the text. Where the a "width" parameter will change the width of the image and you should set it so you are happy with the result (thank you for kissingcyanide for pointing this out). Without the width parameter the image can be too big and appear strangely hidden on the sides.

  • There is a space on top of featured image widget: Set the view to "Normal view". There will be still a space at the top. But this is as close as you get. Remember the first FAQ.


Version history


    
  • Update v1.9.2: This update contains the following changes:
    • From now on the default text color is black. It was set red before this update that created some confusion.
  • Update v1.9.1: This update contains the following changes:
    • Minor bug fix at text color picker.
  • Update v1.9.0: This update contains the following changes:
    • New function: From now on you can select text background color. 
    • New function: From now on you can select text color. 
    • Centered text is optional now when background color is selected.
    • Preview text tells what options are selected (also in the code)
    • I added 100px to the height of the app, so it have space for rearrangement.
    • I rearranged the buttons, so now text based stuff is on the left, image related stuff is on the right
    • Preview is now fixed for big images. It show proper centered image as it is meant to be
    • Added llama giver button in help. Feel free to give me llama ;)
    • I changed the background color to match dAs new color.
  • Update v1.8.0: This update contains the following changes:
    • For people who can't get image URL by right click a new function is added! Just press the "Get IMG URL for me" button and copy the deviation URL there! It will get the img url for you, you just have to press the Get Code button. As it depends on my websites server, when my website is down, this function will be down too.
  • Update v1.7.4: This update contains the following changes:
    • Vertical repeat added! From now on you can repeat background image downward. A little something for you guys with very long content. It will have a small space between repeats. Sadly this is how this works, but more than nothing.
  • Update v1.7.3: This update contains the following changes:
    • A bug fixed where the preview wasn't show well (may still occur, more testing needed). This bug doesn't affect the actual result.
    • Added Facebook button in help. If you like this consider liking my Facebook Page too, where I write news about this app too.
  • Update v1.7.2: This update contains the following changes:
    • Small bug fixes
    • New video link. This new version has new tutorial video about usage. youtu.be/WNnUhSB6QPQ
  • Update v1.7.1: This update contains the following changes:
    • Bug fixed: deviantART and Youtube button's help text was rendered behind the Get Code button.
    • Minor code improvement
  • Update v1.7: This update contains the following changes:
    • New function: text background. This is a deviantArt based white background for the text. Must be centered.
    • New function: Font size added! You can change font size 1-10. Not pixel. Old old html font size. deviantART still supports it
    • Preview is better now. You can set up its look while previewing
  • Update v1.6: This update contains the following changes:
    • deviantART button added. It opens a new window with a search for background images especially made for custom boxes
    • YouTube button now opens the video page as its description also has information about the video.
  • Update v1.5.1: This update contains the following changes:
    • YouTube button now have deviantART colour when it is inactive. This is a minor change for better look.
  • Update v1.5: This update contains the following changes:
    • Button logic works better. After generating a code, when you click on the URL input you get the normal state of the app. Before this if you were in preview mode you lost all buttons.
    • Minor change in source code.
    • Youtube button added. This way you can check out the video about using this app. Thanks for siannve for the awesome icon pack: fav.me/d21dm5r
  • Update v1.4: This update contains the following changes:
    • Better error message when not proper URL added, pointing to the help screen. Thanks for namenotrequired :)
    • Minor change in help text.
    • Help screen have new design.
    • Donate button added to help screen.
  • Update v1.3: This update contains the following changes:
    • Added better help text. I included how to get image url
    • From now on only image url's are accepted because lot of people tried to feed it with deviation url. This means only urls ending with .jpg, .jpeg, .png or .gif are good. You can copy urls that have ?something at the end, this isn't affect this rule (for example ...someimage.jpg?sometext)
    • I fixed the preview. Now the background image is centered, as the real life boxes are centered too.
  • Update v1.2: Better help text added. Thanks for Ilionej for suggesting it. :)
  • Update v1.1: Centered content checkbox added. It expands the code with a
    element that will render content centered in the custom box.


Why so much update? I got ideas from time to time from comments or just find a small error I want to fix. Wanna see the first version? Here you go: fav.me/d5zfdcu

Like me on Facebook: www.facebook.com/AkosNikhazyPh…
Follow me on Twitter: twitter.com/Yzahkin
Watch me on deviantART: nakos.deviantart.com
Visit my website: nikhazy-dizajn.hu
Add a Comment:
 

Daily Deviation

Given 2014-02-04
Custom Box Background Code Generator v1.9.x by NAkos

[dA Related / Devious Fun / Other] ( Suggested by EeNii and Featured by ginkgografix )
:iconrdmanebog33:
Critique by RdManebog33 Aug 11, 2013, 11:50:56 PM
This is cool. It features how to B.G. a custom box. Cool, eh?

Once again,
This is cool. It features how to B.G. a custom box. Cool, eh?

Once again and again,
This is cool. It features how to B.G. a custom box. Cool, eh?

Yeah, so cool.

Once again & again & again,
This is cool. It features how to B.G. a custom box. Cool, eh?


LOL!

Again i will say,
This is cool. It features how to B.G. a custom box. Cool, eh?

...Cool. Yesh yeh yeshhh! Even nice flash! I'll add this to my favorites! Yeah this rocks! Yay!
What do you think?
The Artist thought this was FAIR
413 out of 492 deviants thought this was fair.

:iconorangeei:
Critique by orangeei Sep 2, 2013, 2:57:13 PM
Dude, I've been looking for something like this. Like, EVERYWHERE :D
I guess you earned a fave :3
So this shows how new Premium Members on how to do it :D
I hope this gets famous sometime.
Randome Space Use Up-
well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well well
well well well well well well well well well well well well well well well well well well well well well well well well

Thank you 8D

this is more like a comment, huh?
What do you think?
The Artist thought this was FAIR
341 out of 390 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconcaramelcookie87:
CaramelCookie87 Featured By Owner Edited 3 days ago  Student General Artist
Centered text isn't working D':
EDIT: It just didn't work on red, oops ;v;
Reply
:iconcieloisokumura:
CieloisOkumura Featured By Owner Edited 3 days ago  Student Digital Artist
Uhhhhhmm... the centered text thing won't work for me anymore...
EDIT: I figured it out, it just won't work with the darker blue text. 
Reply
:iconxandergirl96:
XanderGirl96 Featured By Owner Feb 1, 2016
just wondering, how would I be able to get this to be a scroll box? or is that even possible?
Reply
:iconocusicta:
Ocusicta Featured By Owner Jan 28, 2016  Hobbyist Digital Artist
I'm trying to use a custom box for a new group I made,
but when I try to use this, it doesn't wanna work ;-;

It just makes the background picture small-ish, and the words are put under it...?

Is there a different code for groups?
Reply
:iconnakos:
NAkos Featured By Owner Jan 28, 2016  Hobbyist General Artist
Yeah, groups HTML is different so this only works well for profiles. At groups you can use this to show some kind of header or something, but will not be background.
Reply
:iconsneeezing:
sneeezing Featured By Owner Jan 28, 2016  New Deviant Hobbyist General Artist
whenever i type something i continues to say "YOUR TEXT / EMOTES / THUMBS"
even when i erase the text,,
Reply
:iconwitchgaming144:
WitchGaming144 Featured By Owner Jan 25, 2016  Hobbyist Digital Artist
Premium only? ;n;
Reply
:iconnakos:
NAkos Featured By Owner Jan 26, 2016  Hobbyist General Artist
yap sadly
Reply
:iconsparkle-baby:
Sparkle-Baby Featured By Owner Jan 17, 2016
This is amazing, Thank you so much for this!
Reply
:iconleahkatt:
LeahKatt Featured By Owner Jan 6, 2016  Hobbyist Digital Artist
The pink button doesn't work ;A;

it only makes it red ;;
Reply
:iconnyanumi:
Nyanumi Featured By Owner Jan 4, 2016  Hobbyist Digital Artist
For some reason it's not centering the text once I tried out putting white text >.<
Reply
:iconnakos:
NAkos Featured By Owner Jan 4, 2016  Hobbyist General Artist
I am not sure but maybe something changed in dA css and it no longer works with that design element. 
Reply
:iconnyanumi:
Nyanumi Featured By Owner Jan 4, 2016  Hobbyist Digital Artist
I see, I'll just stick with black text ^.^
Reply
:iconmiss-horizon:
Miss-Horizon Featured By Owner Jan 2, 2016  Hobbyist General Artist
how do I insert an image inside the code?
Reply
:iconretsamys:
RetSamys Featured By Owner Jan 7, 2016  Hobbyist General Artist
Add this to your text:

<img src="REPLACE THIS WITH THE IMAGE ADDRESS" />
Reply
:iconxsailor-sins:
xSailor-Sins Featured By Owner Dec 27, 2015  Hobbyist General Artist
Oh wait, I didn't read the FAQ, sorry about that Sweating a little... 
Reply
:iconxsailor-sins:
xSailor-Sins Featured By Owner Dec 27, 2015  Hobbyist General Artist
how do you extend the background horizontally?
Reply
:iconromantica-hate-heart:
Romantica-Hate-Heart Featured By Owner Dec 26, 2015  Student Digital Artist
how. does. that work!?
Reply
:iconnakos:
NAkos Featured By Owner Dec 26, 2015  Hobbyist General Artist
First of all you have to be a Core member
Reply
:iconkadkidd:
kadKIDD Featured By Owner Dec 22, 2015  Hobbyist Artist
wow ! its awesome !! :dance:
Reply
:iconcrazy-rainbow-zombie:
crazy-rainbow-zombie Featured By Owner Dec 21, 2015  Hobbyist General Artist
Um I need help with this on my old laptop it would let me copy the image url.
But on my new laptop it don't show the copy image url when I right click the image.
i would appreciate the help or anything.
Reply
:iconnakos:
NAkos Featured By Owner Dec 22, 2015  Hobbyist General Artist
It shouldn't be about your laptop but your browser. Chrome changed its menu so now it called something else but it must be still there. I don't remember other browsers would have anything changed. 
Reply
:iconcrazy-rainbow-zombie:
crazy-rainbow-zombie Featured By Owner Dec 22, 2015  Hobbyist General Artist
My chrome turned itself into Bing twice!
It's Bing right now...
Reply
:iconnakos:
NAkos Featured By Owner Dec 22, 2015  Hobbyist General Artist
there is no such browser as bing. There is Edge. If a browser turns into something else you have some kind of virus that does that. 
Reply
:iconcrazy-rainbow-zombie:
crazy-rainbow-zombie Featured By Owner Dec 22, 2015  Hobbyist General Artist
Okay.
Reply
:iconxg4l4xy-qu33n:
xG4L4XY-QU33N Featured By Owner Dec 20, 2015
how to put transparent custom box background?
Reply
:iconnakos:
NAkos Featured By Owner Dec 20, 2015  Hobbyist General Artist
How transparent? If you use a png image with alpha it will be transparent. 
Reply
:iconxg4l4xy-qu33n:
xG4L4XY-QU33N Featured By Owner Dec 20, 2015
oh i mean like this unforgivable-porn.deviantart.c… <- where's the custom
Reply
:iconnakos:
NAkos Featured By Owner Dec 20, 2015  Hobbyist General Artist
oh I see. I don't know how to make this one and sadly I have no time to figure it out right now, so sorry. Therefore the app doesn't do this either and I stopped developing it so I will not add it. On the other hand you can ask the person who already use this trick. 
Reply
:iconxg4l4xy-qu33n:
xG4L4XY-QU33N Featured By Owner Dec 20, 2015
oh okay thanks ^^
Reply
:icongummi-zilla:
Gummi-Zilla Featured By Owner Dec 17, 2015  Student Artist
How would you fix it so it isn't italicized?
Reply
:iconfoxiibles:
Foxiibles Featured By Owner Dec 16, 2015
Thanks so much! This help tons for me, considering I'm a noob at custom boxes :P
Reply
:iconfosbat:
Fosbat Featured By Owner Dec 15, 2015  Hobbyist Digital Artist
Hi! Just wondering if anyone could get me the code for this? sta.sh/0ogeh4hc3qo I'm on an iPad right now and can't use the generator uvu
Reply
:iconnakos:
NAkos Featured By Owner Dec 15, 2015  Hobbyist General Artist
Here is a mobile friendly beta version customboxgenerator.nikhazy-diz…
Reply
Hidden by Commenter
:iconnakos:
NAkos Featured By Owner Dec 11, 2015  Hobbyist General Artist
Sadly no. All this is a hack, we use the site's design to "hack" the look in the box. It looks like this because on DA it used elsewhere with intention to look like this.
Reply
:iconogrelyaggressive:
ogrelyaggressive Featured By Owner Dec 11, 2015  Student Digital Artist
oh i figured it out ;v; i just had to remove 'issue reopened' something like that
Reply
:iconnotsogrumpjinx:
NotSoGrumpJinx Featured By Owner Dec 10, 2015  Hobbyist Traditional Artist
how do you get the image to repeat vertically?
Reply
:iconnakos:
NAkos Featured By Owner Dec 10, 2015  Hobbyist General Artist
There is the img repeat down button for that.
Reply
:iconnotsogrumpjinx:
NotSoGrumpJinx Featured By Owner Dec 10, 2015  Hobbyist Traditional Artist
saw it right after the comment. sorry >.<
Reply
:iconnakos:
NAkos Featured By Owner Dec 11, 2015  Hobbyist General Artist
no problem. I am here to help :)
Reply
:iconphenoxrose:
PhenoxRose Featured By Owner Dec 7, 2015  Hobbyist General Artist
Can someone do this code for me I'm on a kindle so yea thanks if you do pre06.deviantart.net/a7f0/th/p…
Reply
:iconyamiotte:
Yamiotte Featured By Owner Edited Dec 10, 2015  Professional Digital Artist
I'll note you the code still if you want???
Reply
:iconphenoxrose:
PhenoxRose Featured By Owner Dec 10, 2015  Hobbyist General Artist
Yay thank you so much
Reply
:iconxxneonfireflyxx:
xXNeonFireflyXx Featured By Owner Dec 1, 2015  Hobbyist Digital Artist
THANK YOU FOR MAKING THIS IT IS EXTREMELY HELPFUL
Reply
:icondinosaursforeva:
DinosaursForeva Featured By Owner Nov 30, 2015  Hobbyist General Artist
May Iask, can it be used for other boxes than the custom box?
Reply
:iconnakos:
NAkos Featured By Owner Nov 30, 2015  Hobbyist General Artist
It is buggy but works. It hides any other content, puts them behind the intended background. If you are not Core member it is even worse.
Reply
:iconlaelih:
LaeLiH Featured By Owner Dec 1, 2015  Student Artist
can u help me with thumb orig02.deviantart.net/d65d/f/2…
Reply
Add a Comment:
 
×
10 Purchase Purchased Download Purchase Soon
3.1 MB ZIP File. Includes ZIP
Custombox Bgs.zip
3.1 MB
Add Your Rating! Thanks for Rating! Change Your Rating
Download SWF download, 54.4 KB




Details

Submitted on
January 3, 2012
Image Size
54.4 KB
Resolution
550×600
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
238,256 (40 today)
Favourites
8,529 (who?)
Comments
1,535
Downloads
454
×