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
I have a question....T.T
the text, where the dummy text here... is not appear.... only when you highlight it, you see the text.
I mean, my holder is a purple pure, and then I put this semi trans in it...and text is gone except the heading....
Orz.
👍: 0 ⏩: 1
I undertand what you mean to say. Actually the problem with this code is that it makes the whole box semi-transparent (along with the content inside it). Can't help it, it is the way it is.
That is why as you can see, I have mentioned about this in the tutorial too.
👍: 0 ⏩: 1
i know semi transparent for the text as well. i just wonder, like your sample, you still can see. but mine is cannot see at all...unless you mouse click highlight. so that's why i ask. sorry to bother.
👍: 0 ⏩: 1
Then it could probably be a conflicting background.
👍: 0 ⏩: 1
oh ok. it's ok. i decide to use other contain holder now lol thanks anyway.
👍: 0 ⏩: 1
cause some how it just not letting to have some kind of double container lol
but it's alright now. i guess.
👍: 0 ⏩: 0
used... thank you so much... my page looks so beauty
👍: 0 ⏩: 1
It helped a lot and since I already know some code this was a great help!
👍: 0 ⏩: 1
Thanks for this tip! It works great... I have found it also works on things like backgrounds and images.
👍: 0 ⏩: 1
You're welcome!
And yes, it will work wherever you use that class!
👍: 0 ⏩: 0
Can I get rid of the Content Heading part?
👍: 0 ⏩: 1
All of my codes comes in different versions. Check out the one which doesn't have a content-header text.
👍: 0 ⏩: 0
Can you have your own bg added to it?
👍: 0 ⏩: 1
Yes, use the tut for content-holder box with bg for this and apply this tut in it.
👍: 0 ⏩: 1
Hi dear^^ , I have some troubles tu put the content-holder box in my custom widget , I have the same background (pink stars) I'm copying the white box code , I get to see the background, but not the content-holder box ;n;
If you can help me I'd appreciate it^^.
Thanks you.
👍: 0 ⏩: 1
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 1
Thanks you so much^^
No problem
👍: 0 ⏩: 1
Thanks to you I have installed everything correctly^^
👍: 0 ⏩: 1
NVM i got that one too omgsh sorry. I need coffee haaa
👍: 0 ⏩: 1
Is there a way to get this to work on the light blue box?
👍: 0 ⏩: 0
I have a question, how Would I transfer my own background image, but make the rest transparent? instead of the starry image, I have a separate image I want to use, and the boxes would be a silver color. any thoughts would be helpful ! C:
👍: 0 ⏩: 1
Get your bg image using the code here: cyphervisor.deviantart.com/art…
And Custombox F.A.Q. + Tips and tricks would help you to know how to insert boxes using a custom bg code.
👍: 0 ⏩: 0
hello..
is this available in Group??
👍: 0 ⏩: 1
Yes. However, the group has to be super.
👍: 0 ⏩: 1
I Have a problem , When i put "disablebutton" It makes everything Semi-transpearnt ! , The Icons , The Text.... and also is there anything to make it less Transpearnt ? >.<
👍: 0 ⏩: 1
Yes, I know. I have mentioned about it in the notes as you see.
👍: 0 ⏩: 0
I love your Tuts~ *♥*
I thank you endless for taking your time to make then ♥m♥
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
Oh so sorry to have bothered you, I've figured it out now. D:
👍: 0 ⏩: 1
I made the images smaller on my profile so I can use this.
But it isn't working for some reason. I like the light blue one, so I copied the text from your description and put in the text I wanted to but it didn't work?
👍: 0 ⏩: 0
Get different content-holder boxes from my gallery here: cyphervisor.deviantart.com/gal…
👍: 0 ⏩: 1
Thanks but no, I meant like are you ever gonna make the transparent boxes different colors? ^^
👍: 0 ⏩: 1
Ah! I can't make a box of my own to be used in the custom widget however if I find something new I'll surely share.
👍: 0 ⏩: 0
<= Prev | | Next =>