HOME | DD

CypherVisor — Semi Transparent Content-holder box Tutorial by-nc-nd

Published: 2012-12-23 11:20:20 +0000 UTC; Views: 143036; Favourites: 5207; Downloads: 0
Redirect to original
Description ______________________________________________________________________________________________________
»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

CONTENT HEADING HERE


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.



Light Blue box example code:

CONTENT HEADING HERE


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.



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 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.
______________________________________________________________________________________________________
Related content
Comments: 588

C3SIOUS In reply to ??? [2015-07-29 17:39:35 +0000 UTC]

ty

👍: 0 ⏩: 0

Van-Swirlz In reply to ??? [2015-07-28 23:07:11 +0000 UTC]

usin

👍: 0 ⏩: 0

HotDogeBuns In reply to ??? [2015-07-25 03:57:50 +0000 UTC]

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

👍: 0 ⏩: 0

Meg-Pony [2015-07-19 20:25:45 +0000 UTC]

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:

👍: 0 ⏩: 2

HotDogeBuns In reply to Meg-Pony [2015-07-25 03:54:52 +0000 UTC]

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;

👍: 0 ⏩: 1

Meg-Pony In reply to HotDogeBuns [2015-07-26 04:18:08 +0000 UTC]

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

👍: 0 ⏩: 1

HotDogeBuns In reply to Meg-Pony [2015-07-26 04:29:43 +0000 UTC]

It's okay! Thanks for replying <3

👍: 0 ⏩: 1

Meg-Pony In reply to HotDogeBuns [2015-07-26 04:30:49 +0000 UTC]

You're welcome c:

👍: 0 ⏩: 0

VioletCatcus In reply to Meg-Pony [2015-07-20 05:50:19 +0000 UTC]

How did you do it? ;o;

👍: 0 ⏩: 1

Meg-Pony In reply to VioletCatcus [2015-07-20 05:58:35 +0000 UTC]

I tried putt in the code, but then it shortened itself, and didn't work... I'm sorry

👍: 0 ⏩: 1

VioletCatcus In reply to Meg-Pony [2015-07-20 06:01:51 +0000 UTC]

You're fine! 

👍: 0 ⏩: 0

Tasty-Liquorice [2015-07-18 13:55:56 +0000 UTC]

using

👍: 0 ⏩: 0

tailsdolltail [2015-06-28 12:44:47 +0000 UTC]

wait how do you put the custom background on it??

👍: 0 ⏩: 1

god-compIex In reply to tailsdolltail [2015-07-13 00:56:12 +0000 UTC]

 

👍: 0 ⏩: 0

kazooiie In reply to ??? [2015-06-22 20:54:37 +0000 UTC]

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! ;;

👍: 0 ⏩: 1

AquaSparkles In reply to kazooiie [2015-07-05 09:23:06 +0000 UTC]

I think this separates the custom boxes... Just remove the '*'

<*div class="cctextarea disabledbutton"* ><*div class="pp" align="center">

HEADER<*div align="left">

I hope it works...


👍: 0 ⏩: 1

kazooiie In reply to AquaSparkles [2015-07-06 21:02:31 +0000 UTC]

thank you so much! I will try it out! ;o;/ ♥♥

👍: 0 ⏩: 1

AquaSparkles In reply to kazooiie [2015-07-06 23:05:26 +0000 UTC]

Your welcome!~   ^^

👍: 0 ⏩: 0

LiveLady In reply to ??? [2015-06-20 03:32:04 +0000 UTC]

how do i make my text be in the middle?


      If you dont know what im talking about
                     this is the middle

👍: 0 ⏩: 1

LiveLady In reply to LiveLady [2015-06-20 03:35:12 +0000 UTC]

nevermind got it!

👍: 0 ⏩: 0

xX-Icey-the-wolf-Xx In reply to ??? [2015-06-19 17:10:57 +0000 UTC]

using

👍: 0 ⏩: 0

AquaSparkles In reply to ??? [2015-06-13 02:11:53 +0000 UTC]

Using! :3

👍: 0 ⏩: 0

Mikitanii [2015-06-11 00:54:14 +0000 UTC]

Can you make one in yellow please?

👍: 0 ⏩: 0

LovelyRagdolly [2015-06-06 20:33:26 +0000 UTC]

useing c: 

👍: 0 ⏩: 0

CaptRicoSakara In reply to ??? [2015-05-12 17:08:54 +0000 UTC]

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?

👍: 0 ⏩: 1

C-OFFI In reply to CaptRicoSakara [2015-05-17 20:07:26 +0000 UTC]

 
your supplier has arrived.

