HOME | DD

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

Published: 2012-12-23 11:20:20 +0000 UTC; Views: 143046; 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

redspiderlillies In reply to ??? [2013-01-28 17:51:03 +0000 UTC]

But I do have just one more question for you: How do you put background CSS on a donation pool without it covering the whole thing up?

👍: 0 ⏩: 1

CypherVisor In reply to redspiderlillies [2013-01-29 15:59:35 +0000 UTC]

Well, similar query was asked by different deviants to me earlier. Well, it is kinda tricky. I thought of making a tutorial for it but later on it was becoming complex for me to make it simple.

So, I left it alone.

👍: 0 ⏩: 1

redspiderlillies In reply to CypherVisor [2013-01-29 16:46:44 +0000 UTC]

Oh, ok. Thankyou! I guess a button with a link to my 'donate' page thing works well enough.

👍: 0 ⏩: 1

CypherVisor In reply to redspiderlillies [2013-01-30 14:58:56 +0000 UTC]

Haha okay.

👍: 0 ⏩: 0

NecktiePom In reply to ??? [2013-01-23 17:23:07 +0000 UTC]

omg this is genius! disabled buttons as a boxes is ♥
:'D thank you for sharing and allowing us to use such codes for our pages ,i will now have to remake my page to have these boxes.

👍: 0 ⏩: 1

CypherVisor In reply to NecktiePom [2013-01-23 18:37:22 +0000 UTC]

Haha..It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

Alkraas In reply to ??? [2013-01-16 18:47:18 +0000 UTC]

Is it possible to remove the oversignature....uhm.. I mean the text "Content heading here"

👍: 0 ⏩: 1

CypherVisor In reply to Alkraas [2013-01-17 13:45:39 +0000 UTC]

Yes, absolutely. In every content-holder boxes you shall find two versions of code. One with the header and other without it.

👍: 0 ⏩: 1

Alkraas In reply to CypherVisor [2013-01-17 15:39:13 +0000 UTC]

Oh, I haven't seen it, thank you

👍: 0 ⏩: 1

CypherVisor In reply to Alkraas [2013-01-17 18:38:05 +0000 UTC]

No problem!

👍: 0 ⏩: 0

ChinZaPep In reply to ??? [2013-01-15 12:47:39 +0000 UTC]

