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: 518940; Favourites: 11611; 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 I just do not fix anything in the app, also I do not add any new features after this.


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 Years ago it wasn't "not" )
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.
  • 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

NAkos - Llama Giving Game - Dead As Flash

NAkos - Things That Help You Get More Llama

NAkos - Emoticon list Chrome Extension [DD]

NAkos - Mushroom

NAkos - truth

NAkos - Trump Hair Collection

NAkos - visitors

NAkos - Just a sun in Dyson sphere and asteroids around it

NAkos - Basic Blender Cycles Material pack

brynls - I'm Blue

Stealth-Shrimplotl - ! Cheap YCH / Commissions SB !

brynls - Seedy Farmer [🤖]

wazzy88 - Mortal Kombat Ninja - Minecraft Creeper [🤖]

TrialOfTheTwisted - $15 Raptor Adopt

ARTS4Wonder - Arts4wonder 3 (201) [🤖]

tuyakbayevad - Starry night [🤖]

VisionaryLoopsAI - Tracks of Vengeance [🤖]

TaNa-Jo - Pastell Custom Box Code

CypherVisor - Button - Slide Arrow

SimplySilent - Make a Profile Directory v.4 (Updated!)

Indae - Custom box background tutorial

Martith - Super eezy-squeezy animated background tutorial

GinkgoWerkstatt - .:Code Basics: Scroll Box

fmr0 - Custom Box Background 3

ArbuzoweArchiwum - Comm Info

amber-kat - f2u Fire Custom Box Code
Comments: 1922

xXCosmic-ZinnyXx In reply to ??? [2014-06-02 20:35:40 +0000 UTC]

I can't seem to get the url for this image
www.deviantart.com/art/Free-Sp…
can you please help me?
whenever i link this, it says "undefined", and I'm pretty confused.

👍: 0 ⏩: 1

NAkos In reply to xXCosmic-ZinnyXx [2014-06-02 20:39:03 +0000 UTC]

Yeah sadly my server is down a lot these days, I will fix it.

Here is the URL you want to put in the main field: fc01.deviantart.net/fs71/i/201…

👍: 0 ⏩: 1

xXCosmic-ZinnyXx In reply to NAkos [2014-06-02 20:52:01 +0000 UTC]


thank you very much!
eWe

👍: 0 ⏩: 0

MishkaWolf In reply to ??? [2014-05-31 02:39:53 +0000 UTC]

I purchased the box background things too

👍: 0 ⏩: 0

pasteIpurrinq In reply to ??? [2014-05-29 03:19:04 +0000 UTC]

Ummm.can you get the url for this? fav.me/d5i334p
it doesn't seem to be working...

👍: 0 ⏩: 1

NAkos In reply to pasteIpurrinq [2014-05-29 06:17:27 +0000 UTC]

Yeah it is down and I can't fix it right now.

Here you go: fc03.deviantart.net/fs71/f/201…

👍: 0 ⏩: 0

CrampberryJuice In reply to ??? [2014-05-27 17:25:00 +0000 UTC]

I love this! This is amazing, dude!

👍: 0 ⏩: 1

NAkos In reply to CrampberryJuice [2014-05-27 17:46:37 +0000 UTC]

I am happy you like it

👍: 0 ⏩: 1

CrampberryJuice In reply to NAkos [2014-05-27 17:48:34 +0000 UTC]

