Deviation Actions

CypherVisor's avatar

White Content-Holder Boxes v2

Published:
By
88K Views

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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

Image details
Image size
696x1221px 583.59 KB
Comments134
Join the community to add your comment. Already a deviant? Log In
NightEsprit's avatar
:star::star::star::star::star-half: Overall
:star::star::star::star::star: Vision
:star::star::star::star::star: Originality
:star::star::star::star::star-half: Technique
:star::star::star::star::star: Impact

What's good about this is that it's very unique. It's hard to come across content holders like this. It looks awesome on people's pages including mine. You've done a great coding job on this. What I also think is great is that you've done different versions of it, maybe you could do a shadowed version, if that's possible?

Also, I'd love to see different coloured ones of these? If, it doesn't look to stupid. If people want their page to have this box matching with their background, if they don't like white, maybe? Anyways, you've done an exceptional job! Awesome!