HOME | DD
NAkos —
Custom Box Background Code Generator v1.9.2 (last)
#customboxbackground #background #code #custom #generator #html #profile #tutorial #backgroundimage #profilebackground #custombox
Published: 2012-01-03 22:24:22 +0000 UTC; Views: 513153; Favourites: 11649; Downloads: 546
Redirect to original
Description
READ FAQ BEFORE ASK (i will not answer FAQ questions anymore. I just delete your notification.)
Also READ COMMENTS BEFORE ASK(most problems answered there too. I really have no time to support this app anymore)
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 support I got for this app. It was a pleasure. I will respond and help as I can. This will not change. It changed 
Warning 2.0: With the new deviantart design called Eclipse this app will die along with the whole custom background code community for sure.
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.
Commissions are not open for code! (I edited this part so it tells "not" for everything
For some reason you can't use this app? I will not send you the the code for 30 points. Do not check the commissions out on my profile pages's right side. I will not accept your commission if you provide me all the info I need and you are a Core user.
(I stopped doing that too )
Mobile Users and people without Flash player (This is dead too)
Here is the mobile version for you: customboxgenerator.nikhazy-diz…
You can add it to home screen too, as this is a mobile web app.
(I lost my server once, couldn't recover it and too much time to remake it )
You do not have to buy to use it BUT you can buy to support me => (not anymore. Thank you for all the support)
Do you wanted to support me? On the right there was a small custom box background image pack (25 images in a zip file). In the past you clicked the Purchase button on the right. Want preview? Check this out: sta.sh/0qtpybyf6ej But consider this: I do not support this app anymore, so I do not really expect you to support me.
(i no longer accept your points for an app and deviantArt feature that is dead)
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…
- I am not a Core user. Will it work for me? Nope. This works only for Core users.
- 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 (press lot of enters in the text) 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
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.
- Better error message when not proper URL added, pointing to the help screen. Thanks for namenotrequired
- 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/nikhazyakos
Watch me on deviantART: nakos.deviantart.com
Visit my website: nikhazy-dizajn.hu
Related content
Comments: 1922
👍: 0 ⏩: 0
👍: 0 ⏩: 0
Ok, so!
This is amazing!
It helps me soooo much! If it wasn't for this I would have not been able to make my page pretty!
It would be nice if you could make it look a little prettier, but hey! Thats just me. e.deviantart.net/emoticons/d/d… " width="21" height="15" alt="
Another thing is that it would be cool if you could add some of those box things. nvn
You're really good at this stuff!
Thank you so much you helped so many people. :,3
huired fhudishafdiu s feiudshad fhdius fhdius fhedisu fheuds fdusa f geudis fhdiuwsa f euiw fhdius f f s s s s s
👍: 0 ⏩: 0
I love this!!
This is soooooooooooooooooo perfect!!
Now I will know how to customize my profile with customs!!
Your idea to make this was very very very very very very very good!!!
I was making my background to use this XD
I know I can find on search but I make mine own with what did I like e.deviantart.net/emoticons/s/s… " width="15" height="15" alt="
But at once, great idea! perfect job!!
I don't know what to tell about how this is perfect, great!
XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD XD
👍: 0 ⏩: 0
I really like this, it helps me with my groups but i dont like how if you mess up, whatever you wrote, deletes! Please fix that, but I really like this overall, and you should be able to use deviations like textures for the boxes.
Overall:
Vision: The generator is simple but creates lovely results!
Originality: The only one i have seen but there could be more
Technique: Amazing, the coding works quite well!
Impact: Lets just say: How??? I love this! I use it for my groups and hopefully if i get a premium membership i will use this!
👍: 0 ⏩: 0
A
W
e
s
o
m
e
!
!
!
!
!
!
!
!!
!
!
!
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
h
hh
h
h
h
h
h
h
h
h
h
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
i
!
!
!
!
!
!
!
!
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g OMG I JUST LOVE IT!!
👍: 0 ⏩: 0
ok first of all i love that u put this up but for some reason it does not work for me it just looks as if i pasted a pic there, even tho i followed the directions i might be doing something wrong but i will try again now im just gonna re post my words
ok first of all i love that u put this up but for some reason it does not work for me it just looks as if i pasted a pic there, even tho i followed the directions i might be doing something wrong but i will try again
ok first of all i love that u put this up but for some reason it does not work for me it just looks as if i pasted a pic there, even tho i followed the directions i might be doing something wrong but i will try again
👍: 0 ⏩: 1
Yeah, because you are a simple member. Only premium members can use it.
👍: 0 ⏩: 1
well i used to be a member on my older account but it still didnt work, maybe it hates me
👍: 0 ⏩: 1
It is for custom boxes. It works as a background there. At any other widgets it hides the actual content behind the image.
👍: 0 ⏩: 0
I love this. It helped me so much. I will use this more often now since I found out about it. I love it! How did you get all the right things? Was it hard? I think you might have earned another favorite on your art or resource! It is amazing. just think of it. I was A noob before this was invented. I think I might need to tell my page viewers about this. Thanks for making this amazing resource for us to work with! Hope this was helpful. e.deviantart.net/emoticons/s/s… " width="15" height="15" alt="
👍: 0 ⏩: 1
Well this was a long developement. As I found new codes and ideas I built it in as soon as I figured out how it works and how it fits in the app. It isn't hard but time consumeing.
👍: 0 ⏩: 0
This simple resource is one of the most recommended custom box resources that I refer people to. An easy to use generator that really makes everyone able to customize their profile pages without confusing code. The version updates are pretty impressive to see how this small app has evolved.
Many people ask me how to put a bg into their custom boxes and rather than explain "floaty-boat" and how to structure the content inside of the box, this generator does all of that in a user friendly interface.
People can still learn how to do the code themselves, but this is definitely a great starting point and a handy tool to make it all that much faster. Especially if you combine this with `CypherVisor 's custom box resources, you can quickly have a brilliant page layout.
👍: 0 ⏩: 1
Thank you. I felt it deserved an actual critique since the two before utilized filler text instead of writing up a longer one. I never find trouble filling them...
👍: 0 ⏩: 1
That's because you have brains!
👍: 0 ⏩: 1
Don't tell teh zombiesss
👍: 0 ⏩: 1
Dude, I've been looking for something like this. Like, EVERYWHERE e.deviantart.net/emoticons/b/b… " width="15" height="15" alt="
I guess you earned a fave :3
So this shows how new Premium Members on how to do it e.deviantart.net/emoticons/b/b… " width="15" height="15" alt="
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?
👍: 0 ⏩: 0
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!
👍: 0 ⏩: 3
also I wont be on for a while cause its where I am D:
👍: 0 ⏩: 0
Fair but a little stupid
👍: 0 ⏩: 0
It breaks my heart that Eclipse is making users like myself and many others unable to customize our pages with this amazing tool..
It is so sad that all those hours coding and figuring out what looked best for my profile is all wasted in the end.
👍: 0 ⏩: 1
i feel the exact same way
👍: 0 ⏩: 0
why is the screen just white it wont move and it doesnt work what the heck flash
👍: 0 ⏩: 1
👍: 0 ⏩: 2
its working again thank u so much for fixing it ^W^
👍: 0 ⏩: 0
Oh 😭 well how do I get a code for an image how do u do it
👍: 0 ⏩: 0
so i select 'copy image address' like normal, and paste it and it gives me the red error. why isn't the image url working? .-.)
👍: 0 ⏩: 0
I REALLY rely on this, and seeing that it no longer works, is really unfortunate. I really hope that you can fix this or maybe even make a updated version, that'd be great!
👍: 0 ⏩: 0
its not working anymore.. can we get an updated version?
👍: 0 ⏩: 0
I actually need help,
I'm trying to get the url for this art but I can't right click and find the copy url at all it's just not there and I don't know how to get the url for this when I need it for a story... I really need help
👍: 0 ⏩: 1
Same here dude, the "copy image URL" option never comes up for me, instead it comes up with "copy image address" which is a lot different and it's not the actual URL it's copying, and it's so frustrating. I have to rely on others who've already put the coding there to be able to use the image and that hardly happens.
👍: 0 ⏩: 1
i ended up just selecting copy image when I need one for my ao3 story
👍: 0 ⏩: 0
The moment I get core back it doesn't work anymore because of stupid DA Eclipse
👍: 0 ⏩: 2
Relate, rip. Just got it and found out it doesnt work anymore hfgipda
👍: 0 ⏩: 0
I actually just found out how to still use it. You still need to open the background you want in a new tab, copy the link up to the .jpg, then paste it
👍: 0 ⏩: 0
It's annoyed me a bit that this is no longer in use, or at the least for DA cocking the url part when people post custom box backgrounds.
I know it's to do with the update but going to google to search for backgrounds is either most never work due to it's size or where it will not fit the whole box.
But this was good while it lasted so thank you for making this whilst using DA custom boxes backgrounds where workable during the time.
👍: 0 ⏩: 0
if you mean the background behind the custom box, just page the twice instead of the one time it shows up, if that makes sense! ^^
👍: 0 ⏩: 0
it don't work anymore so now I'm a little pissed
👍: 0 ⏩: 0
Because of DA eclipse
👍: 0 ⏩: 1
now i understand more why everybody hates it. thanks for telling me c:
👍: 0 ⏩: 1
does anyone know any images with the orig00.deviantart.net url? im trying to find one but i don't know any examples ;-;
👍: 0 ⏩: 0
| Next =>