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: 519139; 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

SynthSymphony - OPEN ~ Free Toyhou.se Codes ~

lisiCat - Water Tutorial

brynls - Stuff III

brynls - Stuff III

brynls - Seedy Farmer [🤖]

AloeMoonflwr - Valentines

Disyukov - NSFW PACK for Artists, Body Poses, Milk, Tears...

BeckyKidus - Typical Artists' Problems, and how to defeat them

TaNa-Jo - Pastell Custom Box Code

CypherVisor - How to install Profile Menu

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

Metterschlingel - Pokeball Bundle - Backgrounds, Icon, Journal Skins

ArbuzoweArchiwum - Comm Info

MeoWmatsu - Custom box - Background tutorial
Comments: 1922

gillianivyart In reply to ??? [2013-11-05 17:24:30 +0000 UTC]

Great job on the updates.  This is still one of the most recommended resource for custom boxes I send people to.  And I like the addition of a custom bg package for the small donation amount.  It is a good way for people to say thank you and get something for it.

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-05 18:19:22 +0000 UTC]

Thank you, and thank you for the critique


When I made this app I didn't think it will evolve at all, but questions and ideas come so it was natural to implement stuff. I learned a lot from this in many areas. I get to know deviantART's innards a little better, I learned a lot about peoples mindset, user experience, project management, customer service (even if this isn't corporate level, it is really an adventure answering question) and even my programming skills got some boost from some of the ideas I implemented in this. From all the apps I ever made this is the one I am the proudest of

👍: 0 ⏩: 1

gillianivyart In reply to NAkos [2013-11-05 22:09:18 +0000 UTC]

I thought it needed a better 'critique' since the two previous ones were a lot of space filler...  

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-06 07:23:36 +0000 UTC]

It is rare to see proper ones. At least on my stuff. So thank you again

👍: 0 ⏩: 1

gillianivyart In reply to NAkos [2013-11-06 18:07:32 +0000 UTC]

I don't get very many, so not sure ;D

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-06 18:23:23 +0000 UTC]

I only get for Llama giving stuff. People just write llama until they can post

👍: 0 ⏩: 1

gillianivyart In reply to NAkos [2013-11-07 01:26:33 +0000 UTC]

 But why not just do it as a comment?

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-07 08:06:31 +0000 UTC]

I think people enjoy the privilege to write critiques, like it is something more than a comment. And in a way it is something more. I do not cry about the quality of the critiques I get, because on system level when somebody writes a critique it shows up for that person's watchers and on the profile. So it helps me spread my stuff. 


On the other hand I am really happy about people like you who can write real critique with real valuable information and gives stars based on that. I would be the happiest man in the world if all may stuff would get real critique, pointing out mistakes and good stuff as well. I think this is how critiques meant to be, but I accept how it works on dA because it helps this way too.

👍: 0 ⏩: 1

gillianivyart In reply to NAkos [2013-11-08 06:09:37 +0000 UTC]

Good viewpoint.  It does help promote your work.  I wish they had a widget to highlight our critiques.  The page is kinda buried, since you have to go to the badges to get the pages link in the first place.  I always thought that was poorly designed.  I've meant to make a suggestion about it, but haven't yet...

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-08 06:20:39 +0000 UTC]

There is a widget that shows off critiques you write, it can show up to 6 critique you write if I remember well.

👍: 0 ⏩: 2

gillianivyart In reply to NAkos [2013-11-08 06:42:51 +0000 UTC]

Okay, I must be a dummy.  And I see it is customizable.  Maybe it was that I didn't like where it puts it on my front page.  Since it is in the art zone and I have nothing else there it makes it be on the top of my page.  I need to redo my entire page anyways.  

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-08 06:56:11 +0000 UTC]

Yeah. That is what I never really liked. Zones on the profile makes sense as an idea, but I prefer deciding the place of everything freely.

👍: 0 ⏩: 1

gillianivyart In reply to NAkos [2013-11-09 05:36:19 +0000 UTC]

I still get their reasoning for it.  But I like flexibility too.

👍: 0 ⏩: 0

gillianivyart In reply to NAkos [2013-11-08 06:37:51 +0000 UTC]

