HOME | DD
CypherVisor — Semi Transparent Content-holder box Tutorial
by-nc-nd
Published: 2012-12-23 11:20:20 +0000 UTC; Views: 143037; 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
So I REALLY Love this, because my makes things so pretty and neat.. However, If I add in ANY kind of Emotes or bored/dividers it also makes them transparent as well. Is there a way to let it not do that?
👍: 0 ⏩: 0
How do I put content boxes into a custom box with a background on it?
👍: 0 ⏩: 1
I Am too confused. I've tried it with a animated gif from a old Anime that I want on my page but, it's not working. It keeps just giving the link to the Blog Spot it came from. I don't want that. :/
I've watched a tutorial on it but, it's still just...unexplained. 
👍: 0 ⏩: 1
That is because you are using the image URL of your gif image. You should use the direct link of your image.
Please check this journal for your answer Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 0
how do you custom the background? when i use this; there is still a slight border around the 'non-border' one. how do i get rid of that?
👍: 0 ⏩: 1
Yes, I know. It is a limitation (at least as of now it is). You can't get a complete non-border box as such.
👍: 0 ⏩: 0
Really have a question! I don't want the fond to be see through, only the box. Can I disable the transparency for the letters?
Please tell me QwQ
👍: 0 ⏩: 1
Can't. I have mentioned about this limitation already in the tutorial.
👍: 0 ⏩: 1
Ok, sorry. I didn't found it
👍: 0 ⏩: 1
this seems to be working well, I'm just wondering how to add in a background image underneath the content box ?
here is what I have coded so far ;
squad
where/what is the code to add in an image background ?
👍: 0 ⏩: 2
Use the custom bg code from here:
And then copy the entire current code and paste it in the "body text here" part of the custom bg code. That should do the trick.
👍: 0 ⏩: 1
I ended up getting it ! 
👍: 0 ⏩: 1
Is it possible to have more of these in the same custom box?
What I mean, is that I am using one of these codes, and it worked perfectly!
But when I try to put another content holder box below it, it ends up being inside the one I used before...
{i used the same codes. I used the one for the white one ^^}
do you know how I can fix this ?
At the end of the last word I used for the first content holder box, I ended it with
👍: 0 ⏩: 1
Then there is a problem with the closing tags in the first box code. Check if there is any
👍: 0 ⏩: 1
Is there any way to make the text a certain colour?
👍: 0 ⏩: 1
is there a way to make it transparent without the box around it?
👍: 0 ⏩: 1
Which part of it? It's working fine on my profile, so what's wrong? ^^ I'd like to help
👍: 0 ⏩: 1
Have you got a background? Because if you don't, it will be hard to tell the difference for whether it's working or not XD
👍: 0 ⏩: 1
you should make a tutorial for transparent boxes that arent semi-transparent but just a little tiny bit transparent k thanks
👍: 0 ⏩: 2
Will surely do if I get the right code.
👍: 0 ⏩: 0
Sorry, but it does not seem to work.
👍: 0 ⏩: 2
Well, it does not appear on my custom
👍: 0 ⏩: 1
Hm............not entirely sure why, I would try to look at it myself, but I can't............just write here what you try to write in it plz?
👍: 0 ⏩: 1
Already forgotten about it...
Doesn't matter, I've managed to get my page the way I wanted too.
👍: 0 ⏩: 1
lawl XD
Okay then ^^ If it's okay with you
👍: 0 ⏩: 0
how can we make the text and pictures not transparent?
but still keep the content box transparent?
👍: 0 ⏩: 3
Can't do that. It is a limitation of the code. (I have already mentioned this in the tutorial)
👍: 0 ⏩: 0
Aww, I've red there is no option for that :/ To bad
👍: 0 ⏩: 0
Good question, I want to know that as well!
👍: 0 ⏩: 0
<= Prev | | Next =>