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.

: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   Photographer
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
:iconru-spaniel-exorcist:
Ru-Spaniel-Exorcist 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
:iconteapotz:
teapotz 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
:iconllckety-spllt:
LlCKETY-SPLlT Featured By Owner Dec 28, 2014  Hobbyist Digital Artist
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
:iconcyphervisor:
CypherVisor Featured By Owner Sep 17, 2014
Ah great! :love:

And thank you my dear. I am honoured... :hug:
Reply
:iconslayingallhumans:
slayingallhumans Featured By Owner Sep 17, 2014  Hobbyist Traditional Artist
No problem ^_^
Reply
:iconstormsongz:
StormSongz Featured By Owner Aug 17, 2014  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 Aug 17, 2014

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


Thanks :)

Reply
:iconstormsongz:
StormSongz Featured By Owner Aug 17, 2014  Hobbyist Digital Artist
thanks for replying but I already figured it out :p thanks anyway!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 17, 2014
cool :)
Reply
:icontec-sabi:
Tec-Sabi Featured By Owner Aug 16, 2014  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 Aug 16, 2014
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 Aug 16, 2014  Student General Artist
ah yes! thats what im looking for thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 16, 2014
cool :)
Reply
Add a Comment:
 
×




Details

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

Stats

Views
33,334 (41 today)
Favourites
1,850 (who?)
Comments
317

License

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