HOME | DD

Valognir β€” [Custom Box Code] White Scroll Boxes

#box #bright #code #content #css #custom #da #design #deviantart #holder #scroll #style #white #scrollbox #contentholder
Published: 2015-03-20 17:09:36 +0000 UTC; Views: 45472; Favourites: 2118; Downloads: 0
Redirect to original
Description

[the code disappeared. ohno.]


More customization stuff:

Userstyles and -scripts

Related content
Comments: 398

Valognir In reply to ??? [2016-04-17 16:28:34 +0000 UTC]

It is bold in its own line and right in the middle of the code. No idea how else I should make it clear, sorry.

πŸ‘: 0 ⏩: 0

minkyrosa In reply to ??? [2016-04-10 09:11:11 +0000 UTC]

Thank you so much!!

πŸ‘: 0 ⏩: 0

qqhost In reply to ??? [2016-04-10 05:02:31 +0000 UTC]

were do I put the text? XC

πŸ‘: 0 ⏩: 0

bloodywalnut In reply to ??? [2016-03-23 22:49:42 +0000 UTC]

Hidden by Commenter

πŸ‘: 0 ⏩: 1

Valognir In reply to bloodywalnut [2016-03-24 02:13:05 +0000 UTC]

False information. The content has to be put where it's mentioned in the description.

πŸ‘: 0 ⏩: 0

Roseqalaxy In reply to ??? [2016-03-11 19:51:03 +0000 UTC]

I'm sorta confused as where to put the content??
Nvm figured it out!

πŸ‘: 0 ⏩: 0

StapleWings In reply to ??? [2016-03-02 22:03:21 +0000 UTC]

Well uh know this is a pretty old post but comments are still popping up so I'm just curious if it's possible to make the box taller when it appears in say a custom box? I decided to ask first before poking around certain codes.

πŸ‘: 0 ⏩: 1

Valognir In reply to StapleWings [2016-03-03 09:05:11 +0000 UTC]

You might want to read the description. ;D Second line.

πŸ‘: 0 ⏩: 1

StapleWings In reply to Valognir [2016-03-03 12:17:19 +0000 UTC]

Ah sorry about that, i kinda skimmed the description a tad bit cx

πŸ‘: 0 ⏩: 0

pinkuo In reply to ??? [2016-03-02 18:45:35 +0000 UTC]

Hidden by Commenter

πŸ‘: 0 ⏩: 1

Valognir In reply to pinkuo [2016-03-02 18:54:12 +0000 UTC]

Hm... ^^ It's bold in the code. At least in the description here. Try hitting ctrl + f on your keyboard and type "content". It will search for it and highlight the word.

πŸ‘: 0 ⏩: 1

pinkuo In reply to Valognir [2016-03-02 18:55:32 +0000 UTC]

Haha I realised, I thought it was a setting for another section so I've worked out how to use these white boxes, it's another tutorial I'm confused about now tho ;v;

πŸ‘: 0 ⏩: 0

kinqlame In reply to ??? [2016-03-01 05:04:42 +0000 UTC]

if i just want to add an image next to the left scroll box instead of another scroll box how would i go about this ?

πŸ‘: 0 ⏩: 1

Valognir In reply to kinqlame [2016-03-02 18:59:27 +0000 UTC]

Try this code. I put it together very quickly, so if anything doesn't work, do tell me.
<div class="ccexpanded mods-column-rr"><div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img width="100" src="http://orig00.deviantart.net/7f6c/f/2016/036/2/3/stretcher_3_by_daemon_illusionum-d9nvsaz.png"><div class="previewbox blt-ad-container"><div class="ppp">

Your content here

</div></div></div></div></div><div class="ccexpanded mods-column-rr"><img src="Image URL"></div>

πŸ‘: 0 ⏩: 2

jupitertoys In reply to Valognir [2016-03-22 18:35:33 +0000 UTC]

may i ask where you put this code??

πŸ‘: 0 ⏩: 1

Valognir In reply to jupitertoys [2016-03-23 04:17:15 +0000 UTC]

Anywhere in your custom box. If you were refering to the snippet I posted in the comment above. ^^

πŸ‘: 0 ⏩: 0

kinqlame In reply to Valognir [2016-03-02 23:19:33 +0000 UTC]

it works! thank you very much c:

πŸ‘: 0 ⏩: 0

ShemeiArt In reply to ??? [2016-02-20 21:36:53 +0000 UTC]

I think I may have a question about these codes - they are really helpful but I would prefer to have my page without scrolling boxes, and I have no idea which codes I should delete, as friend did whole coding and I saw that they used your codes for scrolling content boxes.
Could you help me maybe?Β 

πŸ‘: 0 ⏩: 1

Valognir In reply to ShemeiArt [2016-02-21 21:37:10 +0000 UTC]

If it's the wide content code you are refering to, like your whole custom box has a scroll bar, you will have to add a little extra space at the bottom to prevent scrollbars from appearing.

πŸ‘: 0 ⏩: 1

ShemeiArt In reply to Valognir [2016-02-21 21:45:51 +0000 UTC]

Hm, yes but I want to delete scrollbars totally - without making my boxes too long - because I made this right now to prevent scrollbars appearing >.< I mean - how to delete that code with scrollbars completly?

πŸ‘: 0 ⏩: 1

Valognir In reply to ShemeiArt [2016-02-21 21:52:49 +0000 UTC]

It's this code.

You should find it at the beginning of each box.

πŸ‘: 0 ⏩: 1

ShemeiArt In reply to Valognir [2016-02-21 21:57:15 +0000 UTC]

Yes it's this one! Should I delete all codes besides of this with background?Β 

πŸ‘: 0 ⏩: 1

Valognir In reply to ShemeiArt [2016-02-21 22:05:19 +0000 UTC]

I'm not sure what other codes your friend used on your page. If your friend used my wide content code including a background, you will have to find a different background code like Custom-box Background Tutorial to replace the wide content code. You can leave all other parts untouched. Though it might be better to ask your friend to fix this.

πŸ‘: 0 ⏩: 1

ShemeiArt In reply to Valognir [2016-02-21 22:08:31 +0000 UTC]

OOh,thank you very much, that will help me a lot!

πŸ‘: 0 ⏩: 0

StripedEgg In reply to ??? [2016-02-13 02:15:31 +0000 UTC]

It doesn't seem to be working for me...
No matter what size I want, it stays at the same tiny box. It does this from time to time, and now I just can't fix it.

πŸ‘: 0 ⏩: 1

Valognir In reply to StripedEgg [2016-02-13 03:35:21 +0000 UTC]

Ugh. DeviantArt probably broke the link to the stretcher again... They do that quite often recently. I'll fix it right away.

πŸ‘: 0 ⏩: 1

StripedEgg In reply to Valognir [2016-02-13 03:47:40 +0000 UTC]

Oh thank you so much c:

πŸ‘: 0 ⏩: 0

TranNgocMai In reply to ??? [2016-02-04 12:58:59 +0000 UTC]

Hey guy, I have a question: How to post raw code???Β Β I'm gonna assemble and translate html codes on deviantart into my language and I hope you'll reply me soon

πŸ‘: 0 ⏩: 1

Valognir In reply to TranNgocMai [2016-02-04 20:30:52 +0000 UTC]

You mean, the way I posted it in the description? You can put <b></b> after every < to ensure everything is displayed. Like this: <<b></b>code> <<b></b>/code>
It's somewhat confusing, but you can use some text editing software with a replace function to search for any < and replace them with <<b></b>
Then copy-pasting that new code somewhere on deviantart, it should display as normal code.

πŸ‘: 0 ⏩: 1

TranNgocMai In reply to Valognir [2016-02-05 05:34:28 +0000 UTC]

sorry for myΒ stupidity, but i still haven't understand. For example, i want to post the code italic text:Β < i>insert text here . So can you show me specificallyΒ how to display it as normal code?Β 

πŸ‘: 0 ⏩: 1

Valognir In reply to TranNgocMai [2016-02-05 11:36:23 +0000 UTC]

<<b></b>i> <<b></b>/i>

πŸ‘: 0 ⏩: 0

TranNgocMai In reply to ??? [2016-01-29 06:12:52 +0000 UTC]

Can we apply these code on deviantart journal?

πŸ‘: 0 ⏩: 1

Valognir In reply to TranNgocMai [2016-01-29 07:36:42 +0000 UTC]

They should work, but I suggest coding your own scrollboxes for journals. I can even help you with that, if you tell me what you would like to achieve.

πŸ‘: 0 ⏩: 1

TranNgocMai In reply to Valognir [2016-01-29 10:38:41 +0000 UTC]

Okay, I'm gonna assemble and translate html codes on deviantart into my language, if I have any question, I'll "disturb" you again haha. You're such an enthusiastic guy.

πŸ‘: 0 ⏩: 0

WlCKEDGAMES In reply to ??? [2016-01-23 12:01:30 +0000 UTC]

do you know how to center the text? thanks!

πŸ‘: 0 ⏩: 1

Valognir In reply to WlCKEDGAMES [2016-01-23 14:34:25 +0000 UTC]

Of course! Just add align="center" to the <div class="ppp"> like <div class="ppp" align="center">

πŸ‘: 0 ⏩: 1

WlCKEDGAMES In reply to Valognir [2016-01-23 18:28:32 +0000 UTC]

thanks!!

πŸ‘: 0 ⏩: 0

Livid-Aria In reply to ??? [2016-01-19 16:34:02 +0000 UTC]

How you put stuff inside of it? ; v ;

πŸ‘: 0 ⏩: 1

Valognir In reply to Livid-Aria [2016-01-20 20:51:55 +0000 UTC]

You just put it where ever it says "Your content here"

πŸ‘: 0 ⏩: 1

Livid-Aria In reply to Valognir [2016-01-20 23:16:39 +0000 UTC]

Hnn alright - for some reason whenever I add a BG to the content box
it gets all messed up? Ahh oh well thank you so much for your help! ^ v ^

πŸ‘: 0 ⏩: 1

Valognir In reply to Livid-Aria [2016-01-21 12:54:56 +0000 UTC]

You want the scroll box to have a background?

πŸ‘: 0 ⏩: 1

Livid-Aria In reply to Valognir [2016-01-22 00:09:08 +0000 UTC]

The widget ; v ;

Like how there is the scroll box
but behind it there is a BG > v <

πŸ‘: 0 ⏩: 1

Valognir In reply to Livid-Aria [2016-01-22 12:02:48 +0000 UTC]

I... can't see anything in that image... xD But I think I get what you're saying. If you want a background behind the scroll box, you have to place the code for that background infront of the scroll box code.

πŸ‘: 0 ⏩: 1

Livid-Aria In reply to Valognir [2016-01-22 18:05:49 +0000 UTC]

oh thank you so much! That worked c':
sorry If I have been bothering you! / v \ Thank you again!

πŸ‘: 0 ⏩: 1

Valognir In reply to Livid-Aria [2016-01-23 06:18:50 +0000 UTC]

Nah, no one's gonna be able to bother me with questions. ^^ You're welcome.

πŸ‘: 0 ⏩: 1

Livid-Aria In reply to Valognir [2016-01-24 04:17:40 +0000 UTC]

Ah thank you so much again! / v \
Have a great day! ~

πŸ‘: 0 ⏩: 0

CuppieGoku In reply to ??? [2016-01-16 09:27:06 +0000 UTC]

Aw im glad the cod is fix i really missed using this ;v;
thank you so much!

πŸ‘: 0 ⏩: 1

Valognir In reply to CuppieGoku [2016-01-17 00:04:23 +0000 UTC]

You're welcome. Glad you like my code. ^^

πŸ‘: 0 ⏩: 0

PumpkinSpiceBatte In reply to ??? [2016-01-15 16:19:31 +0000 UTC]

The height suddenly stopped working D=

EDIT: nvm, it seems to have fixed itself lol

πŸ‘: 0 ⏩: 1

Valognir In reply to PumpkinSpiceBatte [2016-01-16 05:22:52 +0000 UTC]

Did they revert the change? Because I spent quite some time working on the code to fix it...

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>