Would it be possible for an image in this box to become fully non-transparent (I don't know the word for that OTL) when you mouse over it? Some of the stuff in our custom boxes are really hard to see, but I love this box!! c:

👍: 0 ⏩: 1

CypherVisor In reply to ChinZaPep [2013-01-15 16:11:02 +0000 UTC]

Nah. That is why I mentioned that in the tutorial itself.

👍: 0 ⏩: 1

ChinZaPep In reply to CypherVisor [2013-01-15 22:19:53 +0000 UTC]

Ahhh, alright! I didn't see that |D Well, thanks anyways! And congratulations on your seniority! <333

👍: 0 ⏩: 1

CypherVisor In reply to ChinZaPep [2013-01-16 09:41:51 +0000 UTC]

It's alright!

And thanks hun!

👍: 0 ⏩: 1

ChinZaPep In reply to CypherVisor [2013-01-17 12:31:06 +0000 UTC]

No problem!!! <3333

👍: 0 ⏩: 0

TeaPhotography In reply to ??? [2013-01-14 08:54:22 +0000 UTC]

This is superb!!

👍: 0 ⏩: 1

CypherVisor In reply to TeaPhotography [2013-01-14 09:06:17 +0000 UTC]

Thanks..

👍: 0 ⏩: 0

erinep In reply to ??? [2013-01-08 03:54:40 +0000 UTC]

It would be cool if when you put your mouse over it, it goes opaque!
I really like this, I may use it one day! :3

👍: 0 ⏩: 1

CypherVisor In reply to erinep [2013-01-10 16:18:15 +0000 UTC]

Hmm, I have to see if that can be done.

And sure thing my friend!

👍: 0 ⏩: 1

erinep In reply to CypherVisor [2013-01-10 20:48:45 +0000 UTC]

Hehe, awesome!

👍: 0 ⏩: 1

CypherVisor In reply to erinep [2013-01-11 11:02:49 +0000 UTC]

👍: 0 ⏩: 0

kazooiie In reply to ??? [2013-01-06 04:20:04 +0000 UTC]

I dont get it... ;^; I really want to use though so badly!

👍: 0 ⏩: 1

CypherVisor In reply to kazooiie [2013-01-07 15:48:41 +0000 UTC]

Check out the description to get examples.

👍: 0 ⏩: 1

kazooiie In reply to CypherVisor [2013-01-07 20:49:58 +0000 UTC]

Okay thanks ^^

👍: 0 ⏩: 1

CypherVisor In reply to kazooiie [2013-01-10 16:26:05 +0000 UTC]

👍: 0 ⏩: 0

SingingFlames In reply to ??? [2013-01-05 19:24:03 +0000 UTC]

Thank you! This is very helpful!

👍: 0 ⏩: 1

CypherVisor In reply to SingingFlames [2013-01-07 15:48:12 +0000 UTC]

It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

NI-XI In reply to ??? [2012-12-31 16:11:19 +0000 UTC]

can you make link for pink box? i coulnt´t manage it -.-"

👍: 0 ⏩: 1

CypherVisor In reply to NI-XI [2013-01-01 14:58:26 +0000 UTC]

I guess you are talking about the last box in the preview. That is the white-content holder box.

👍: 0 ⏩: 1

NI-XI In reply to CypherVisor [2013-01-01 15:36:08 +0000 UTC]

any of them but I can´t make it pink I mean you said I can use any box and then make it transparent I would like the pink one you have in galery but I cant manage where to put that disabled thingie

👍: 0 ⏩: 1

CypherVisor In reply to NI-XI [2013-01-10 18:38:33 +0000 UTC]

Which pink one are you referring to can you please tell me?

👍: 0 ⏩: 1

NI-XI In reply to CypherVisor [2013-01-10 18:52:03 +0000 UTC]

its red but seems pinkish to me xD [link]

👍: 0 ⏩: 1

CypherVisor In reply to NI-XI [2013-01-10 19:24:26 +0000 UTC]

Haha. ok.

Try putting the code disabledbutton after where it says "cc-name" and also after "no_subscription"

👍: 0 ⏩: 2

NI-XI In reply to CypherVisor [2013-01-10 19:48:54 +0000 UTC]

worked !!!! LOVE U TNX

👍: 0 ⏩: 1

CypherVisor In reply to NI-XI [2013-01-10 20:08:12 +0000 UTC]

Great!

👍: 0 ⏩: 0

NI-XI In reply to CypherVisor [2013-01-10 19:36:00 +0000 UTC]

oh ok Ill try

👍: 0 ⏩: 1

CypherVisor In reply to NI-XI [2013-01-10 20:04:36 +0000 UTC]

Sure thing!

👍: 0 ⏩: 0

mintwinter In reply to ??? [2012-12-29 17:49:42 +0000 UTC]

How to make text visible? cuz text also becomes half invisible! Would be awesome to get 100% opacity for text. How to make it?

👍: 0 ⏩: 1

CypherVisor In reply to mintwinter [2013-01-01 14:59:21 +0000 UTC]

I've already put that in the tutorial description that all the content will become semi-transparent. Can't help it.

👍: 0 ⏩: 1

mintwinter In reply to CypherVisor [2013-01-01 15:23:45 +0000 UTC]

that's sad "( but anyway thanks)

👍: 0 ⏩: 1

CypherVisor In reply to mintwinter [2013-01-01 15:25:35 +0000 UTC]

No problem dear!

👍: 0 ⏩: 0

maytel In reply to ??? [2012-12-24 20:31:15 +0000 UTC]

ohhhh

👍: 0 ⏩: 1

CypherVisor In reply to maytel [2013-01-01 14:59:28 +0000 UTC]

👍: 0 ⏩: 0

xfe In reply to ??? [2012-12-23 23:25:36 +0000 UTC]

How useful! I might use this one day. :3

👍: 0 ⏩: 1

CypherVisor In reply to xfe [2013-01-01 14:59:37 +0000 UTC]

Sure thing!

👍: 0 ⏩: 0

JennStarr In reply to ??? [2012-12-23 19:35:06 +0000 UTC]

I really love these!! Thanks for supplying them for us deviants!

👍: 0 ⏩: 1

CypherVisor In reply to JennStarr [2013-01-01 14:59:50 +0000 UTC]

It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

mikkiangel In reply to ??? [2012-12-23 19:21:10 +0000 UTC]

How can we use the one at the top? owo The purple-y one?

👍: 0 ⏩: 2

CypherVisor In reply to mikkiangel [2013-01-01 15:01:03 +0000 UTC]

It is the blue content-holder box as point by *oh--my--glob

👍: 0 ⏩: 0

oh--my--glob In reply to mikkiangel [2012-12-23 19:25:39 +0000 UTC]

It's the Navy Blue box in his gallery.

👍: 0 ⏩: 1


<= Prev | | Next =>