I love it. (:

👍: 0 ⏩: 0

disemboweI In reply to ??? [2014-05-25 17:59:28 +0000 UTC]

Mine comes out in italics and I can't find how to fix it. I've tried putting , but it didn't work.

👍: 0 ⏩: 1

NAkos In reply to disemboweI [2014-05-25 18:20:51 +0000 UTC]

Som of the colors makes it that way. There is no workaround as we use deviantART's already defined styles for this. This is a hack it works like this sadly.

👍: 0 ⏩: 0

DenTora-Tora In reply to ??? [2014-05-25 00:03:50 +0000 UTC]

I need help, I tried using this but every time I use it, it puts the picture on top and the text underneath it

👍: 0 ⏩: 1

NAkos In reply to DenTora-Tora [2014-05-25 15:03:18 +0000 UTC]

It is natural at groups. Or you do not copy the whole code. Also it works bad with anythings else than custom boxes.

👍: 0 ⏩: 0

galaxypaws In reply to ??? [2014-05-17 01:20:22 +0000 UTC]

when i submit it to the custom box it is not full and stretch the sides are cut i copy all the code but it's sides is cut 

👍: 0 ⏩: 1

NAkos In reply to galaxypaws [2014-05-17 06:38:45 +0000 UTC]

As this method is only puts an image in the center, if the image is not wide enough you will see its sides. Keep in mind the cuspom box's width depends on the width of the screen. For example I see you custom box perfectly on an 1024x600 monitor, but I am sore you have bigger than that.

The easiest way to try what I am talking abut is resizing the browser window so it is less wider.

👍: 0 ⏩: 1

galaxypaws In reply to NAkos [2014-05-18 23:11:16 +0000 UTC]

thanks

👍: 0 ⏩: 0

Pretty-Puff-Adopts In reply to ??? [2014-05-14 09:23:39 +0000 UTC]

on my computer I don't have copy image url

👍: 0 ⏩: 1

NAkos In reply to Pretty-Puff-Adopts [2014-05-14 09:29:52 +0000 UTC]

Because you using Internet Explorer. That is the worst that you can use. But if you give me the url of the page where the image is I can give you the image url

👍: 0 ⏩: 1

Pretty-Puff-Adopts In reply to NAkos [2014-05-14 09:53:21 +0000 UTC]

ok I use to have crome but someone deleted it

plus how do you know I use internet explorer are you spying on me? XD

👍: 0 ⏩: 1

NAkos In reply to Pretty-Puff-Adopts [2014-05-14 10:16:51 +0000 UTC]

And what stops you to install chrome again?

And I know you using internet explorer because that nightmarish browser is the only one that has no get image url functionality  

👍: 0 ⏩: 1

Pretty-Puff-Adopts In reply to NAkos [2014-05-14 10:18:43 +0000 UTC]

LOL i just instaled it now XD how weird

👍: 0 ⏩: 0

LadyZoey In reply to ??? [2014-05-14 02:23:59 +0000 UTC]

its just not working for me, everytime i put the URL into the "get code" box it flashes up red, it use to work for me but now it never does no matter what.
im very confused

👍: 0 ⏩: 1

NAkos In reply to LadyZoey [2014-05-14 04:59:32 +0000 UTC]

Could you show me the URL you trying to use this time? 

👍: 0 ⏩: 1

LadyZoey In reply to NAkos [2014-05-14 23:59:55 +0000 UTC]

its with any custom background i try to use, i use the URL in the serch bar

👍: 0 ⏩: 1

NAkos In reply to LadyZoey [2014-05-15 05:45:28 +0000 UTC]

So you try to use the page url instead of image url. As the red error messge says: image url. Ends with .jpg, .png or .gif
Right click on image itself and press the "copy image url" or something like that from the context menu at right click.

👍: 0 ⏩: 0

kissingcyanide In reply to ??? [2014-05-13 10:20:46 +0000 UTC]

This is amazing, I always make myself desperate when it comes to code. 
I had a question though, when I use the  HTML tag, and the image I pick is too big, all the custom box goes out, is there any code to make the image smaller?

Thanks!

👍: 0 ⏩: 1

NAkos In reply to kissingcyanide [2014-05-13 11:09:22 +0000 UTC]

I think the custom box hides the images part that is too big for it. And the width of the custom box depends on the width of the screen. 

But you can write this: The width parameter will work and gives a fix size to the image. You can change the number as you wish.

👍: 0 ⏩: 1

kissingcyanide In reply to NAkos [2014-05-13 11:16:10 +0000 UTC]

Thanks, you're so kind!

👍: 0 ⏩: 0

leiyue In reply to ??? [2014-05-12 04:22:57 +0000 UTC]

May I ask why it's possible to use different coloured backgrounds (like blue or black, by replacing the colour name in the code) but you only give the option of 5? 

Awesome and convenient though, btw

👍: 0 ⏩: 1

NAkos In reply to leiyue [2014-05-12 05:04:57 +0000 UTC]

All colors are comes from deviantART's stlye itself. And there is a limit what colors are possible this way. These are different elements that deviantART uses for buttons and stuff, we just use the same style for this. Same goes with text color.

It would be cool if they give us full HTML / CSS support for custom boxes (like at journals). In that case I would retire this app.

👍: 0 ⏩: 1

leiyue In reply to NAkos [2014-05-19 05:37:14 +0000 UTC]

Sorry, I'm not sure I completely got what you meant. As in dA only supports a few colours right?

👍: 0 ⏩: 1

NAkos In reply to leiyue [2014-05-19 05:52:52 +0000 UTC]

Yep that is the point. 

This Custom box designing stuff depends on already existing design elements on deviantART itself. It is just a legal hack, that deviantART do not support officially but as it is harmless and fun let us use and build around it.

Sorry for my English, sometimes I hardly get through with it.

👍: 0 ⏩: 1

leiyue In reply to NAkos [2014-05-19 06:02:18 +0000 UTC]

I see, but what I meant is that the colours blue and black are available, but aren't put on your app, and I was wondering why ^^

That's alright, I appreciate you taking the time to try explain xD

👍: 0 ⏩: 1

NAkos In reply to leiyue [2014-05-19 06:15:52 +0000 UTC]

Oh there is blue and black? Now that is another thing. I find out about all these like this most of the times. From comments and stuff I will include those as soon as I find how to code those (and I have a little time to implement it) 

Thank you

👍: 0 ⏩: 1

leiyue In reply to NAkos [2014-05-19 19:46:24 +0000 UTC]

Yeah xD. I was playing around with your code. I just changed the 'purple' (highlighted) i.imgur.com/AD6clxo.jpg to blue or black.. those were the only two that worked so far.

Np

👍: 0 ⏩: 0

benfark In reply to ??? [2014-05-10 16:39:21 +0000 UTC]

well you're awasome dude

👍: 0 ⏩: 1

NAkos In reply to benfark [2014-05-10 18:02:48 +0000 UTC]

Thanks

👍: 0 ⏩: 0

1nvader-M1L4 In reply to ??? [2014-05-10 00:04:59 +0000 UTC]

uhh
its not working

👍: 0 ⏩: 1

NAkos In reply to 1nvader-M1L4 [2014-05-10 06:06:47 +0000 UTC]

What exactly seems to be the problem?

👍: 0 ⏩: 1

1nvader-M1L4 In reply to NAkos [2014-05-10 13:54:07 +0000 UTC]

it says "undefined" all the time

👍: 0 ⏩: 1

NAkos In reply to 1nvader-M1L4 [2014-05-10 14:29:35 +0000 UTC]

where it says that? I really don't know. if the preview says it is indefined then it is simply fails to lead, something beyond me. Still the code still should work. 

👍: 0 ⏩: 1

1nvader-M1L4 In reply to NAkos [2014-05-10 15:18:00 +0000 UTC]

it says that whenever i get rid of the image url thing the box says "undefined"

👍: 0 ⏩: 2

NAkos In reply to 1nvader-M1L4 [2014-05-15 19:57:59 +0000 UTC]

I know. Sorry for that, my server is down I trying to solve this problem. Meanwhile you can tell me the page url so I can give you the image url you copy in the main screen of the app.

👍: 0 ⏩: 1

1nvader-M1L4 In reply to NAkos [2014-05-15 21:16:00 +0000 UTC]

This is the one I would like: fav.me/d35gpzs

👍: 0 ⏩: 1

NAkos In reply to 1nvader-M1L4 [2014-05-15 21:31:40 +0000 UTC]

here you go  fc07.deviantart.net/fs71/f/201…

sorry for the inconvenience. 

👍: 0 ⏩: 0

NAkos In reply to 1nvader-M1L4 [2014-05-10 15:27:07 +0000 UTC]

Oh I see it now. This is a bug, i can't fix it right now, but I will. Until that you can still copy image url in the main text field yourself and it will generate the code.

👍: 0 ⏩: 1

1nvader-M1L4 In reply to NAkos [2014-05-10 15:30:08 +0000 UTC]

oh ok

👍: 0 ⏩: 0

birbmom In reply to ??? [2014-05-06 23:37:40 +0000 UTC]

Oh my kittens, you are my hero.

👍: 0 ⏩: 0

Anqry-yeen In reply to ??? [2014-05-06 15:11:05 +0000 UTC]

its not working

👍: 0 ⏩: 1

NAkos In reply to Anqry-yeen [2014-05-06 15:36:14 +0000 UTC]

good to hear

👍: 0 ⏩: 1


<= Prev | | Next =>