Shop Mobile More Submit  Join Login
×




Details

Submitted on
December 23, 2012
Image Size
415 KB
Resolution
800×1400
Link
Thumb
Embed

Stats

Views
42,413 (23 today)
Favourites
2,464 (who?)
Comments
414

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Semi Transparent Content-holder box Tutorial by CypherVisor Semi Transparent Content-holder box Tutorial by CypherVisor
______________________________________________________________________________________________________
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:
<div class="cctextarea disabledbutton" ><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">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.</div></div></div>


Light Blue box example code:
<div class="topic-edited-by disabledbutton" ><div class="ch"><div class="ch-ctrl"><div class="pp" align="center"><h3>CONTENT HEADING HERE</h3><hr></hr><div align="left">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.</div></div></div></div></div>


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 :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.
______________________________________________________________________________________________________
Add a Comment:
 
:iconswayingserenity:
SwayingSerenity Featured By Owner 2 days ago
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
Reply
:icono-is0lated-o:
o-IS0LATED-o Featured By Owner Edited Dec 3, 2014  Student General Artist
XDD dwdw I fixed it :la:
Reply
:iconsweatersongs:
sweatersongs Featured By Owner Edited Nov 25, 2014  Hobbyist Digital Artist
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
Fennekin by CreepyJellyfish







where/what is the code to add in an image background ? 
Reply
:iconsweatersongs:
sweatersongs Featured By Owner Nov 25, 2014  Hobbyist Digital Artist
got it ! never mind ~ vuv
Reply
:icontakiashii:
Takiashii Featured By Owner Nov 22, 2014
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 </div></div></div>
Reply
:iconmelmuff:
MelMuff Featured By Owner Nov 16, 2014  Hobbyist General Artist
Is there any way to make the text a certain colour?
Reply
:iconfoamiefan:
foamiefan Featured By Owner Nov 13, 2014  Hobbyist Digital Artist
is there a way to make it transparent without the box around it?
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Nov 4, 2014  Student Artist
ogod this makes 0 sence
Reply
:iconcybernetic-skrillien:
Cybernetic-Skrillien Featured By Owner Nov 15, 2014  Hobbyist Traditional Artist
Which part of it? It's working fine on my profile, so what's wrong? ^^ I'd like to help :D
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Nov 16, 2014  Student Artist
Uhhhhh
i dunno ;-;
Reply
Add a Comment: