Shop Mobile More Submit  Join Login
TRANSPARENT content-holder box by CypherVisor TRANSPARENT content-holder box by CypherVisor

Exclusively for Premium members and Super groups only





Updated: 3-May-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:



Box 1:
<div align="center" class="ch-ctrl"><br><b>CONTENT HEADING HERE</b><br><br><div align="left" class="ppp">Body text here..</div><br></div>


Box 2:
<div align="center" class="ch-ctrl"><br><b>CONTENT HEADING HERE</b><br><div class="gr-top"></div><br><div align="left" class="ppp">Body text here..</div><br></div>


Box 3:
<div align="center" class="ch-ctrl"><br><div align="left" class="ppp">Body text here..</div><br></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:
 
:iconmelzurai:
Melzurai Featured By Owner Jan 9, 2016   General Artist
Is it possible at all to put a semi-transparent image inside that transparent custom box? :nuu:

Deviantart coding frustrates me so much :(
Reply
:iconahomex:
ahomex Featured By Owner Jan 11, 2016  Hobbyist General Artist
do you mean something like this? 
>Semi Transparent Content-holder box Tutorial
Reply
:iconmelzurai:
Melzurai Featured By Owner Jan 11, 2016   General Artist
Something like that, but not really. I wanted to have a 50% opacity white image on this content holder box as a background so that it would show through to the image background of the custom box itself, but it turns out that it was a solid content holder box and doesn't work like that. I then found this transparent content holder box, but you can't add an image background to it. Basically what I want: The transparent content holder box with a semi-transparent white background in it so that you can kind of see the background below (custom box background). And actually being able to type on top of it, with just that image as the semi-transparent part.
I don't even know if it's possible though. :saddummy:
Reply
:iconahomex:
ahomex Featured By Owner Jan 11, 2016  Hobbyist General Artist
ehhhhh, have you tried putting togheter the tutorial that i showed you w/ the other one that tells you how to put your own background there? maybe when you put the background, and add the transparent thing of the other tutorial you can do what you want to. the thing is that the text will be transparent too, aaaand i don't think there's nothing more to do there. you can try this, but idk if it will work just like what you want:
>code in description pls ignore the drawing, i just can't post the code in the comment or in a journal/stah writer bc then it starts working ?? or just not showing.

also, i recomend you to look up for others colors for the text if the background doesn't let read it too much, like these:
>White Text Custombox (Updated) 
>Colored Text (Custom box) - More colors

that's all i can do, i'm sry if it doesn't work for you, hope i can help!
Reply
:iconsparkanine:
Sparkanine Featured By Owner Nov 26, 2015
Anyway to have no boarder..?  x:
Reply
:iconluminols:
Luminols Featured By Owner Nov 27, 2015  Student
Yep!
<class="gr-box gr-genericbox"><br>Body text here..</div>
Reply
:iconoblivionbutterfly:
OblivionButterfly Featured By Owner Nov 18, 2015  Student Digital Artist
:iconcyphervisor:

Is there any way to make the box a certain color, but slightly transparent?

Reply
:iconwatthews-matthews:
Watthews-Matthews Featured By Owner Aug 26, 2015  Student Digital Artist
Is there way to change a color of it? I mean, turn it into transparent black or any other colour?
Reply
:iconblushycake:
blushycake Featured By Owner Jul 8, 2015  Hobbyist Digital Artist
Hi! Is there any way to make the content box wider, or change the dimensions of it? Thanks >W<//
Reply
:iconfckrin:
fckrin Featured By Owner Jun 29, 2015  Hobbyist Digital Artist
is there a way to change the color of the border?
Reply
:iconthemandii:
themandii Featured By Owner May 25, 2015  Professional Digital Artist
Hi CypherVisor  weird question, are there boxes with no border? Is it possible to have one of those? 
Reply
:iconanarchy-01:
Anarchy-01 Featured By Owner May 27, 2015  Hobbyist Writer
if you use the code "<div class="gr-box gr-genericbox"><br>Body text here..</div>" the boxes come up borderless c: [sorry if this seems like i'm butting in, aha]
Reply
:icontai-koo:
Tai-Koo Featured By Owner Jun 20, 2015  Student General Artist
Thanks a lot mate! i had the same question <3 your butting in was really handy?
Reply
:iconthemandii:
themandii Featured By Owner May 27, 2015  Professional Digital Artist
Oh my goodness, no not at all! Thank you so much for your help :heart: I really appreciate it!
Reply
:iconpuethar:
PUETHAR Featured By Owner Feb 17, 2015  Student Filmographer
Sorry for asking but, how can I change the color of the letters?
Reply
:iconilluminatibready:
IlluminatiBready Featured By Owner Apr 13, 2015  Hobbyist General Artist
Colored Text (Custom box) - More colors by CypherVisor

there heh
Reply
:icondaisyvayle:
Daisyvayle Featured By Owner Jan 8, 2015  Hobbyist General Artist
Sorry if you've been asked this before, But do you have any white or coloured semi-transparent ones?
Reply
:iconxdigigummy:
xDigiGummy Featured By Owner Jan 24, 2015  Hobbyist Digital Artist
Look for "white content holder" or "semi transparent content holder" uvu
Reply
:icondaisyvayle:
Daisyvayle Featured By Owner Jan 24, 2015  Hobbyist General Artist
I tried, But I can only find one and the text is also semi-transparent, Which I don't want :c
 Oh well, Thank you very much for your help !
Reply
:iconxdigigummy:
xDigiGummy Featured By Owner Jan 24, 2015  Hobbyist Digital Artist
Ohh, yeah, the semi-transparent makes everything semi-transparent, which sucks. x'D I feel you.
Reply
:icondaisyvayle:
Daisyvayle Featured By Owner Jan 24, 2015  Hobbyist General Artist
Ahh thanks anyway uwu 
Reply
:iconadohr:
Adohr Featured By Owner Nov 5, 2014
thxuuu!
Reply
:iconphobophobicdalek:
PhobophobicDalek Featured By Owner Oct 1, 2014  Hobbyist General Artist
Is there a way to make a transparent scroll box?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 5, 2014
This should work anywhere.
Reply
:iconriicebunnii:
riicebunnii Featured By Owner Sep 29, 2014  Hobbyist Digital Artist
Hello, is there anyway I can make the borders curve a bit more.
I tried using 
but it didn't work ;-;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 30, 2014
You need to get a desired rounded corner content-holder box from my gallery here: cyphervisor.deviantart.com/gal…
Reply
:iconriicebunnii:
riicebunnii Featured By Owner Sep 30, 2014  Hobbyist Digital Artist
Ahh, I see now, thank you ^^
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 6, 2014
yw :hug:
Reply
:iconmasaomicchi:
Masaomicchi Featured By Owner Aug 22, 2014  Hobbyist Traditional Artist
may i ask if there is a way to make it totally transparent, that u may not even see the border?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 23, 2014
In that case use the following code:

<div class="gr-box gr-genericbox"><br>Body text here..</div>
Reply
:iconmasaomicchi:
Masaomicchi Featured By Owner Aug 23, 2014  Hobbyist Traditional Artist
thank you so much! 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 23, 2014
yw :)
Reply
:iconqhostel:
qhostel Featured By Owner Aug 8, 2014  Student Artist
I Was Wondering Is IT Possible To Make It grey And Transparent?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 8, 2014
For other available colors please check my gallery here: cyphervisor.deviantart.com/gal…

And by transparent do you mean semi-transparent?
Reply
:iconqhostel:
qhostel Featured By Owner Aug 16, 2014  Student Artist
Ah I see! I got it.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 16, 2014
cool! :)
Reply
:iconbeestinqs:
beestinqs Featured By Owner Jul 20, 2014  Hobbyist Digital Artist
is there an opaque-white Custom Box content holder tutorial that you can direct me to?

(Yes I know I'm not a Premium Member, but when I get the points, I will be, so I'm practicing code in the Custom Box widget preview. It's not weird. XD)
Reply
:iconkiitcat:
kiitcat Featured By Owner Feb 11, 2014
how do you add a background uvu ?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 11, 2014
Please check this journal for Custombox F.A.Q. + Tips and tricks

Thanks :)
Reply
:iconkiitcat:
kiitcat Featured By Owner Apr 8, 2014
oh and in the description , it says 

box 1 , box 2  and box 2 : )
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 3, 2014
Fixed! :thumbsup:
Reply
:iconsayurisakurai:
SayuriSakurai Featured By Owner Jan 31, 2014  Hobbyist General Artist
I loved this box-within-a-box!! Faving with utmost passion~la in love 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 7, 2014
Haha.. :XD:

Enjoy! :D
Reply
:iconbeiipaws:
BeIIPaws Featured By Owner Dec 25, 2013  Hobbyist General Artist
is there a way to get white text?
Reply
:iconbeiipaws:
BeIIPaws Featured By Owner Dec 27, 2013  Hobbyist General Artist
thanks!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 28, 2013
np :)
Reply
:iconclockhound:
Clockhound Featured By Owner Dec 21, 2013  Student General Artist
I love you
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 22, 2013
:blowkiss:
Reply
Add a Comment:
 
×




Details

Submitted on
June 26, 2010
Image Size
11.8 KB
Resolution
440×340
Link
Thumb
Embed

Stats

Views
42,235 (12 today)
Favourites
1,618 (who?)
Comments
157

License

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