Oh yea?  Is it new, because I thought I looked for it before...  I'll go look again.

👍: 0 ⏩: 1

NAkos In reply to gillianivyart [2013-11-08 06:42:57 +0000 UTC]

It is in the misc category it is quite old I think. But it wasn't promoted much.

👍: 0 ⏩: 0

foxyko In reply to ??? [2013-11-05 04:04:45 +0000 UTC]

Hi! I was wondering what part of the code I should delete/edit if I do not want the box to change from off-white to white when I hover over it. I just want it to be solid white all of the time ^^

👍: 0 ⏩: 1

NAkos In reply to foxyko [2013-11-05 07:37:11 +0000 UTC]

Well as it is a hack technically the text background is a button. So visually it works like a button. But other solution is coming up, i just need a little time to make it happen in the app.

👍: 0 ⏩: 1

foxyko In reply to NAkos [2013-11-06 05:30:11 +0000 UTC]

Oh okay!

Thank you, but I found a solution!

👍: 0 ⏩: 0

Premium-Puddles In reply to ??? [2013-11-03 00:46:43 +0000 UTC]

your icon scares me:

👍: 0 ⏩: 1

NAkos In reply to Premium-Puddles [2013-11-03 07:18:39 +0000 UTC]

People says that a lot

👍: 0 ⏩: 0

StudioLights In reply to ??? [2013-11-02 01:28:03 +0000 UTC]

Do you know how to make the white box slightly transparent?

👍: 0 ⏩: 1

NAkos In reply to StudioLights [2013-11-02 06:41:02 +0000 UTC]

Well if you show me an example maybe I can tell you.

👍: 0 ⏩: 1

StudioLights In reply to NAkos [2013-11-02 12:34:51 +0000 UTC]

Oh! Never mind, I found it out, but thank you anyway for trying to help!

👍: 0 ⏩: 0

Sonikku-Star In reply to ??? [2013-10-26 13:17:12 +0000 UTC]

sta.sh/#/0254pgf8dmap
URL for this please?

👍: 0 ⏩: 1

NAkos In reply to Sonikku-Star [2013-10-26 13:29:25 +0000 UTC]

Here you go fc08.deviantart.net/fs71/f/201…

👍: 0 ⏩: 0

daedric-darling In reply to ??? [2013-10-22 10:01:46 +0000 UTC]

Hi! I know you probably get this question a hundred billion times and I must seem like some kind of coding noob (which I am >u>) but is there a way to make the background go behind the deviation thumbnails in boxes such as 'Newest Deviations' or 'Featured Folder'? I've tried trial and error for the past hour (since I don't actually know how to code) and all that comes up is the background, the text (thanks to this app, at least XD) and the button for 'browse folder' as opposed to any of the actual thumbnails. Do you know what might be going wrong? I'd really appreciate any help!

👍: 0 ⏩: 1

NAkos In reply to daedric-darling [2013-10-22 12:45:50 +0000 UTC]

This stuff only works well with custom boxes. In all other box it hides the original content. You can work this around by putting thumbnail in the text so you imitate given box's function. As this is a hack this is far from perfect, and only workarounds like this are possible :/

👍: 0 ⏩: 1

daedric-darling In reply to NAkos [2013-10-22 22:17:32 +0000 UTC]

Thank you! I tried that and it's working perfectly! You're so sweet for replying, thank you so much!

👍: 0 ⏩: 1

NAkos In reply to daedric-darling [2013-10-23 05:53:48 +0000 UTC]

I am here to help

👍: 0 ⏩: 0

Chontecuamaker In reply to ??? [2013-10-21 14:23:39 +0000 UTC]

*nevermind

👍: 0 ⏩: 0

Chontecuamaker In reply to ??? [2013-10-21 14:22:14 +0000 UTC]

Hey, can I ask you..What is a Css and/or a Url? I'm really confused of that part O_o and how can I know the code?

👍: 0 ⏩: 0

BritLawrence In reply to ??? [2013-10-21 04:25:17 +0000 UTC]

thank you!!! this is so helpful!

👍: 0 ⏩: 0

KoniCorgi In reply to ??? [2013-10-20 20:12:36 +0000 UTC]

