Shop Mobile More Submit  Join Login
×
10 Purchase Purchased Download Purchase Soon
3.1 MB ZIP File. Includes ZIP
View Attachments
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
157,354 (26 today)
Favourites
5,653 (who?)
Comments
1,231
Downloads
267
×
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 maintaining this app? 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 sawb 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
178 out of 220 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
179 out of 204 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconpuppydigata:
puppydigata Featured By Owner 1 day ago  New member Student Digital Artist
does it show when you leave the page because my sister who's member is too scared if it doesent work
Reply
:iconnakos:
NAkos Featured By Owner 1 day ago  Hobbyist General Artist
I don't understand so I give two answers:

1. The code in this app will not stay if you leave the page, but you can generate it any time or save it in a txt file or something

2. If you talking about your profile: it stays as it is after you added the code.
Reply
:iconpuppydigata:
puppydigata Featured By Owner 1 day ago  New member Student Digital Artist
i guess my sister needs to put in like a box??
Reply
:iconnakos:
NAkos Featured By Owner 1 day ago  Hobbyist General Artist
Copy the code in the custom box edit mode and save it and it stays.
Reply
:iconcaptain-may:
Captain-May Featured By Owner 5 days ago  Student Artist
how can you add a youtube video?
Reply
:iconnakos:
NAkos Featured By Owner 5 days ago  Hobbyist General Artist
I don't know if there is a way. I have never seen youtube video in custom box.
Reply
:iconcaptain-may:
Captain-May Featured By Owner 5 days ago  Student Artist
or nevermind i got it
Reply
:iconvampirekittycat3172:
Vampirekittycat3172 Featured By Owner Jan 20, 2015  Student Digital Artist
This is legit! Thanks for making this!
Reply
:iconblazingdragonlord:
BlazingDragonLord Featured By Owner Jan 17, 2015  Student General Artist
Thanks a ton for this :D
Reply
:icongoidensilver:
GoIdenSilver Featured By Owner Jan 15, 2015  Hobbyist General Artist
I'd like to make www.cybernetman.com/kb/attachm… repeat, is that possible...?
Reply
:iconnakos:
NAkos Featured By Owner Jan 15, 2015  Hobbyist General Artist
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.
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Edited Jan 14, 2015  Student Digital Artist
Umm... how do I make it so that I can see images?

and custom boxes wont work
Reply
:iconnakos:
NAkos Featured By Owner Jan 14, 2015  Hobbyist General Artist
I do not understand your question (how do you want to see images and where and what images) and what do you mean by "custom boxes wont work"? 
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Jan 15, 2015  Student Digital Artist
The white boxes ((sorry my bad for being confusing))
Reply
:iconnakos:
NAkos Featured By Owner Jan 15, 2015  Hobbyist General Artist
Are you sure you copy the whole code?
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Jan 15, 2015  Student Digital Artist
absolutely
Reply
:iconnakos:
NAkos Featured By Owner Jan 15, 2015  Hobbyist General Artist
As I see oyu use it for deviantID. In that case I am not sure everythig working as this method is mainly for custom boxes.

To put image there you can use :thumb code or the <img src="image url" /> HTML tag.
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Jan 16, 2015  Student Digital Artist
Okay umm if you would mine one question, when I try to put a background  in my favorites box it just turns it to the background, you cant see anything
Reply
:iconnakos:
NAkos Featured By Owner Jan 16, 2015  Hobbyist General Artist
yeah. it works like this. it is for custom boxes. you can put thumb codes and img tags to emulate the effect.
Reply
:iconxxxkatrina-starxxx:
XxXKatrina-StarXxX Featured By Owner Jan 13, 2015  Student Traditional Artist
I used it for me in EG by XxXKatrina-StarXxX  
Reply
:iconaqua-spirit22:
Aqua-Spirit22 Featured By Owner Edited Jan 12, 2015  Hobbyist General Artist
Awesome tool thanks for creating it. I mainly clicked the download button for that place on description where it says the support you - I mean, some of those backgrounds look pretty neat but I prefer others I see, so mainly for support.
Once again thanks for creating this, it helped me a bit on my custom widgets since I am horrible with any type of coding :)
Reply
:iconnakos:
NAkos Featured By Owner Jan 12, 2015  Hobbyist General Artist
Thank you so much :) You are very kind. I am happy the app helped you out.
Reply
:iconaqua-spirit22:
Aqua-Spirit22 Featured By Owner Jan 12, 2015  Hobbyist General Artist
It definitely helped and once I finally set up my new profile, I will be adding the link back here - hopefully it will help more people ^^
Reply
:iconnakos:
NAkos Featured By Owner Jan 12, 2015  Hobbyist General Artist
Thank you very much :)
Reply
:iconsugar-skye1996:
Sugar-Skye1996 Featured By Owner Jan 9, 2015  New member Hobbyist Traditional Artist
Excuse me. The text doesn't work!! This is a great tool but it will not allow me to post my text inside.
I've deleted the text/emote/thumb text you inserted but no matter what I do my words don't show up.
Please help me out! I really want to learn how to properly use this really unique customization utensil!
Thank you so much!!:) (Smile)  
Reply
:iconnakos:
NAkos Featured By Owner Jan 9, 2015  Hobbyist General Artist
And you put the text in place of the "text/emote/thumb" text? It is just simple text there there is no trick. You just writre your stuff where the "text/emote/thumb" was before.
Reply
:iconqueenofthesilence:
QueenOfTheSilence Featured By Owner Jan 9, 2015
Just found this. Works perfectly.  While I can figure out DA coding, though depending on the situation it can take me a while, this saves me time. :D
Reply
:icontgbjerga:
TGBjerga Featured By Owner Jan 8, 2015  Hobbyist Traditional Artist
Am I allowed to ask for some advice?
It might sound like a dumb question, but when I pasted in the code for a wallpaper I've chosen, it doesn't fill up the whole custom box space.:?
It seems to be very narrow and only be as wide as an inserted text box will go.
How do I make it fill the whole space?

I would love hear any sort of feedback.:) Thank you.
Reply
:iconnakos:
NAkos Featured By Owner Jan 8, 2015  Hobbyist General Artist
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. 
Reply
:iconkamisama21:
kamisama21 Featured By Owner 6 days ago  Student General Artist
sorry to ask this is probably a simple thing but how do you resize a window ? sorry if this sound stupid Sweating a little... 
Reply
:iconnakos:
NAkos Featured By Owner 6 days ago  Hobbyist General Artist
You grab the side of the window with the cursor by holding the left mouse button.
Reply
:iconkamisama21:
kamisama21 Featured By Owner 6 days ago  Student General Artist
you mean as in my browser window? sorry for not really understanding XD....
Reply
:iconnakos:
NAkos Featured By Owner 6 days ago  Hobbyist General Artist
yup
Reply
:iconkamisama21:
kamisama21 Featured By Owner 6 days ago  Student General Artist
oh....
Reply
:icontgbjerga:
TGBjerga Featured By Owner Jan 8, 2015  Hobbyist Traditional Artist
Ok thanks.:)
Reply
:iconpansexual-pentagram:
Pansexual-Pentagram Featured By Owner Jan 8, 2015
When I change the font color, it comes up as the default color only to other users, to me it's red, but to others it switches to black no matter how much they refresh the page. What do I do?
Reply
:iconnakos:
NAkos Featured By Owner Jan 9, 2015  Hobbyist General Artist
I think you didn't copy the whole code.  I  have no other idea at this point.
Reply
:iconohmylittleworld:
OhMyLittleWorld Featured By Owner Dec 29, 2014  Student Interface Designer
How can i make it work for featured deviation? because when i tried it, the deviation gets covered by the background :c
Reply
:iconnakos:
NAkos Featured By Owner Dec 29, 2014  Hobbyist General Artist
  • 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. Without the width parameter the image can be too big and appear strangely hidden on the sides.
Reply
:iconohmylittleworld:
OhMyLittleWorld Featured By Owner Dec 29, 2014  Student Interface Designer
Sorry but, i didnt undestand D: 
Reply
:iconnakos:
NAkos Featured By Owner Dec 29, 2014  Hobbyist General Artist
It is natural it hides the content as this method meant to be for custom boxes. In every other case it hides content. You replace the hidden content by emulating it with its thumb code or img html tag.
Reply
:iconohmylittleworld:
OhMyLittleWorld Featured By Owner Dec 29, 2014  Student Interface Designer
But when i use the thumb its a little bit small 
Reply
:iconnakos:
NAkos Featured By Owner Dec 29, 2014  Hobbyist General Artist
Because it is a thumb. That is why I suggest using the <img src="url of image you want to put there"  width="400" /> HTML code instead so it show bigger.
Reply
:iconohmylittleworld:
OhMyLittleWorld Featured By Owner Dec 29, 2014  Student Interface Designer
so im gonna use this generator for the background and the the <img src="url of image you want to put there"  width="400" /> to replace the devianation?
Reply
:iconnakos:
NAkos Featured By Owner Dec 29, 2014  Hobbyist General Artist
Yeah. Where you put the thumb code you put that tag instead with the url of the image you want to show there. 
Reply
(1 Reply)
:icondovah-kitty:
Dovah-Kitty Featured By Owner Dec 26, 2014  New member Student General Artist
This is awesome, thank you for sharing!
Reply
:iconichigomurasaki:
IchigoMurasaki Featured By Owner Dec 26, 2014  Hobbyist Traditional Artist
How do I use this for my background wallpaper? 
Reply
:iconnakos:
NAkos Featured By Owner Dec 26, 2014  Hobbyist General Artist
I simply do not get your questiont so I just say this:

You can use this for custom box widget perfectly and other widgets like donation and favs  etc a little buggy. This will give background image for those widgets on your profile. But if you give me an example or explain what do you mean by "background wallpaper" I am here to help / answer.
Reply
:iconnovareindeer:
NovaReindeer Featured By Owner Dec 26, 2014  Hobbyist Digital Artist
one last question, On my profile i did it but how do i move it up? cause its all the way at the bottom?
Reply
Add a Comment: