Shop Mobile More Submit  Join Login
White Content-Holder Boxes by CypherVisor White Content-Holder Boxes by CypherVisor

Exclusively for Premium members and Super groups only




How to use ?


Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.



SOURCE CODE:



Box 1:
<div class="cctextarea" ><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">Body text here.</div></div></div>


Box 2:
<div class="cctextarea" ><div class="pp" align="left">Body text here.</div></div>



----------------------------------------------------------------------------------------------
*You can change the alignment of your text inside the box by changing the following..

Change "left" with "center", "right" or "justify"


<div align="left">


<div align="center">


<div align="right">


<div align="justify">

----------------------------------------------------------------------------------------------



Other similar boxes







Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note for more details

Add a Comment:
 
:iconleafypup:
LeafyPup Featured By Owner 3 days ago  Student Writer
Awesome job~
Reply
:iconsketchesbylaura:
SketchesByLaura Featured By Owner Jan 23, 2016  Hobbyist Digital Artist
This is exactly what I was looking for! Thank you!
Reply
:iconrabidwuff:
RabidWuff Featured By Owner Jan 10, 2016  Hobbyist General Artist
Thanks! :D
Reply
:iconzakicchi:
Zakicchi Featured By Owner Edited Jan 7, 2016  Hobbyist Digital Artist
Hii!! i was wondering how to add a background onto the custom box, behind the white area? ;v;

edit: nvm! i got it :,D
Reply
:iconpastel-nero-chuu:
Pastel-Nero-Chuu Featured By Owner Jan 22, 2016  New Deviant Hobbyist General Artist
How do you do it, cause I couldn't get it right.
Reply
:iconzakicchi:
Zakicchi Featured By Owner Jan 22, 2016  Hobbyist Digital Artist
copy and paste this--  (take off the %  signs in this code, i addded them there because the full code wouldnt show for some reason :,D)

<%div class="popup2-moremenu"><%div class="floaty-boat"><img src="  BG IMAGE LINK HERE  "/></div%>

