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
19,539 (12 today)
Favourites
1,222 (who?)
Comments
277

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.

:iconxkirito-kazu:
xKirito-Kazu Featured By Owner 2 days ago  Hobbyist Digital Artist
Question. What code do i use to make the font bigger or a different font altogether than the default?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago

Please check this journal for Custombox F.A.Q. + Tips and tricks


Thanks :)

Reply
:iconxkirito-kazu:
xKirito-Kazu Featured By Owner 2 days ago  Hobbyist Digital Artist
thanks for replying but I already figured it out :p thanks anyway!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
cool :)
Reply
:icontec-sabi:
Tec-Sabi Featured By Owner 3 days ago  Student General Artist
is there a way to make this blackbox a little faded so im able to see the custom box backhground?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 days ago
Umm, you can try the semi-transparent code here: cyphervisor.deviantart.com/art…

However, it will make everything semi-transparent. :hmm:
Reply
:icontec-sabi:
Tec-Sabi Featured By Owner 3 days ago  Student General Artist
ah yes! thats what im looking for thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 days ago
cool :)
Reply
:iconnyrumx:
Nyrumx Featured By Owner 6 days ago  Hobbyist Digital Artist
Por que cuando lo pongo borra todo lo que esta despues, imagenes, stamps todo
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 days ago
Okay, I do not know spanish. But I got it translated through google and I am not really clear about what you have asked.

May be you can show me a screenshot or note me the code that you are using and I can check it out.

Spanish translation using google:
Bueno, yo no sé español. Pero lo tengo traducido a través de google y no estoy muy claro acerca de lo que has pedido.

Puede ser que usted me puede mostrar una captura de pantalla o me tenga en cuenta el código que está utilizando y yo podemos comprobarlo.
Reply
Add a Comment: