Shop Mobile More Submit  Join Login
White Content-Holder Boxes v2 by CypherVisor White Content-Holder Boxes v2 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:




Rounded + Border (with header title)

<div class="ccomment ccomment-featured"><div class="ch-ctrl"><div class="ch-ctrl cc-in" align="center"><span class="cc-featured">Content Heading Here</span><br>
<div align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div></div></div>



Rounded + Border (without header title)
<div class="ccomment ccomment-featured"><div class="ch-ctrl"><div class="ch-ctrl cc-in" align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div></div></div>




Non-Rounded + Border (with header title)

<div class="ccomment ccomment-featured"><div class="ch-ctrl"><div class="cc-in" align="center"><span class="cc-featured">Content Heading Here</span><br>
<div align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div></div></div>



Non-Rounded + Border (without header title)

<div class="ccomment ccomment-featured"><div class="ch-ctrl"><div class="cc-in" align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </div></div></div>




Rounded + No-Border (with header title)

<div class="ccomment ccomment-featured"><div class="ch-ctrl cc-in" align="center"><span class="cc-featured">Content Heading Here</span><br>
<div align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div></div>



Rounded + No-Border (without header title)

<div class="ccomment ccomment-featured"><div class="ch-ctrl cc-in" align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div></div>








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

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


<div align="left">YOUR TEXT</div>

<div align="center">YOUR TEXT</div>

<div align="right">YOUR TEXT</div>

<div align="justify">YOUR TEXT</div>




Other Similar boxes


White Content-Holder Boxes by CypherVisor Flat Content-Holder Box (Default) by CypherVisor FLAT Content-Holder Box (Dark) by CypherVisor




Want to customize your profile page?


Check all my free resources + tutorials: [LINK]



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



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

Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconblueshaymin:
BlueShaymin Featured By Owner Feb 1, 2017  Hobbyist General Artist
I need help: I've done the code correctly but the box takes the entirety of the page and I don't what went wrong. Please help!
Reply
:iconlies-of-benevolence:
Lies-of-Benevolence Featured By Owner Feb 16, 2017  Student Digital Artist
you didnt put </div> to seperate them
Reply
:iconblueshaymin:
BlueShaymin Featured By Owner Feb 18, 2017  Hobbyist General Artist
I've put them as usual.
Reply
:iconauroharu:
auroharu Featured By Owner Jan 9, 2017  Student Digital Artist
The box isn't white though, it's green ;-;
Reply
:iconvengeful-ghost:
vengeful-ghost Featured By Owner Feb 7, 2017  Student Digital Artist
Would this help?
White Content-Holder Boxes by CypherVisor
Reply
:icontheworldillustrated:
TheWorldIllustrated Featured By Owner Dec 25, 2016  Hobbyist Traditional Artist
How do I make the box wider? When i add more text, it just does a wrap-around. i want the box to be wider.
Reply
:icongem-skies:
gem-skies Featured By Owner Dec 24, 2016  Hobbyist General Artist
usinngg
Reply
:iconeerieecho:
EerieEcho Featured By Owner Oct 16, 2016  Hobbyist Digital Artist
I'm trying to add separate lines for different content but it keeps going outside the box. I'm new to this whole coding thing. Can somebody help?
Reply
:iconnaymechan:
Naymechan Featured By Owner Oct 9, 2016  Hobbyist Digital Artist
Reply
:iconyulinya:
yulinya Featured By Owner Sep 25, 2016  Hobbyist
uh is it supposed to have a bigger space at the top than the bottom or is that just me
Reply
:iconuwyj:
uwyj Featured By Owner Aug 22, 2016  Hobbyist Digital Artist
does anyone know if the custom boxes are just html coding??
Reply
:iconangeiical:
angeIical Featured By Owner Sep 4, 2016
Custom boxes are css coding.
Reply
:iconuwyj:
uwyj Featured By Owner Sep 4, 2016  Hobbyist Digital Artist
thanks!!
Reply
:iconim-p-ulse:
Im-P-ulse Featured By Owner Jul 24, 2016  Hobbyist Writer
I've been struggling with this for the past little while and-
Does anyone know how to put the text in the custom box without the content holder boxes? I've done it before, but I removed some of the code and now the text won't show up without a content holder box.
Reply
:iconim-p-ulse:
Im-P-ulse Featured By Owner Jul 24, 2016  Hobbyist Writer
Don't bother replying, I fixed it~!
Yay o3o
Reply
:iconbeaudoq:
beaudoq Featured By Owner Jul 5, 2016  Hobbyist Digital Artist
whats the added code for this to add a background to the box behind it?
Reply
:iconmari-golds:
Mari-Golds Featured By Owner Jul 7, 2016  Hobbyist Digital Artist
I've been wondering about this too.
Reply
:iconizagar:
Izagar Featured By Owner Jul 20, 2016  Professional Digital Artist
beaudoq marisuka

<***div class="popup2-moremenu">
<*** div class="floaty-boat"><img src="IMGLINKHERE">

<***div class="ccomment ccomment-featured">
Content Heading Here

<***div align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.<***/div><***/div>


<***/div>
<***/div>

Remove all *** to get it to work. The bolded section is the inner boxes posted in this post.

Hope it helps. Sorry for a late reply.
Reply
:iconmari-golds:
Mari-Golds Featured By Owner Jul 21, 2016  Hobbyist Digital Artist
I tried it but it didn't really work? Text wouldn't show up
Reply
:iconizagar:
Izagar Featured By Owner Jul 21, 2016  Professional Digital Artist
It only works in a Custom Text Box.