👍: 0 ⏩: 0

Captain-Starburst In reply to ??? [2015-04-24 03:51:01 +0000 UTC]

is there a way to get the white transparent box, but without the header / title thing??
nvm i got it!

👍: 0 ⏩: 0

DEER-DADDY420 [2015-04-11 09:15:32 +0000 UTC]

tbh i may sound like a idiot but.. how do you put a background on it???

👍: 0 ⏩: 1

AlderPeachiezz In reply to DEER-DADDY420 [2015-04-22 18:44:34 +0000 UTC]

im asking the samw thing -.-

👍: 0 ⏩: 0

qrimm In reply to ??? [2015-04-03 18:51:10 +0000 UTC]

is there any way i can make the content transparent without the chat box?

👍: 0 ⏩: 0

Lepedi In reply to ??? [2015-03-31 22:56:45 +0000 UTC]

is there a way to get transparent box with solid letters?

👍: 0 ⏩: 0

Unihaks In reply to ??? [2015-03-25 11:33:29 +0000 UTC]

How do I change the opacity of the box? 

👍: 0 ⏩: 0

Soulistix In reply to ??? [2015-03-18 18:59:12 +0000 UTC]

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!)

👍: 0 ⏩: 2

deviljewels In reply to Soulistix [2016-06-22 15:20:08 +0000 UTC]

Do you mean the picture you're trying to put in the box becomes transparent as well? That's the problem I'm having. If you could tell me how you fixed it, that's be awesome. c: Ty!

👍: 0 ⏩: 0

Soulistix In reply to Soulistix [2015-03-18 19:26:56 +0000 UTC]

Actually, I fixed the problem! Nevermind

👍: 0 ⏩: 1

Tomogui In reply to Soulistix [2015-04-30 23:56:12 +0000 UTC]

How'd you fix it? I'm curious!

👍: 0 ⏩: 0

Puddathere In reply to ??? [2015-02-17 03:20:57 +0000 UTC]

Too bad we cant have the content inside solid and not transparent

👍: 0 ⏩: 0

fauvey [2015-02-15 15:31:39 +0000 UTC]

Having trouble figuring it out, where do I put the code for a custombox skin?

👍: 0 ⏩: 0

Kawaii-Nurse In reply to ??? [2015-01-14 01:45:36 +0000 UTC]

Not working :''(
what disabled button did you use?

👍: 0 ⏩: 1

Kawaii-Nurse In reply to Kawaii-Nurse [2015-03-15 04:04:51 +0000 UTC]

nvm i got it

👍: 0 ⏩: 0

Tydal-wave In reply to ??? [2015-01-11 03:44:16 +0000 UTC]

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

👍: 0 ⏩: 2

xXxJolinexXx In reply to Tydal-wave [2015-03-06 05:42:29 +0000 UTC]

[ahhh- you have to have the uhh- the donation widget on your page!
I had the same problem.]

👍: 0 ⏩: 1

Tydal-wave In reply to xXxJolinexXx [2015-03-06 13:04:25 +0000 UTC]

yea, i figured it out eventually ;v;
but thanks! <3

👍: 0 ⏩: 0

damageindicator In reply to Tydal-wave [2015-01-16 00:27:00 +0000 UTC]

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.

👍: 0 ⏩: 1

Tydal-wave In reply to damageindicator [2015-01-16 02:01:02 +0000 UTC]

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:

👍: 0 ⏩: 1

damageindicator In reply to Tydal-wave [2015-01-16 02:01:56 +0000 UTC]

yeah ;;;

i love them, to-

👍: 0 ⏩: 0

xGalaxial In reply to ??? [2015-01-08 18:24:36 +0000 UTC]

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

👍: 0 ⏩: 0

Truucey In reply to ??? [2015-01-07 21:22:38 +0000 UTC]

I have an idea and I wanna know if it'd work or not. Many people have been asking about making the box semi transparent but not the letters. I've read that you can add backgrounds to the boxes themselves, so what if that background was semitransparent? It'd be the background image that was transparent instead of a property, thus making the content opaque, right?

👍: 0 ⏩: 0

aerogram In reply to ??? [2015-01-07 20:20:19 +0000 UTC]

Is there any way to change the box's opacity?

👍: 0 ⏩: 0

Jaddels In reply to ??? [2015-01-04 18:18:13 +0000 UTC]

Hello!
So I've been using this and it's wonderful! But I can't get the text to also be transparent. Any help?

👍: 0 ⏩: 0


<= Prev | | Next =>