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.

: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 Traditional 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
you want the words to go to the right side of the box?
Reply
:iconnorthstormie:
NorthStormie 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
:iconzarinari:
Zarinari Featured By Owner 1 day ago  Hobbyist Writer
Thank you! Hug 
Reply
:iconghost-t0wn:
ghost-t0wn 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
:iconspaniel--phant0m:
SPANIEL--PHANT0M Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
So using!
Reply
:iconc-i-n-n-a:
c-i-n-n-a 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
:iconzaila-thecreator:
Zaila-theCreator Featured By Owner Feb 24, 2015  Hobbyist 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
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 1, 2015  Hobbyist General Artist
Um, is there any way at all for me to change the color of the text in the black boxes?  It works for other custom boxes, but I can't change it in them!  And these boxes aren't very dark.  So, is there any code for a darker black box where I can use red text?

If not, I'll probably use this anyways.  I mean, I'm still very appreciative of you putting this all together!
Reply
:iconmarooartz:
MarooArtz Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
No there is no way to make the box darker, that's as dark as it can go.
Reply
:icongirlblush:
girlblush Featured By Owner Dec 28, 2014
Hey,
Is it possible to put one large and skinny, and then another one beside it that's fat and not large??
Reply
:iconzbanonymous:
ZBAnonymous Featured By Owner Dec 22, 2014  Student Traditional Artist
it doesnt seem to work
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2014
It does. :hmm:

Can you tell me where an how are you using this?
Reply
:iconzbanonymous:
ZBAnonymous Featured By Owner Dec 25, 2014  Student Traditional Artist
well it didnt work 4 me, but im happy with how it looks:D
Reply
:iconkiwicocktail:
KiwiCocktail Featured By Owner Dec 11, 2014  Hobbyist Traditional Artist
This is neat! Thanks for sharing :aww:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2014

It's my pleasure. :hug:

Reply
:iconxxthefoshynozz:
XxTheFoshyNozz Featured By Owner Nov 10, 2014  Hobbyist General Artist
Hmm, not sure if solved because there are hidden comments, but the box is not showing as black? Just seethrough. 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2014
Please check my comment here: comments.deviantart.com/1/3886…
Reply
:iconxxthefoshynozz:
XxTheFoshyNozz Featured By Owner Dec 23, 2014  Hobbyist General Artist
Ah, haha. I thought you'd just ignored the silly question. I figured it out pretty quickly that you needed Super Group just like Premium; but thanks for the reply anyways!
Reply
:iconlonelicrown:
lonelicrown Featured By Owner Nov 9, 2014  Student Digital Artist
When I put in the code in doesn't show up at all if I have a background but when I don't it shows up.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2014
Please check this comment: comments.deviantart.com/1/3886…
Reply
:iconknucklephuck:
Knucklephuck Featured By Owner Nov 2, 2014  Student General Artist
For some reason with any of the codes i use the black background wont show up and its just the text? 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2014
Please check this comment: comments.deviantart.com/1/3886…
Reply
:iconslayingallhumans:
slayingallhumans Featured By Owner Aug 26, 2014  Hobbyist Traditional Artist
Used your black box and created you on my profile page ^_^
Reply
Add a Comment:
 
×




Details

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

Stats

Views
38,946 (1 today)
Favourites
2,138 (who?)
Comments
327

License

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