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: 30596; Favourites: 951; Downloads: 0
Redirect to original
Related content
Comments: 534
hi sorry to bother you, please could i know which *struggling since few hours to get things work* just wanted to say your tuto helped me a lot and so thanks you so much ! ;^; π: 0 β©: 1
You just have to make it high enough for the scroll bar to disappear.
π: 0 β©: 1
yeah that's what i did but i was wondering if it has a way to just disable it completly :V
thanks for the answer anyway ! c:
π: 0 β©: 1
Sadly no, being scrollable and taking the max width are pretty much bound together. :c
π: 0 β©: 1
i see :/
anyway thanks for the help budy ! i'll make it work somehow dw >:3
i would has another question but i don't wanna bother you q^q
π: 0 β©: 1
Oh, don't worry about bothering me. It's not all too easy to get on my nerves. I got quite the thick skin. *pats belly* ;P
π: 0 β©: 1
i see, you're the same kind as me then xD yay ! the never-angry club !
well then the small question i have is, in those bix boxes, is it possible to push the image to the midle a bit ?
i mean i made this and it bother me that the image are so much to the side :<
is it possible to make the largeness only at 80% etc ? i tryed to changed with the "100%" thingy in the code but it doesn't looked like it changed anything.
and yeah i thought about puting empty png space on the image itself but i would rather not :'l
sorry again for the very annoying question xD it's all fine if you don't know really !
[i ask anyway but i'm guessing it's not possible without re-doing the entire "large box" code so... yeah... ;w;]
π: 0 β©: 1
Oh uh... Well, I have an idea. There's a hand full of classes called p, pp, ppp, pppp.... Those add a padding. So, if you were to add a div like this...
<div class="pppp">
containing your content
</div>
it adds a padding to all sides, including above and below. You can stack that div too, like this...
<div class="pppp"><div class="pppp"><div class="pppp">
containing your content
</div></div></div>
But overdoing it could turn out bad, especially on smaller screens. (Always keep those in mind when designing!)
So, uh, I guess you can try that. And feel free to show me your progress and ask more stuff. I'm slow with replies, cuz I'm inexcusably lazy, but yea, I'll help.
π: 0 β©: 1
oh so it's what the "pppp" are for ! i was wondering when seeing them in code xD
it's working all nice but the padding above the texte bother me, does one of the ppp thing have one where it aply only to the side and not to the top ? or maybe another div ?
rn i'm gonna try and trick the thing by placing it after texte and such but i don't think it'll look how i want.
yes i try to remember to not stretch to much the code cause it would end up looking glithced on others screen :'l
it's fine dw ! it's really nice of you to take the time to answer anyway ! ;w;/
π: 0 β©: 1
The ppp classes are all around padding. I'm not sure if there are ones that only add padding to the sides.
π: 0 β©: 1
i see, well rip then :c
and thanks again for the help buddy ! xd
π: 0 β©: 0
does this only work for core members?
π: 0 β©: 1
Hi This is really helpful, but I want to put text in front of the image i have. Can you please show me how to do that?
π: 0 β©: 1
Sure thing, bud! Can you put the code on your page, to the point you get it working, so I can see what exactly you want to do?
π: 0 β©: 1
Oh silly me, I've got it working now, tysm for the code!
But now I have a new question, how do I make it so that the text isn't directly touching the edges of the box? It looks a bit odd in my opinion.
π: 0 β©: 1
Huh, weird. TheΒ <div class="pppp"> part should prevent that from happening. You could try adding it in front of the content that causes problems? If you do that, don't forget the closing tag </div> tho. It goes after the content you need to have more room for.
π: 0 β©: 1
Alright I'll try that thank you! Have a great day and thank you for your time!
π: 0 β©: 1
Hey! I know it's been a while, but I think you had a custom box code that made the background super big and fitting? I really liked that code, but I can't seem to find it. Did you happen to remove it by any chance, or am I just blind ahh?
π: 0 β©: 1
I have no set code for it, but I know how to do it. Just add 'width="100%"' to the img tag, so it looks kinda like '
hmm okay!Β
thank you!
maybe it was another code maker who was similar to you? idk, i just remember the dark aesthetic ahah
π: 0 β©: 0
Can this work for content holders?
π: 0 β©: 1
When you use this code, anything you put in will be stretched. So, content holders as well, yes.
π: 0 β©: 1
Whoa, such a fast reply. Thank you! I'm struggling right now though. Can I still keep my green text if I use your code?Β
π: 0 β©: 1
Coincidence. I'm not checking my dA every 5min. No, that's not a thing I do. (Yes, it is. xD)
In theory, any other code you already use, or want to use in the future, should work in combination with this. If you run into any problems, feel free to contact me.
π: 0 β©: 1
HA. Should I note you?
π: 0 β©: 1
That would be best, yes. ^^
π: 0 β©: 0
Hello! Do you know how can I do a less wider limit? I was looking for a code that makes box wider, but I didn't want it to fill all the box, I just wanted it to be a little bigger. Is there a way to do that? :c
π: 0 β©: 1
Sadly no, or at least none I have found yet. DeviantArt broke almost all ways to get wider boxes years ago. This is one of the last remaining. Sorry
π: 0 β©: 1
How sad ;-; Thanks for answering anyway! And for the code! Yours is one of the few ones that still works o3o
π: 0 β©: 1
Oh, you're welcome. ^^
Feel free to ask for help, whenever needed.
π: 0 β©: 1
Thank you so much for this great code! It works for me
π: 0 β©: 1
And thank you for the positive feedback. ^^
π: 0 β©: 1
Hey, I don't know if you're still replying to comments on this, but I could really use some help. I've tried multiple wide content codes and none of them work. The first time I tried it, it worked great. I went in to edit something once, changed my mind (so I didn't touch the code at all), and basically once I hit save it stopped working. My issue is that the image for the background wont stretch now. The higher I set the width for the image, the more blank space I have below the image. I've tried literally everything and nothing seems to fix the background...
π: 0 β©: 1
Heya,Β
sorry for the late reply. I kinda kept in the background for a while.
Do you still need help?
π: 0 β©: 1
I was searching through the depths of dA and found a wide box code someone else shared, and it worked for me, which is great. However, I do still have a question. Would you happen to know how to add a scroll bar to a custom box that is using the wide box code? I have my pile of stamps, and what I was hoping to do was have the box be wide, like the rest of my boxes, and to be able to scroll the content without the background disappearing. So basically, like a regular scroll box, except the content gets to be wider. Hopefully I'm making any sense? lol
π: 0 β©: 1
I can't provide support for the codes others made.
My code has the functionality of turning into a scrollbox when your content is longer than the height you set. The background won't move, thus not disappear.
π: 0 β©: 1
I have zero clue what I did right this time or wrong last time, but I managed to get it to work (snd scroll how I wanted). Thanks so much for help, sorry for the hassle.Β
π: 0 β©: 1
No problem, glad you could figure it out. Saves me the work. ;P Hehe, good luck for future coding.
π: 0 β©: 1
Hello! I tried using your code but it really messes up my BG...
gyazo.com/5cf506ef814c0d7656b3β¦ Not sure what I can do about this? Any idea?
π: 0 β©: 2
Heya,
do you still wish to use this code?
π: 0 β©: 0
Try setting the width of your background images to 100%. Would also look better with these 'wide' custom boxes on all kinds of monitors.
π: 0 β©: 0
Hello, I love your code, just a question, I am re-designing my profile and you can still see the <*div class="pppp"*> at the end of the longer art? Where as the Kaiba one I removed it and it worked fine. Though on The dbz art removing it makes the image have space on the side rather than stretch all the way. Any assistance you can provide? I don't really like the coding showing at the bottom.
π: 0 β©: 1
Heya,
I'm kinda late, huh. Your core ran out. Sorry 'bout that.
π: 0 β©: 0
YO DUDE THANK YOU ;;
IT WORKS AS SO WELL, I JUST HHHH <33
π: 0 β©: 1
<= Prev | | Next =>