How do you make a custom text background? C:

👍: 0 ⏩: 1

NAkos In reply to KoniCorgi [2013-10-20 20:17:03 +0000 UTC]

After you generated code you can press text background button and the code will adjust so you can copy it.

👍: 0 ⏩: 0

xElectricWings In reply to ??? [2013-10-20 13:15:31 +0000 UTC]

OMG THANKS SO MUCH

i dunno why but on my computer i cant copy paste URL's...

thanks so much <333

👍: 0 ⏩: 0

DieFlavoredEvil In reply to ??? [2013-10-19 10:22:52 +0000 UTC]

the background just covered everything.what can i do to get it uncovered?
sonicray66.deviantart.com/

👍: 0 ⏩: 1

NAkos In reply to DieFlavoredEvil [2013-10-19 13:47:11 +0000 UTC]

It is natural at featured images, id, donation polls. Works best with Custom Boxes. At featured images you can put thumb code there to simulate it, at ID it isn't a good idea to use it.

👍: 0 ⏩: 1

DieFlavoredEvil In reply to NAkos [2013-10-19 14:24:24 +0000 UTC]

oh, ok then thanks for the help^^

👍: 0 ⏩: 1

NAkos In reply to DieFlavoredEvil [2013-10-19 14:26:53 +0000 UTC]

Any time

👍: 0 ⏩: 0

YokoHoshiTsukiko In reply to ??? [2013-10-14 17:19:29 +0000 UTC]

Can you help me with this one plz?


www.colourbox.com/preview/4713…

👍: 0 ⏩: 1

NAkos In reply to YokoHoshiTsukiko [2013-10-14 17:26:17 +0000 UTC]

well you gave me the image url itself. This should simply work. If you want the full version of this image I can't help. Colourbox is a site where you pay for images to use, I have no workaround for that.

👍: 0 ⏩: 2

YokoHoshiTsukiko In reply to NAkos [2013-10-14 17:44:52 +0000 UTC]

Um I don't know if you know this but there is this picture that I found. Well I don't know how to repeat that picture because I want to use that picture on my custom box but it's just a solid picture. Do you know if there is a website or do you know a code that can make a picture repeat? 

👍: 0 ⏩: 1

NAkos In reply to YokoHoshiTsukiko [2013-10-14 17:56:09 +0000 UTC]

Well the app has a repeat feature after you generated the code, you can make it repeat by clicking the button that says repeat. But this is really a hack of the hack and it isn't perfect. The best if you make a downwards long image (that has the repeated pattern in it) upload it to sta.sh or dA and link it from there.

👍: 0 ⏩: 1

YokoHoshiTsukiko In reply to NAkos [2013-10-14 18:03:54 +0000 UTC]

Oh okay! Thank you for the help! ^^


👍: 0 ⏩: 1

NAkos In reply to YokoHoshiTsukiko [2013-10-14 18:24:28 +0000 UTC]

any time

👍: 0 ⏩: 0

YokoHoshiTsukiko In reply to NAkos [2013-10-14 17:27:30 +0000 UTC]

Oh okay. 

👍: 0 ⏩: 0

Sophiecinders14 In reply to ??? [2013-10-10 16:37:43 +0000 UTC]

when I copy the code and the paste it, it doesn't come up properly. It's all full of links. How do I just paste it without any links like requestbuttons.deviantart.com/… this

👍: 0 ⏩: 1

NAkos In reply to Sophiecinders14 [2013-10-10 17:03:24 +0000 UTC]

I don't exactly understand what is the problem? Can you leave one custom box on your profile with the error so I can see what is happening?

👍: 0 ⏩: 1

Sophiecinders14 In reply to NAkos [2013-10-10 17:08:02 +0000 UTC]

it's not the box that's the problem. You know people paste the codes in big bold writing so people can copy and paste the code for your button and use it on their pages? When i copy the code, it doesn't work and just adds in links.

👍: 0 ⏩: 1

NAkos In reply to Sophiecinders14 [2013-10-10 17:17:11 +0000 UTC]

oh that. It is hard to explain why, but try to paste it to notebook then copy it from there.

👍: 0 ⏩: 1


<= Prev | | Next =>