HOME | DD
Valognir ā [Custom box code] Wide content
#box #code #content #custom #customization #html #profile #scroll #scrolling #wide #width #scrollbox #contentholder #custombox #widecontent
Published: 2015-03-01 13:45:25 +0000 UTC; Views: 30646; Favourites: 951; Downloads: 0
Redirect to original
Related content
Comments: 534
It shouldn't be touching the edges. However, if it's still too close, copy the < div class="pppp" > part from the end and just paste it again. I don't recommend doing it too often though, as it will mess with the width on small screens as well.
š: 0 ā©: 1
curious about this, i did this method and it just ends up adding extra padding to the top of the box and stretching the height and pages. is there any way to shorten the width of the content boxes without adding extra space to the top?
š: 0 ā©: 1
Sounds like you have some knowledge on the matter, so allow me to explain it with some technical details~
I have yet to find a class that lets me alter the width without adding to the top or bottom or have other stupid side effects. Coding on dA is weird like that... And then there's compatibility. If I were to find a class with, say, only a padding for left and right - which would be exactly what you're probably looking for - it would make the box rediculously thin on small resolution displays, like mobiles, since I can't really set a minimum width...
So, sorry to disappoint you, but if I ever find a more convenient solution, I'll make sure to update this code!
š: 0 ā©: 1
mm, makes sense to me! thank you for the explanation~
š: 0 ā©: 1
Does this code still work now? I'm putting it in but nothing but my background appears anywhere. The none background version works fine, but the one with background just puts my background weirdly to the left and no text appears. I may be doing something wrong and can't figure out what...
š: 0 ā©: 1
Hm, that doesn't sound like any problem I have encountered so far. I might have to take a look at it and ask you to reproduce the problem.
Would you mind leaving the non-working code on your page for a view hours until I reply again?
š: 0 ā©: 0
Any way to not end up with a scroll box for this?Ā
š: 0 ā©: 1
As mentioned in the description, you have to adjust the bold number to fit your content.
š: 0 ā©: 1
I fixed it in the meantime!
š: 0 ā©: 0
Quick question!
where would I put my text?
š: 0 ā©: 1
Yeah I figured it out.
Thank you though~
š: 0 ā©: 0
We'd been trying to get a good-looking [AND WORKING] content holder-widener, and this is the one that supremely worked. THANK YOU SO MUCH.
š: 0 ā©: 1
You're welcome. And thank you for using it. ^^
š: 0 ā©: 0
Whenever I try to use this it turns my whole custom box into a scrolling widget and none of the actual inner/content holder boxes actually get bigger. Is there a way to fix that??
š: 0 ā©: 1
If there is none, I will find one. Mind adding the code so I can check what's causing you trouble?
š: 0 ā©: 1
Ty! And yeah, no problem.
I used this coding:
orig00.deviantart.net/7f6c/f/2ā¦ ">
orig12.deviantart.net/c715/f/2ā¦ ">
pre11.deviantart.net/9230/th/pā¦ "/>
img01.deviantart.net/0332/i/20ā¦ "align="middle"/>
š: 0 ā©: 1
That happens because you use the no background version... and then try to force a background into it anyway. ^^ If you want to use a background image as well as this code, I suggest using the first code that already includes a background image code.
š: 0 ā©: 1
Ohhh
wow lmao I screwed up. XD Sorry for wasting your time.
š: 0 ā©: 1
That's ok. 
š: 0 ā©: 0
someone help me plz!!! ive tried to edit my featured deviantation at least a millions times and nothing works, either the image gets bigger that it cuts off, you can only see half of the image, or just the background and majority of the time the background doesnt stretch to fit the box at all! someone help plz!!!!
š: 0 ā©: 1
I'm here to help, but I'd appreciate less exclamation marks... xD
I guess you are having trouble with the image width. If you add an image to a widget using this code, try adding "width=100%" to the img code like this: <img width="100%" src="link">
As for your background problem, you might have to use an image that actually has a fitting size. You could use the above trick, but that will result in your background becoming very short on small resolutions. To get a kind of preview of smaller resolutions, try shrinking your browser window until the content of each box doesn't get smaller. This will be what your page looks like on mobile devices.
š: 0 ā©: 1
ooops sorry >w< ive been like stuck on this all week and i want to be able to make my profle pretty before my core membership ends ;w; okay ill try it out!Ā
š: 0 ā©: 1
Good luck.
If it doesn't work, leave the code that causes problems on your page and tell me so I can take a look. ^^
š: 0 ā©: 1
it fits but my deviantation is like gone heres the picture of it :Ā
š: 0 ā©: 1
Oh, that's what you mean. Well, for one, you don't just place your background in the conent area. ^^ You will want to use the standard version, right under "Code" and look for the part that I wrote in bold "Your background url here". That's where your background image link goes. Then the box has a background. But I'll probably have to disappoint you. Any background code will overlap the deviation. You can, however, manually add it again by using the img code with a direct link to your deviation.
š: 0 ā©: 1
manually? i did put the background image in the " image link" , im not rlly familar with all this coding stuff...i've seen ppl with backgrounds on their featured deviantations so there has to be a way
š: 0 ā©: 1
As I said, there is a way, but the picutre which you choose via the widgets options doesn't show. Also, you did not put the background link where it says so in the code. I saw your code... ;D
I'm bad at explaining, so I'll just put the code together for you.
<div class="stream"><div class="popup2-moremenu"><div class="floaty-boat"><img width="1000" src="http://orig02.deviantart.net/9105/f/2016/090/a/3/free_custom_box_background___pink_polka_dots_by_ri_by_sonalover-d9x7b78.png"></div></div><img width="1200" src="http://orig00.deviantart.net/7f6c/f/2016/036/2/3/stretcher_3_by_daemon_illusionum-d9nvsaz.png"><div class="inputblocker blt-ad-container daembed gmfrozen" align="justify"><img width="100%" src="http://orig12.deviantart.net/c715/f/2015/277/2/5/stretcher_by_daemon_illusionum-d9bzcno.png"><div class="pppp" align="center"><img width="80%" src="http://orig01.deviantart.net/0180/f/2016/086/3/c/smokey_lungs_by_alexisrules14-d9wpwzd.jpg">
š: 0 ā©: 1
ah its okay, thank you!!!!
š: 0 ā©: 0
Great code and thanks for sharing 
I tried that over and over with one of my costum boxes but failed unfortunately 
š: 0 ā©: 1
The only thing I can come up with would be using the image as a background. Sorry
š: 0 ā©: 1
I thought the same already, but it is difficult since the image is a gif
š: 0 ā©: 1
Hm... I'll experiment some with that idea and let you know if I find anything.
š: 0 ā©: 1
Oh, that would be awesome!! Thanks a lot dear. Just send me a note then, okay?
š: 0 ā©: 1
Thanks for this! It really sucks dA made it so the other workarounds don't work anymore - this is a pretty good workout all things considered! I don't mind the tiny custom boxes on most things, but on some things it just looks like crap. You're a lifesaver!
š: 0 ā©: 1
You're welcome and thanks to you as well. Nice to read some appreciated inbetween all the "It doesn't work!!1!!"
š: 0 ā©: 1
Nah, it works! The only downside is what one other commenter said about the resizing of the windows - background images don't move fluidly with it and it can leave a gap in the widget towards the bottom. But there's nothing you can do about that.
š: 0 ā©: 1
I changed a little something in the code so the background image won't adjust to 100% width. That should kind of fix the problem.
š: 0 ā©: 0
aaaa this code no longer works as of today >_<;;
š: 0 ā©: 1
This exact code still works fine for me, as tested on Firefox and Google Chrome.
Check if it also affects my profile or just your own. If both are affected, what kind of device and browser are you using? If it's only yours, can you provide a screenshot of the problem?
š: 0 ā©: 1
i.gyazo.com/845bfc4f6c23516477ā¦
i.gyazo.com/4d46736e1cc2bf1964ā¦
Your page looks fine, and I haven't changed the code since the last time there was an update to it >_< This just happened yesterday. I'm on Chrome.Ā
š: 0 ā©: 1
Hm, you seem to be using an outdated stretcher. Using the latest code should fix your problem.
š: 0 ā©: 1
You will have to provide some kind of information if you would like me to help you. ._.
š: 0 ā©: 0
It's not bad, but I'm seeing a problem with this already. The "img width" value (i.e. box height) only works for one specific browser window size. A box height that looks perfect on a large window will have a lot of empty space underneath in a small window. See this example:
The width of the image in the center is scaled to 90% of the box width. However, the box height doesn't adjust to the window size, so you end up with a lot of empty space underneath, regardless of whether you set the "img width" value in pixels or percent. How do I fix this so that the box height ends after the content?
š: 0 ā©: 1
Sadly, there currently is no solution to that problem.
The coding deviantart allows is extremely limited. And as they "disabled" the old way to stretch custom boxes, this became the only somewhat reliable solution I could find. I'm sorry.
š: 0 ā©: 1
<= Prev | | Next =>