Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
July 27, 2013
Image Size
87.5 KB
Resolution
694×1190
Link
Thumb
Embed

Stats

Views
13,065 (1 today)
Favourites
925 (who?)
Comments
224

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Black Content-holder boxes by CypherVisor Black Content-holder boxes by CypherVisor

Exclusively for Premium members and Super groups only





Updated: 20-Mar-2014





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:



Green text 1:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" align="center"><font size="4">Content Heading Here</font><hr></hr><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>


Green text 2:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" 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>


Green text 3:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" align="center"><font size="4">Content Heading Here</font><div align="justify"><br>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>



White text 1:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" align="center"><span class="smbutton-purple popup2-clear"><font size="4">Content Heading Here</font><hr></hr><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.</span></div></div></div></div>


White text 2:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" align="justify"><span class="smbutton-purple popup2-clear">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.</span></div></div></div>


White text 3:

<div class="pager-dark smbutton-curvy pp"><div class="text"><div class="h" align="center"><span class="smbutton-purple popup2-clear"><font size="4">Content Heading Here</font><div align="justify"><br>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.</span></div></div></div></div>





Troubleshooting



If you are trying to insert a hyperlink using <a> tag or :devXXXX: and you are getting an unreadable link inside the box then do the following:

1) IF USING <a> tag:

<a href="URL"><span class="smbutton-purple popup2-clear">Hyperlink</span></a>

where URL is the destination URL address of the hyperlink.


2) IF USING :devXXXX: then you need to replace it with:

<a href="http://USERNAME.deviantart.com/"><span class="smbutton-purple popup2-clear">USERNAME</span></a>

where you need to replace USERNAME with the username of the deviant that you want to use

NOTE: If you want to get the symbol beside the username then you need to put it manually like this: ....popup2-clear">*USERNAME</....





Change your text alignment by using the following tags

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


Orange content-holder box (Dark font) by CypherVisor Red and Green Content-holder boxes (Rounded) by CypherVisor Elnino Content-holder Box by CypherVisor Light Blue Content-holder box by CypherVisor Blue Content-holder boxes by CypherVisor BLUE content-holder box 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.

:iconfriieza:
Friieza Apr 17, 2014  Hobbyist General Artist
I can't put a background with it, can you help me?
Reply
:iconcyphervisor:
But you need to put your content-holder box code in the "body text here.." part of the custom bg code from here:cyphervisor.deviantart.com/art…
Reply
:iconitz-cindyrella:
Apparently you just can put 2 codes in one box, the third one appears invisible, I made several tests and this is how it always ends the third box i.imgur.com/Pt2et5O.png (image link)

Do you know how to fix it? Ty
Reply
:iconitz-cindyrella:
nevermind it worked, I still have problems with the code but now the box shows ty
Reply
:iconitz-cindyrella:
I did, I don't understand u_u
Reply
:iconnovasweets:
NovaSweets Apr 9, 2014  Hobbyist Digital Artist
i'm using this thank you!
Reply
:iconkouraiko:
Hey, I have a problem: The black box is invisible, you can only see the text..
sta.sh/0203kfs2240n
I don`t know what went wrong :c And it doesn't work with any other content holder box either.
This is the code I used: <*div class="popup2-moremenu"><*div class="floaty-boat"><*img src="fc06.deviantart.net/fs71/f/201…"><*/div>
<*div class="pager-dark smbutton-curvy pp"><*div class="text"><*div class="h" align="center"><*span class="smbutton-purple popup2-clear">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><*/span><*/div> (without the *'s)
Reply
Add a Comment: