HOME | DD
CypherVisor — Semi Transparent Content-holder box Tutorial
by-nc-nd
Published: 2012-12-23 11:20:20 +0000 UTC; Views: 143043; 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:
Light Blue box example code:
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
Is there a way to have it so the box loses its transparency upon the cursor touching it?
👍: 0 ⏩: 1
I haven't found anything like that as such. But I'll surely share if I get one.
👍: 0 ⏩: 1
paradlse.deviantart.com/ has it. I was looking for that too ^^
👍: 0 ⏩: 1
That is nothing but the white button from here: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
I need help! How do I do a content box holder style type thingy in my journal, since HTML won't work? I just want a box around the text like this, not necessarily transparent though. Thanks in advance!
👍: 0 ⏩: 1
You need to define the boxes in your journal CSS to use them. Though, some of the deviants mentioned that some of the content-holder boxes works in the journal. Here: cyphervisor.deviantart.com/gal...
👍: 0 ⏩: 1
Thanks very much for your response!
👍: 0 ⏩: 1
Amazing! Thank you so much! : )
👍: 0 ⏩: 1
and I also found out that if you add disabledbutton to the part where it says gf box, you can make everything in that custom box semi-transparent, even the icons surrounding the box!
👍: 0 ⏩: 0
omg! I found something cool out! if you but disabledbutton on the custom chat box, it also become semi-transparent!
👍: 0 ⏩: 1
You can use this anywhere and it would make it semi-transparent.
👍: 0 ⏩: 1
im just wondering, is it possible to make them non-transparent when hovered over?
👍: 0 ⏩: 1
Is there a way to have a transparent box while having solid text?
👍: 0 ⏩: 1
Boo, I will deal. These tutorials have helped me a lot. :3
👍: 0 ⏩: 1
Glad that I could be of your help.
👍: 0 ⏩: 1
ahm.. ;w;. i hate to sound dumb, because its probably an easy fix, but..
uhm
on my profile, it kind of, like the custom box content holder is going off the side, its not all small like in the pic shown up there! why? o:
👍: 0 ⏩: 1
Where? It is displayed fine in my system. :-/
👍: 0 ⏩: 1
i know, i got it fixed, i was being dumb and just had to move the "rue's page" to a seperate box ._.
👍: 0 ⏩: 1
There is no pink one. It is just the background (which is in the description)
👍: 0 ⏩: 1
i'm trying to put a background with the custom box and it's not working, what code and where do you place it to put it in the html code properly so it looks like the one displayed in the picture?
👍: 0 ⏩: 1
First you need to get the custom box background code. Then insert the custom box with this semi-transparent code and you are good to go.
You may find some help here: Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 0
Thank you so much this was uber useful~ I used it on my page here [link]
👍: 0 ⏩: 1
Is there a way to remove the content heading here?
👍: 0 ⏩: 1
Yes. If you go to a content-holder box coding you would find that there are different versions of codes. Just choose the one with has no heading on it!
👍: 0 ⏩: 1
Used, thank you so much! <3 This was REALLY helpful!
👍: 0 ⏩: 1
is there a way to just make the box color transparent and not the content inside transparent? For example, I want a semi transparent white content box, but I don't want my thumbs and text to be transparent
👍: 0 ⏩: 1
It is mentioned in the tutorial that it can't be done unfortunately. If it had been possible I would have definitely done that for all.
👍: 0 ⏩: 0
Sorry to bother but to my understanding, I have to have the Donation pool thing on my page to get this
to work ?
Because when I view my page it works, but when I go on my friends profile (with permission)
the whole thing is transparent.
So I'm confused is it just her, or is it transparent to you to?
👍: 0 ⏩: 1
No, you do not need that. It is mentioned in the tutorial that it will make everything semi-tranparent. If it had been possible I would have definitely done that for all.
👍: 0 ⏩: 1
<= Prev | | Next =>