Shop Mobile More Submit  Join Login
Semi Transparent Content-holder box Tutorial by CypherVisor Semi Transparent Content-holder box Tutorial by CypherVisor
______________________________________________________________________________________________________
Exclusively for Premium members and Super groups only

How to use ?


Just copy the source code(s) below and paste it in your deviantID-widget box in your profile page.


Step 1 :Get content-holder boxes from my gallery here: [link]




Step 2: Use "disabledbutton" property in your code:



White box example code in the tutorial:
<div class="cctextarea disabledbutton" ><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">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.</div></div></div>


Light Blue box example code:
<div class="topic-edited-by disabledbutton" ><div class="ch"><div class="ch-ctrl"><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">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.</div></div></div></div></div>


Background image that I've used for demo in this tutorial:
-----------------------------------------
Background link: [link]
by =TaNa-Jo



How to use a content-holder box? Please read this Custom Box Tips n Tricks Journal





Other tutorials



For deviantID-box widget:


For custom-box widget:


For New deviation-box widget:



Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.


______________________________________________________________________________________________________
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 Read-made Journal Skins. Send me a note to contact me.
______________________________________________________________________________________________________
Add a Comment:
 
:iconhikaru-arie:
Hikaru-Arie Featured By Owner 1 day ago  Student Digital Artist
Whenever I put deviant acc in the box it turn out semi transparent too.. any way to change it?
Reply
:iconxshimsa:
xShimsa Featured By Owner Edited 3 days ago
Got it ^^
Reply
:iconignaciah:
IgnaciaH Featured By Owner 4 days ago  Student General Artist
How do you change the color of the boxes and the text? o_o Sorry I'm a noob.
Reply
:icon0range-juice:
0range-Juice Featured By Owner 4 days ago
ty
Reply
:iconpearl-the-collie:
pearl-the-collie Featured By Owner Edited 5 days ago  New Deviant Professional General Artist
usin
Reply
:iconhotdogebuns:
HotDogeBuns Featured By Owner Jul 24, 2015  New Deviant Student General Artist
Do you know if there's a code to make it slightly less transparent, or to have the images/text still solid? I've tried a few things that haven't worked
Reply
:iconmeg-pony:
Meg-Pony Featured By Owner Edited Jul 19, 2015  Hobbyist Artist
I hope you haven't already got asked this, but how do you make Content-Holder box transparent, but not the letters and pictures?
Oh never mind! I figured it out c:
Reply
:iconhotdogebuns:
HotDogeBuns Featured By Owner Edited Jul 24, 2015  New Deviant Student General Artist
Sorry to bother you aa
How'd you get solid text? I've tried a bunch of things but it's not working for me ;v;
Reply
:iconmeg-pony:
Meg-Pony Featured By Owner Jul 25, 2015  Hobbyist Artist
I did it by mistake.
I put in this normal code, and then when I was trying to make scroll boxes, it ended up giving me solid text and a clear background...
I honestly would give you the code, but when I copy and past it it because shorter and ends up not working..
I'm sorry :(
Reply
:iconhotdogebuns:
HotDogeBuns Featured By Owner Jul 25, 2015  New Deviant Student General Artist
It's okay! Thanks for replying <3
Reply
:iconmeg-pony:
Meg-Pony Featured By Owner Jul 25, 2015  Hobbyist Artist
You're welcome c:
Reply
:iconstarrysstudio:
StarrysStudio Featured By Owner Jul 19, 2015  Student General Artist
How did you do it? ;o;
Reply
:iconmeg-pony:
Meg-Pony Featured By Owner Jul 19, 2015  Hobbyist Artist
I tried putt in the code, but then it shortened itself, and didn't work... I'm sorry
Reply
:iconstarrysstudio:
StarrysStudio Featured By Owner Jul 19, 2015  Student General Artist
You're fine! 
Reply
:iconlove-fries:
love-fries Featured By Owner Jul 18, 2015  Hobbyist
using
Reply
:icontailsdolltail:
tailsdolltail Featured By Owner Jun 28, 2015  Hobbyist General Artist
wait how do you put the custom background on it??
Reply
:iconbiueness:
bIueness Featured By Owner Jul 12, 2015  New Deviant Student Digital Artist
Custom-box Background Tutorial by CypherVisor   :)
Reply
:icontheblackkalico:
TheBlackKalico Featured By Owner Jun 22, 2015   Digital Artist
I want to use so bad but it puts everything in one content box, I use a different content box for each stuff(like my stamps in one, and my
friends list in a seperate content box) but this always links them all in one box??
if that makes since can someone please help me! ;;
Reply
:iconaquasparkles:
AquaSparkles Featured By Owner Jul 5, 2015
I think this separates the custom boxes... Just remove the '*'

<*div class="cctextarea disabledbutton"* ><*div class="pp" align="center"><h3>HEADER</h3*><hr*></hr*><*div align="left"><WHAT YOU WANT></div*></div*></div*>

I hope it works...^^;


Reply
:icontheblackkalico:
TheBlackKalico Featured By Owner Jul 6, 2015   Digital Artist
thank you so much! I will try it out! ;o;/ ♥♥
Reply
:iconaquasparkles:
AquaSparkles Featured By Owner Jul 6, 2015
Your welcome!~Little Pixel Heart  ^^
Reply
:iconlivelady:
LiveLady Featured By Owner Jun 19, 2015  Hobbyist Digital Artist
how do i make my text be in the middle?


      If you dont know what im talking about
                     this is the middle
