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:
 
:iconvioletstwy:
violetStwy Featured By Owner 4 days ago  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 6 days ago  Student Traditional 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
:iconrayesesshyfan:
RayeSesshyFan 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
:iconbonnie628:
Bonnie628 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
:iconkouyuun:
kouyuun 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
:iconxsilvercrownx:
xSilverCrownx Featured By Owner Jul 3, 2015  New Deviant 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
:iconphoenixmaster13:
Phoenixmaster13 Featured By Owner May 29, 2015  Hobbyist Traditional 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
:iconphoenixmaster13:
Phoenixmaster13 Featured By Owner May 29, 2015  Hobbyist Traditional Artist
oh
Reply
:iconsuperpandastar123:
SuperPandaStar123 Featured By Owner Jan 25, 2015  Hobbyist General Artist
It Helps Thanks!!
Reply
:iconxxrubytherabbitxx:
XxRubytheRabbitxX Featured By Owner Jan 18, 2015
Yo Cy! This box worked fine for me until the other day, and now they've all got slimmer for some reason? I would send a screencap but you can p/m just go to my page
i've changed nothing in the code and the pictures are supposed to be like 400pixels+ so i dont know why its doing it?
i've looked at a few other pages with the boxes and some of them are having the same problem? Help
Reply
:iconririiyu:
Ririiyu Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
Mine are doing the same thing. They are all the same width, before they would stretch to the things I put in them.
They have gotten very slim, making my gifs stick out of the sides, don't know how to fix.
 bunneh icon17 
Reply
:iconmarooartz:
MarooArtz Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
How do you change the text color? Mine just turns out all real light grey.
Reply
:icongrimmdestiny:
GrimmDestiny Featured By Owner Jan 11, 2015  Hobbyist General Artist
May I ask, is there a way to put a different background image in the text holder box? Instead of being pure white c:
Reply
:iconbooty-overlord:
Booty-Overlord Featured By Owner Jan 8, 2015  Hobbyist Digital Artist
 Hi I tried to put 2 custom boxes but the result looks like this.
Could you help me? ;; v ;;


2 custom box problem by Shiny-Winq
Reply
:iconkiruraki:
KiruRaki Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
I am also looking for an answer for this
Reply
:iconbooty-overlord:
Booty-Overlord Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
I figured out you have to put 
</div></div></div></div></div>
and then copy the box code again. ;v;
Reply
:iconbrooklyn-baby:
Brooklyn-Baby Featured By Owner Dec 27, 2014  Hobbyist Digital Artist
Will the black lines around the boxes sort of disappear when you add a background or is that a different code?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 27, 2014
The borders will be there. Unfortunately, there is no working code to have ONLY a background without any borders.
Reply
:icongayworu:
gayworu Featured By Owner Dec 26, 2014  Hobbyist Traditional Artist
how do you make the insides of the boxes scroll? ; o ;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 26, 2014
For scrolling boxes please check it here: Custombox F.A.Q. + Tips and tricks
Reply
:iconjelarts:
JelArts Featured By Owner Dec 9, 2014  Hobbyist Digital Artist
Is there any way to make boxes side by side instead of on top of each other?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 26, 2014
Reply
:iconjelarts:
JelArts Featured By Owner Dec 27, 2014  Hobbyist Digital Artist
Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 28, 2014
yw :)
Reply
:iconpastelii:
pastelii Featured By Owner Dec 18, 2014  Hobbyist Digital Artist
Reply
:iconjelarts:
JelArts Featured By Owner Dec 19, 2014  Hobbyist Digital Artist
Thank you I never knew that existed!
Reply
:iconvittychu:
vittychu Featured By Owner Nov 29, 2014
There is a box like that, but without border?
( like mine, look in my profile )
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 26, 2014
Check this: White Content-Holder Boxes v2 by CypherVisor
Reply
:iconsadgem:
sadgem Featured By Owner Nov 12, 2014  Student Digital Artist
is there any way to make the boxes smaller??
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
91,572 (22 today)
Favourites
4,949 (who?)
Comments
487

License

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