Could you maybe set it up again and then notify me so I can look at it? :3 I'm awake for another 12 hours.
Reply
:iconcupmash:
Cupmash Featured By Owner Jun 10, 2016  Hobbyist Digital Artist
hey I have a question
when I use the code how come the result of the text came out white too?
Reply
:iconc0ffeelatte:
C0ffeeLatte Featured By Owner Jun 16, 2016  Hobbyist Digital Artist
you need to search for a code for that
Reply
:iconpomii:
Pomii Featured By Owner May 28, 2016
I love your custom boxes, but would it be possible to make one like the last one here, but in TRUE white and not some off-white greyish color? ^^
Reply
:iconyioyio:
yioyio Featured By Owner May 6, 2016  Hobbyist Digital Artist
hello! do you know how to put a background to these boxes or if that is possible? Thanks!!!
Reply
:iconlyobunny:
LyoBunny Featured By Owner Apr 1, 2016  Student Digital Artist
 I need the invisible text box...
Did someone help me, please?
Reply
:iconmamasaurus:
mamasaurus Featured By Owner Jun 16, 2016
is this what you mean? TRANSPARENT content-holder box by CypherVisor
Reply
:iconlyobunny:
LyoBunny Featured By Owner Jun 16, 2016  Student Digital Artist
Yes!
Thank you c:
Reply
:iconmamasaurus:
mamasaurus Featured By Owner Jun 16, 2016
np!
Reply
:iconpurity116:
Purity116 Featured By Owner Mar 28, 2016  Hobbyist General Artist
Hi, I'm just trying to find a way to put a frame around pictures in my custom box, does anyone know how? :/
Reply
:iconlilysplash:
Lilysplash Featured By Owner Mar 10, 2016
Hi! I have a question-- how would I be able to have my username/deviations show through the bg? Thanks so much!
Reply
:iconkeviddicusx:
KeviddicusX Featured By Owner Jan 15, 2016  Hobbyist Digital Artist
how do i do this without the background showing up in front of my deviations?
Reply
:iconkziira:
Kziira Featured By Owner Dec 16, 2015  Hobbyist General Artist
Hey there, I'm loving the design of these content holder boxes, but is there any way to make them scroll? 
Reply
:iconpurity116:
Purity116 Featured By Owner Mar 28, 2016  Hobbyist General Artist
You should probably check out these other links of Cyber's and see if they help:

Scrolling Custom Box Widget by SimplySilent
Scroll-ception Widgets by SimplySilent
Scrolling Content Boxes by LabLayers
Reply
:iconcoyotestars:
coyotestars Featured By Owner Jul 31, 2015
the issue here people is that these are not white
Reply
:iconkinqlame:
kinqlame Featured By Owner Mar 2, 2016  Hobbyist Digital Artist
ikr
Reply
:iconfehnryr:
Fehnryr Featured By Owner Jul 20, 2015
Any idea if there's a slightly transparent custom box so the bg shows through a little?
Reply
:iconena-kohanna:
Ena-Kohanna Featured By Owner Sep 10, 2015   Artist
Semi Transparent Content-holder box Tutorial by CypherVisor
Reply
:iconfehnryr:
Fehnryr Featured By Owner Sep 10, 2015
You are wonderful! Thank you so much :)
Reply
:iconena-kohanna:
Ena-Kohanna Featured By Owner Sep 10, 2015   Artist
your welcome
Reply
:iconbihm:
bihm Featured By Owner Jul 5, 2015  Hobbyist Digital Artist
a non-rounded no border would have been perfext xox
Reply
:iconkinqlame:
kinqlame Featured By Owner Aug 9, 2015  Hobbyist Digital Artist
ikr  ;o;
Reply
:iconsucculentss:
succulentss Featured By Owner Jul 3, 2015  Student Digital Artist
God bless you, this helped me out so much! 
Reply
:iconarceeboy:
arceeboy Featured By Owner Edited Apr 21, 2015  Student Digital Artist
what is the most effective software to use in designing animation? can anyone feed me with ideas


buy instagram photo likes
Reply
:iconnintendosaurus:
nintendosaurus Featured By Owner Mar 26, 2015  Hobbyist Digital Artist
Hi! I had a question.

I want to use the non-rounded one (without header line), however there isn't a lot I need to put inside my box.
When I use it, it makes the box big, and I don't want that. Could I have some help so that it doesn't do that? Thanks!
Reply
:icondaddy-satan:
Daddy-Satan Featured By Owner Jul 25, 2015  Student Digital Artist
ah I'm having this problem as well ; o ;
Reply
:iconbeesallatonce:
beesallatonce Featured By Owner Jun 12, 2015  Hobbyist General Artist
mine does that too!! it's quite annoying
Reply
:iconicelaws:
IceLaws Featured By Owner Feb 9, 2015  Hobbyist Digital Artist
yesssssssssSSSSSSSSSSSSSSSSS
Reply
:iconpksleepy:
pksleepy Featured By Owner Feb 7, 2015
sorry to bother you: but is there any way to make the box smaller? ex: example by sadtiger
thank you!
Reply
:iconfishy-nugget:
Fishy-Nugget Featured By Owner Jan 16, 2015  Hobbyist Digital Artist
the floaty image doesnt work in this box..
when i add it the box just expands
Reply
Add a Comment:
 
×




Details

Submitted on
July 20, 2014
Image Size
584 KB
Resolution
696×1221
Link
Thumb
Embed

Stats

Views
60,763 (24 today)
Favourites
3,035 (who?)
Comments
125

License

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