Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
36,258 (88 today)
Favourites
2,187 (who?)
Comments
367

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:
 
:iconhaseprabio:
haseprabio Featured By Owner 5 days ago  Hobbyist Digital Artist
Thank you so much for your tutorial 
It's very useful :rose: 
Reply
:iconkukunia92:
Kukunia92 Featured By Owner Aug 25, 2014  Hobbyist Digital Artist
Hello I have a question:

Do you know a code for transparent image that is not transparent when you place your cursor on it?
Reply
:iconnciryalis:
nciryalis Featured By Owner 6 days ago  Hobbyist Digital Artist
indeed! I would like to know it either. Or simply to make image not transparent.
Reply
Hidden by Commenter
:iconkkp101:
kkp101 Featured By Owner Aug 22, 2014  Hobbyist Digital Artist
Is there no way to make the letters/ pictures full opacity while using this content-holder box?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 22, 2014
Nah. At least I haven't found one yet.
Reply
:iconkkp101:
kkp101 Featured By Owner Aug 22, 2014  Hobbyist Digital Artist
Mmkae, thanks for the tutorial/ code though :)

Coding is NOT for me, I swear I'd be lost without your help XD
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 22, 2014
Well, in that case I'm there to save your life! :XD:
Reply
:iconkkp101:
kkp101 Featured By Owner Aug 22, 2014  Hobbyist Digital Artist
Haha XD- Thank youuuu!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 23, 2014
yw :)
Reply
Add a Comment: