HOME | DD

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

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

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

Oh! Thanks. Sorry, I'm slow.

👍: 0 ⏩: 1

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

LOL It's perfectly fine. <3 I'm slow too. xD Glad I could help. c:

👍: 0 ⏩: 0

gigifeh In reply to ??? [2012-12-23 18:21:09 +0000 UTC]

I using!

👍: 0 ⏩: 1

CypherVisor In reply to gigifeh [2013-01-01 15:01:16 +0000 UTC]

Yay!

👍: 0 ⏩: 1

gigifeh In reply to CypherVisor [2013-01-01 15:10:30 +0000 UTC]

<3

👍: 0 ⏩: 0

satellite-unknown In reply to ??? [2012-12-23 16:08:18 +0000 UTC]

One of those minor details in code that adds awesomeness.

👍: 0 ⏩: 1

CypherVisor In reply to satellite-unknown [2013-01-01 15:01:26 +0000 UTC]

Haha.. yeah!

👍: 0 ⏩: 0

AustriaUsagi In reply to ??? [2012-12-23 15:33:30 +0000 UTC]

awesomeness, thank you!

👍: 0 ⏩: 1

CypherVisor In reply to AustriaUsagi [2013-01-01 15:01:36 +0000 UTC]

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

👍: 0 ⏩: 0

BalladofFallingSnow In reply to ??? [2012-12-23 15:11:04 +0000 UTC]

These a really pretty.

👍: 0 ⏩: 1

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

Thanks..

👍: 0 ⏩: 1

BalladofFallingSnow In reply to CypherVisor [2013-01-01 18:48:09 +0000 UTC]

You're welcome. :3

👍: 0 ⏩: 0

mokiva In reply to ??? [2012-12-23 13:08:35 +0000 UTC]

omg this is BEAUTIFUL!
OMFG IM SO USING.

👍: 0 ⏩: 1

CypherVisor In reply to mokiva [2013-01-01 15:02:14 +0000 UTC]

Hehe..

👍: 0 ⏩: 0

ClassicAmy In reply to ??? [2012-12-23 13:00:15 +0000 UTC]

Maybe soon when I get Premium again I will use this. Also, this one is my favorite! Because I love transparent, they likes Ninja/Spy eue.

👍: 0 ⏩: 1

CypherVisor In reply to ClassicAmy [2013-01-01 15:02:47 +0000 UTC]

Haha.. *Ninja/Spy*

Sure thing!

👍: 0 ⏩: 0

Frapchip In reply to ??? [2012-12-23 12:53:48 +0000 UTC]

Thanks so much! im so using this! ^-^
keep up the good work! :'D

👍: 0 ⏩: 1

CypherVisor In reply to Frapchip [2012-12-23 12:58:40 +0000 UTC]

That's great!

And it's my pleasure. You're most welcome!

👍: 0 ⏩: 0

Alkraas In reply to ??? [2012-12-23 11:57:41 +0000 UTC]

Cool^^

👍: 0 ⏩: 1

CypherVisor In reply to Alkraas [2012-12-23 12:43:04 +0000 UTC]

👍: 0 ⏩: 0

UkiyamiAngel In reply to ??? [2012-12-23 11:47:42 +0000 UTC]

Once again you have done an amazing job!!! One of the best Christmas gifts too x3

👍: 0 ⏩: 1

CypherVisor In reply to UkiyamiAngel [2012-12-23 12:42:57 +0000 UTC]

Ah!

Thanks..

👍: 0 ⏩: 1

UkiyamiAngel In reply to CypherVisor [2012-12-23 17:44:38 +0000 UTC]

welcome lol

👍: 0 ⏩: 0

FireyFlamy In reply to ??? [2012-12-23 11:38:04 +0000 UTC]

If any content inside the box becomes semi-transparent, then how come the text in your example looks normally?

👍: 0 ⏩: 1

CypherVisor In reply to FireyFlamy [2012-12-23 11:41:57 +0000 UTC]

If you look closely, the text are also semi-tranparent.

👍: 0 ⏩: 2

FireyFlamy In reply to CypherVisor [2012-12-23 11:58:15 +0000 UTC]

Oh, wait, I think I've got it. It depends on both the background colour and the colour of the box. So, you just have to choose the right combination

Thanks for the tutorial

👍: 0 ⏩: 1

CypherVisor In reply to FireyFlamy [2012-12-23 12:43:47 +0000 UTC]

Yep!

And it's my pleasure!

👍: 0 ⏩: 0

FireyFlamy In reply to CypherVisor [2012-12-23 11:52:03 +0000 UTC]

Hm, but it looks alright and readable. I've tried to make content-holder boxes on my page semi-transparent, but then the text became difficult to read D: So I guess, it depends on the background colour?

👍: 0 ⏩: 1

CypherVisor In reply to FireyFlamy [2012-12-29 15:48:33 +0000 UTC]

Yep!

👍: 0 ⏩: 0

NightmareMoonS In reply to ??? [2012-12-23 11:26:51 +0000 UTC]

That's pretty awesome

👍: 0 ⏩: 1

CypherVisor In reply to NightmareMoonS [2012-12-23 11:41:07 +0000 UTC]

Thanks my friend!

👍: 0 ⏩: 1

NightmareMoonS In reply to CypherVisor [2012-12-23 11:46:12 +0000 UTC]

Welcome buddy^^ Keep up inventing stuff

👍: 0 ⏩: 1

CypherVisor In reply to NightmareMoonS [2012-12-23 12:49:52 +0000 UTC]

Yes, I will!

👍: 0 ⏩: 0

TaNa-Jo In reply to ??? [2012-12-23 11:21:54 +0000 UTC]

OH cool OwO

BTW Thank you for using my background

I will use it if it is not pink lets try ^^

👍: 0 ⏩: 1

CypherVisor In reply to TaNa-Jo [2012-12-23 11:40:53 +0000 UTC]

Thanks!

And you bg was bright and clear and also fitted perfectly for the tutorial display. So used it!

👍: 0 ⏩: 1

TaNa-Jo In reply to CypherVisor [2012-12-23 12:11:54 +0000 UTC]

No problem ^-^

Oh thanks ^^

👍: 0 ⏩: 1

CypherVisor In reply to TaNa-Jo [2012-12-23 12:50:05 +0000 UTC]

👍: 0 ⏩: 0


<= Prev |