Shop Mobile More Submit  Join Login
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.</div></span></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.</div></span></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.

:icontwimper:
Twimper Featured By Owner 1 day ago  Hobbyist General Artist
is there any way of making the box wider? i love it but it leaves to much dead space on ether side for it to work well with my set up.
Reply
:iconishbala-hukheh:
Ishbala-Hukheh Featured By Owner Jan 14, 2016  Student Digital Artist
Can I make this transparent without the content going transparent as well?
Reply
:iconxx-starsetter-xx:
xX-StarSetter-Xx Featured By Owner Nov 3, 2015  Hobbyist Digital Artist
Not sure what I may be doing wrong, but a normal box code works just fine, but the second I try to use the black with white text code, suddenly, the white text shows, but the black box does not.
Reply
:iconmadam-massacre:
Madam-Massacre Featured By Owner Dec 27, 2015  Student Artist
Same thing happened to me try adding 
to the beginning of the code hopefully it works for you like it did me c:
Reply
:icongothamtaco:
GothamTaco Featured By Owner Oct 26, 2015  Hobbyist Digital Artist
using!
Reply
:iconjellmojello:
JellmoJello Featured By Owner Oct 21, 2015  Student Digital Artist
page looking better ever time i past the codes into the boxes lol
Thankyou!!
Reply
:icontodarodes:
Todarodes Featured By Owner Oct 7, 2015  Hobbyist General Artist
this was so helpful thanks!!
Reply
:iconkitt3ns:
kitt3ns Featured By Owner Sep 18, 2015
using!
Reply
:iconspaceacrux:
SpaceAcrux Featured By Owner Sep 14, 2015  Hobbyist Digital Artist
Can I increase the custom box size?
Reply
:iconhirasaw-kirisaki:
Hirasaw-Kirisaki Featured By Owner Sep 2, 2015  Professional Digital Artist
Using! .w.
Reply
:iconlacovia:
Lacovia Featured By Owner Edited Aug 16, 2015  Professional Traditional Artist
How do you add multiple box holders into one Custom box? Everytime I add a box holder, the background of the second holder disappears
Reply
:icontipsygnostolgic:
tipsygnostolgic Featured By Owner Aug 3, 2015  Hobbyist Digital Artist
these don't seem to work with a custom box background either? i've tried putting the content holder code inside of the box code but that doesn't seem to be working either.
Reply
:iconaedestir:
Aedestir Featured By Owner Sep 10, 2015  Student Digital Artist
 Put it after the background code.
Reply
:icontipsygnostolgic:
tipsygnostolgic Featured By Owner Sep 10, 2015  Hobbyist Digital Artist
ive tried that, ill try again though
Reply
:iconaedestir:
Aedestir Featured By Owner Sep 10, 2015  Student Digital Artist
is there a < /div> code after the background/box or did you remove the spaces and *'s?
Reply
:iconpuncat:
puncat Featured By Owner Sep 7, 2015  Hobbyist Digital Artist
it doesnt work for me either
Reply
:iconsamaeyl:
Samaeyl Featured By Owner Jul 9, 2015  Hobbyist General Artist
Thank you for the code! I'm using on my profile now.
Reply
:iconelyzahere:
ElyzaHere Featured By Owner Jul 7, 2015  Student General Artist
Cute Muffin Avi 
Reply
:iconjuneaupaws:
JuneauPaws Featured By Owner Jun 12, 2015
it wont allow me to place two seperate black text boxes in one custom box like i have before???
Reply
:iconsadistic-half-demon:
Sadistic-Half-Demon Featured By Owner Jun 9, 2015
I freaking love you. Simple, nice, and crisp. Just what I wanted! 
Reply
:iconchokiio:
Chokiio Featured By Owner Jun 4, 2015  Hobbyist Digital Artist
How am I able to place a background underneath it? The code works perfectly, it shows up just fine, except my background disappears. Is there another code for that or is there a way that I edit the code for the background to show up again?
Reply
:iconmello-rin:
Mello-rin Featured By Owner Jun 20, 2015  Hobbyist General Artist
Maybe place the bg code first and then any other code. That's how it works for me..
Reply
:iconcybeterc:
Cybeterc Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
How do I get the box go to the side?
like this rekurii.deviantart.com/

I've tried everything.
Reply
:iconsickenedd:
Sickenedd Featured By Owner Edited May 9, 2015  Hobbyist General Artist
you want the words to go to the right side of the box?
Reply
:iconnorthii:
Northii Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
My Box Gets invisible D:
Reply
:iconaziria:
Aziria Featured By Owner Apr 20, 2015  Professional General Artist
If the code doesn't work.
Copy and paste your coding from this deviation description , and then paste this before it < div class="gr-box gr-genericbox">< br>

(without the spaces in <*div and <*br>
Reply
:iconzuschke:
Zuschke Featured By Owner Jan 9, 2016  Student General Artist
ah thanks, you "saved" me cx
Reply
:iconkiukia:
Kiukia Featured By Owner Aug 17, 2015  Hobbyist Digital Artist
ahh tysm<3 this should be added or featured in reply to all the people it doesn't work for ;c
Reply
:iconzarinari:
Zarinari Featured By Owner Jun 30, 2015  Hobbyist Writer
Thank you! Hug 
Reply
:iconwickedcanine:
wickedcanine Featured By Owner Apr 6, 2015  Hobbyist Digital Artist
Cyphervisor I gotta say thank you !
My whole page is your code put together .
Keep up with the great job man
Reply
:iconrottenpocket:
RottenPocket Featured By Owner Mar 21, 2015
Hi,
I had a little bit of trouble with this one trying to put it in my dAID box. With both a deviation image/link and the background this box would only show text while the box was transparent/invisible. I see in the comments a lot of people are having trouble. I managed to fix the code:

<*div class="popup2-moremenu"><*br/><*div class="floaty-boat"><*img align="center" width="1000" height="1600" src="(BACKGROUND IMAGE URL HERE)"/><*/div><*/div><*div class="popup2-moremenu"><*br/><*div class="floaty-boat"><*br><*br><*br><*a href="(DEVIATION URL HERE)"><*img align="center"  src="(DEVIATION IMAGE URL HERE)"/><*/a><*div align="center" class="pppp"><*span class="smbutton-purple popup2-clear"><*font size="5">


<*/div><*/div>

<*br><*br><*br><*br><*br><*br> (<<< MAY NEED TO ADD/REMOVE BREAKS MANUALLY)

<*div class="gr-box gr-genericbox"><*br> (<<< THIS IS WHAT WAS MISSING FROM THE ORIGINAL)

<*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.<*/div><*/span><*/div><*/div><*/div><*/div>


Don't forget to remove all the *****
Reply
:iconsakokii:
Sakokii Featured By Owner Mar 21, 2015  Hobbyist General Artist
Thank you so much! Works like a charm !
Reply
:iconhearsegurl:
HearseGurl Featured By Owner Mar 1, 2015
Just a quick question: Is it possible to adjust the height and width for these? I know it can be done on the middles of the white plain ones, but I wasn't sure for the coloured versions. (I hope I made sense and Thanks in advance for your help.)
Reply
:iconcatpaths:
catpaths Featured By Owner Mar 1, 2015  Student Digital Artist
can somebody PLEASE help me with this??? i've really wanted black custom boxes for some months now. the codes just NEVER work for me with the background, so i just eventually give up each time. i don't know that i'm doing wrong. i'm doing exactly what's listed in the description, what's listed in other people's comments, but i just never works. x_x
Reply
:iconaquaaurion:
AquaAurion Featured By Owner Mar 6, 2015  Hobbyist General Artist
Did you write <*div class="popup2-moremenu"><*div class="floaty-boat"><*img src="YOUR_BACKGROUND_URL"><*/div><*/div><*div class="gr-box gr-genericbox"> BLACK_CUSTOM_BOX_CODE <*/div>? (without the *) Works for me at least.
Reply
:iconcatpaths:
catpaths Featured By Owner Mar 7, 2015  Student Digital Artist
oh my good
oh my gOOOoOOoOod
IT'S WORKING
THANK YOU SO MUCH!!! i'll change my page soon!
Reply
:iconaquaaurion:
AquaAurion Featured By Owner Mar 8, 2015  Hobbyist General Artist
I'm really happy that I could help =D I had problems with it before as well, so I figured you might be having the same problem =)
Reply
:iconnaoto-in-the-dark:
Naoto-In-The-Dark Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
So using!
Reply
:iconm-unchie:
m-unchie Featured By Owner Edited Feb 7, 2015  Hobbyist Digital Artist

where's the code for the black custom box ?? I don't understand coding xAx''
EDIT; I found it uvu
Reply
:iconfythea:
Fythea Featured By Owner Feb 5, 2015  Hobbyist General Artist
how do you put a background behind the box?
Reply
:icondeath-dog:
death-dog Featured By Owner Edited Feb 5, 2015  Hobbyist Digital Artist

<img width="WIDTH" height="HEIGHT"src="URL"/> 

< / div>< / div> < div class="gr-box gr-genericbox" > < br> (get rid of all spaces)

enter the height and width you would like in the "WIDTH" and "HEIGHT" and the URL of the image in "URL" 

keep the quotation marks too and put the whole thing above the boxes + images
Reply
:iconfythea:
Fythea Featured By Owner Feb 6, 2015  Hobbyist General Artist
ah thank you for the help! x'3 I'll try it out~
Reply
:iconincyray:
Incyray Featured By Owner Jan 24, 2015  Student General Artist
im getting the box as transparent, as if it has no effect, though the text is still altered.
Reply
:iconimaginary-rat:
Imaginary-Rat Featured By Owner Feb 24, 2015  Student Digital Artist
You're not alone about that
Reply
:iconincyray:
Incyray Featured By Owner Feb 24, 2015  Student General Artist
yeah
Reply
:iconmarooartz:
MarooArtz Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
I needed this so much! THANK YOU!
Reply
:iconkiliann:
Kiliann Featured By Owner Jan 6, 2015  Student Writer
The background shows up transparent for me rather than black--what am I doing wrong?
Reply
:iconbeabu:
beabu Featured By Owner Jan 5, 2015  Hobbyist Traditional Artist
Its invisible for me for some reason?
Reply
:iconphooma12345:
Phooma12345 Featured By Owner Jan 4, 2015
Hello~!

Is there by any chance a black scrolling box?
one like this: Box with SCROLLBOX by TaNa-Jo
^^
Reply
Hidden by Commenter
Add a Comment:
 
×




Details

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

Stats

Views
51,561 (30 today)
Favourites
2,653 (who?)
Comments
347

License

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