Reply
:iconlivelady:
LiveLady Featured By Owner Jun 19, 2015  Hobbyist Digital Artist
nevermind got it!
Reply
:iconxx-icey-the-wolf-xx:
xX-Icey-the-wolf-Xx Featured By Owner Jun 19, 2015  Professional Digital Artist
using
Reply
:iconaquasparkles:
AquaSparkles Featured By Owner Jun 12, 2015
Using! :3
Reply
:iconmikitanii:
Mikitanii Featured By Owner Jun 10, 2015  Hobbyist Digital Artist
Can you make one in yellow please?
Reply
:icongabbystar426:
GabbyStar426 Featured By Owner Jun 6, 2015  Hobbyist Artist
useing c: 
Reply
:iconcaptricosakara:
CaptRicoSakara Featured By Owner May 12, 2015  Hobbyist Digital Artist
Where's the transparent black box at. I've checked the Custom Box Gallery and I can't find it. Can you show me where it's at?
Reply
:iconcosmnix:
cosmnix Featured By Owner May 17, 2015  Hobbyist Artist
Black Content-holder boxes by CypherVisor  
your supplier has arrived.
Reply
:iconcaptain-starburst:
Captain-Starburst Featured By Owner Edited Apr 23, 2015  Student General Artist
is there a way to get the white transparent box, but without the header / title thing??
nvm i got it!
Reply
:icondeer-daddy420:
DEER-DADDY420 Featured By Owner Apr 11, 2015  Hobbyist Digital Artist
tbh i may sound like a idiot but.. how do you put a background on it???
Reply
:iconpeejebus:
PeeJebus Featured By Owner Apr 22, 2015  Hobbyist General Artist
im asking the samw thing -.-
Reply
:iconqrimm:
qrimm Featured By Owner Apr 3, 2015  Student Artist
is there any way i can make the content transparent without the chat box?
Reply
:iconlepedi:
Lepedi Featured By Owner Mar 31, 2015  Hobbyist Digital Artist
is there a way to get transparent box with solid letters?
Reply
:iconunihaks:
Unihaks Featured By Owner Mar 25, 2015  Student Traditional Artist
How do I change the opacity of the box? 
Reply
:iconsoulistix:
Soulistix Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
Absolutely love this!! I've got mine working just well, however, Is there a way to put a thumbnail/image into the custom box successfully? It seems whenever I attempt this the thumbnail gets placed under the background as well, or it just turns fully transparent. (Slightly difficult to explain, hopefully you get my gist, however!)
Reply
:iconsoulistix:
Soulistix Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
Actually, I fixed the problem! Nevermind :)
Reply
:icontomogui:
Tomogui Featured By Owner Apr 30, 2015  Student Digital Artist
How'd you fix it? I'm curious!
Reply
:iconpuddathere:
puddathere Featured By Owner Feb 16, 2015  Student General Artist
Too bad we cant have the content inside solid and not transparent
Reply
:iconwolf-hood:
Wolf-Hood Featured By Owner Feb 15, 2015  Hobbyist Artist
Having trouble figuring it out, where do I put the code for a custombox skin?
Reply
:iconkawaii-nurse:
Kawaii-Nurse Featured By Owner Jan 13, 2015  Hobbyist General Artist
Not working :''(
what disabled button did you use?
Reply
:iconkawaii-nurse:
Kawaii-Nurse Featured By Owner Mar 14, 2015  Hobbyist General Artist
nvm i got it
Reply
:icontydal-wave:
Tydal-wave Featured By Owner Jan 10, 2015  Student Digital Artist
Hi! so I'm not sure if it does this for everyone or not, but if i'm on a different account and i look at my page, these boxes are completely transparent :0 Some people said it's doing the same for them as well :/
But if i'm logged into this account and I look at my page, they look completely normal
would this be a problem with the boxes themselves, or what??
thanks! <3
Reply
:iconask-joline:
Ask-Joline Featured By Owner Mar 5, 2015  Student Digital Artist
[ahhh- you have to have the uhh- the donation widget on your page!
I had the same problem.]
Reply
:icontydal-wave:
Tydal-wave Featured By Owner Mar 6, 2015  Student Digital Artist
yea, i figured it out eventually ;v;
but thanks! <3
Reply
:iconmediscouting:
mediscouting Featured By Owner Jan 15, 2015  Hobbyist Writer
i had the same problem : (((

i think it's because of members only being able to use custom box holders

and normal deviants not being able to 

i hope da fixes it sooner or later.
Reply
:icontydal-wave:
Tydal-wave Featured By Owner Jan 15, 2015  Student Digital Artist
oh ok, that's really weird ;o;

i think it might've worked before?? but im not sure u-u

ugh i rly love these boxes a lot too D:
Reply
:iconmediscouting:
mediscouting Featured By Owner Jan 15, 2015  Hobbyist Writer
yeah ;;;

i love them, to-
Reply
:iconxgalaxial:
xGalaxial Featured By Owner Jan 8, 2015  Hobbyist Digital Artist
Is there only codes for the white and blue boxes? because I'm trying to get a 3rd box but it goes in the 2nd below box yet I wan't it as a seperate
Reply
Add a Comment:
 
×




Details

Submitted on
December 23, 2012
Image Size
415 KB
Resolution
800×1400
Link
Thumb
Embed

Stats

Views
61,951 (15 today)
Favourites
3,335 (who?)
Comments
493

License

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