and paste it BEFORE you put on the custom box code, it took some trial and error but i hope this works! o:
Reply
:iconpastel-nero-chuu:
Pastel-Nero-Chuu Featured By Owner Jan 22, 2016  New Deviant Hobbyist General Artist
Ahh!! Yes, I finally got it to work!! ;v;//
Reply
:iconpastel-nero-chuu:
Pastel-Nero-Chuu Featured By Owner Jan 22, 2016  New Deviant Hobbyist General Artist
Dang, I tried it 3 or 4 times but it isn't workin. ;~;
Reply
:icondeaddoodles:
DeadDoodles Featured By Owner Jan 1, 2016  Hobbyist Digital Artist
I was wondering, where would you paste an image URL to make it the Widget background?
Reply
:iconanathemanemic:
AnathemAnemic Featured By Owner Dec 28, 2015  Hobbyist Traditional Artist
prntscr.com/9je3oe So, this happened. I followed along with deviantID widget box customization tutorial by CypherVisor as well.
Is my box in the deviantID supposed to be that big? It doesn't like to hug the text, like it would in a regular custom box, as you can see in the comparison.
Reply
:iconmelzurai:
Melzurai Featured By Owner Dec 27, 2015   General Artist
Is there a way to get rid of the shadow within the sides of the box?
Reply
:iconogrelyaggressive:
ogrelyaggressive Featured By Owner Dec 11, 2015  Student Digital Artist
aah when i use it it makes the text super big
how can i fix that ?? :'0
Reply
:iconkawaiixtrash:
KawaiixTrash Featured By Owner Dec 18, 2015
You're probably using the header slot if you don not want large text use the bottom one
Reply
:iconsilentsusan:
SilentSusan Featured By Owner Oct 31, 2015  Hobbyist General Artist
Hey when I use this (the top) the words come out white, how can I fix this?
Reply
:iconteacuppit:
Teacuppit Featured By Owner Sep 18, 2015  Hobbyist Digital Artist
Does this work with the scroll custom box?
Reply
:iconkawaiixtrash:
KawaiixTrash Featured By Owner Dec 18, 2015
Yes
Reply
:iconteacuppit:
Teacuppit Featured By Owner Dec 18, 2015  Hobbyist Digital Artist
Can you show me how?
Reply
:iconkawaiixtrash:
KawaiixTrash Featured By Owner Dec 18, 2015
All you do is add the two codes together
Reply
:iconteacuppit:
Teacuppit Featured By Owner Dec 19, 2015  Hobbyist Digital Artist
Can you show me?
Reply
:iconcaptain-starburst:
Captain-Starburst Featured By Owner Sep 12, 2015  Student General Artist
eee i love using this, but i was wondering, (and ive seen others pages like this)
how do you make the boxes smaller / thinner? (like here - This )
if someone could help me code my page like this it would be greatly appreciated !
Reply
:iconore0s:
ORE0S Featured By Owner Oct 29, 2015
If you're still wondering, I figured out how to do it. On the box you want smaller, you just remove the "<# div class="pp">(without the # sign)"
Reply
:iconvioletstwy:
violetStwy Featured By Owner Aug 28, 2015  Student Digital Artist
I'll useit on my profile! When I finish I'll added you into a widget with all the credits :)
Reply
:iconhirasaw-kirisaki:
Hirasaw-Kirisaki Featured By Owner Aug 27, 2015  Professional Digital Artist
using
Reply
:iconrin000:
Rin000 Featured By Owner Aug 19, 2015
I will use this///w///
Reply
:iconmem-schuriscloa:
mem-schuriscloa Featured By Owner Aug 18, 2015  Professional Digital Artist
Thank you : >!
Reply
:iconcamyza:
Camyza Featured By Owner Aug 11, 2015
Thank you so much!
Reply
:iconvenomari19:
Venomari19 Featured By Owner Aug 6, 2015  Hobbyist Traditional Artist
An issue I came across with this, which hasn't happened when I previously used this: The whole white box is stuck to the left side of the custom box, and won't center, no matter what I try. All the content inside will center, but the box won't. Any way I can fix this? o:
Reply
:iconqasmask:
qasmask Featured By Owner Jul 19, 2015  Hobbyist Digital Artist
Is there a way for the 2nd box have scroll? If you could link me to where i could do that would be awesome!
Reply
:iconpiko-ai-chan:
Piko-Ai-chan Featured By Owner Jul 10, 2015  Hobbyist General Artist
Hi! I am currently using this, but I have a question. How do you make the content holders appear below each other? I am trying to put two content holders in my custom box but instead of appearing below each other, they are merged :(
Reply
:iconblushycake:
blushycake Featured By Owner Jul 20, 2015  Hobbyist Digital Artist
you mean like one box and then a space and then another content holder box below it? i think you just copy the code twice and paste it twice. like this: 

</*div class="cctextarea" ></*div class="pp" align="left">Body text here.</div></div>

</*div class="cctextarea" ></*div class="pp" align="left">Body text here.</div></div>

just delete the /* things i put it there so the code will display as text not as a code ><//

and then just insert your content in the body text here part ^_^ i did it just now by accident and it worked, so what i just told you is exactly what i did, and as glueskin said before me don't touch the </*/div> things because they're basically what start and end the box. hope it helped and sorry for being late if you already solved your problem! XD 
Reply
:iconvelociraptorn:
velociraptorn Featured By Owner Jul 12, 2015  Hobbyist General Artist
are you sure you didnt delete any </*div>'s from the code? they are important.
Reply
:iconlumunous:
lumunous Featured By Owner Jul 3, 2015  Hobbyist General Artist
Which one in the coding is it that states the box color? 
Reply
:iconsoggyeggroll:
SoggyEggroll Featured By Owner Jul 3, 2015  Hobbyist Digital Artist
hhow do i add a background out side of the boxes..?
Reply
:iconcaptain-starburst:
Captain-Starburst Featured By Owner Jun 21, 2015  Student General Artist
i am currently using this, but there is something im constantly having a problem with.
gifs.
i put them in the box, but the box doesnt stretch with them. it stays small.
any help??
Reply
:iconjackson93:
Jackson93 Featured By Owner Jun 1, 2015  Professional Digital Artist
Doesn't really work with any icons I made. plz help.
Reply
:iconbabytwigs:
BabyTwigs Featured By Owner May 18, 2015  Hobbyist Digital Artist
How can I change the width of Box 1?
Reply
:iconveml:
Veml Featured By Owner May 7, 2015  Hobbyist General Artist
Is there a way I can put pictures next to boxes? OAO I'm not vry smart
Reply
:iconxxmunchkinmunshixx:
XxMunchkinMunshixX Featured By Owner Apr 11, 2015  Student General Artist
very handy!
Reply
:iconmakcake:
Makcake Featured By Owner Mar 24, 2015  Student Digital Artist
Thanks so much <3
Reply
:iconheartlessarmedzekrom:
HeartlessArmedZekrom Featured By Owner Mar 23, 2015  Hobbyist General Artist
I love you. ;-; Thank youuu.
Reply
:iconnorthern-pony:
Northern-Pony Featured By Owner Mar 3, 2015  Student General Artist
How did you make the line in this first box?
Reply
:iconeffingwaterbuffalo:
EffingWaterBuffalo Featured By Owner Mar 5, 2015  Hobbyist Digital Artist
use the code <*hr> before what you write 
Take the * out first of course
Reply
:iconnorthern-pony:
Northern-Pony Featured By Owner Mar 6, 2015  Student General Artist
Ah okay, thanks :)
Reply
:iconkid-nii:
kid-nii Featured By Owner Feb 23, 2015  Hobbyist Traditional Artist
How do we add a bg to this? ; ;
Reply
:iconmintied:
Mintied Featured By Owner Feb 18, 2015
dosent work ;;
Reply
:iconkottonball:
kottonball Featured By Owner Feb 5, 2015  Hobbyist Digital Artist
Doesn't work.
Reply
:iconmartymcfiy:
MartyMcFIy Featured By Owner May 29, 2015  Hobbyist General Artist
You need to have a pm
Reply
:iconkottonball:
kottonball Featured By Owner May 29, 2015  Hobbyist Digital Artist
I know. I said this before my pm expired.
Reply
:iconmartymcfiy:
MartyMcFIy Featured By Owner May 29, 2015  Hobbyist General Artist
oh
Reply
:iconsuperpandastar123:
SuperPandaStar123 Featured By Owner Jan 25, 2015  Hobbyist General Artist
It Helps Thanks!!
Reply
Add a Comment:
 
×




Details

Submitted on
September 1, 2012
Image Size
19.0 KB
Resolution
453×360
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
105,378 (28 today)
Favourites
5,531 (who?)
Comments
508

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×