Shop Mobile More Submit  Join Login
×




Details

Submitted on
June 30, 2013
Image Size
27.5 KB
Resolution
695×435
Link
Thumb
Embed

Stats

Views
6,082 (1 today)
Favourites
305 (who?)
Comments
32

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Shadow Content-holder box (With buttons) by CypherVisor Shadow Content-holder box (With buttons) 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 Custombox module in your profile or group page.



SOURCE CODE:



Box with 2 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded with-shadow"><br><h3 align="center">CONTENT HEADING HERE</h3><br><div class="phone-modal"><div class="pp" align="left">Body text here...</div></div><div class="modal-button-holder"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-normal smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a></div></div></div></div>


Box with 3 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded with-shadow"><br><h3 align="center">CONTENT HEADING HERE</h3><br><div class="phone-modal"><div class="pp" align="left">Body text here...</div></div><div class="modal-button-holder"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-blue smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-red smbutton-small"><span class="post">Button</span></a></div></div></div></div>



----------------------------------------------------------------------------------------------
*You can change the alignment of your text inside the box by changing the following..

Change "left" with "center", "right" or "justify"


<div align="left">


<div align="center">


<div align="right">


<div align="justify">

----------------------------------------------------------------------------------------------

*You can change the color of your buttons by changing the "smbutton-red" to other colors from here: cyphervisor.deviantart.com/art.....

----------------------------------------------------------------------------------------------



These were originally founded by =LabLayers I have resubmitted these by making modification to his original codes with his consent knowledge.


Other similar boxes







Want to customize your profile more?


Check all my free resources + tutorials: somrat.deviantart.com/gallery/...



Having any doubt with Custombox or Journal CSS? 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 send me a note for more details

Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconkalik-ing-away:
Kalik-ing-Away Featured By Owner Oct 15, 2014  Hobbyist
Hello, I'm a newer premium member and I admire your button work. So far, you're the only person who shows the code and makes using buttons and custom boxes easy.  

Is there a way to make each of these three buttons say a different thing?
Reply
:icondeskturtle:
DeskTurtle Featured By Owner Jul 22, 2014  Hobbyist
These are awesome!!! X3

:iconyuiwaveplz:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2014
Yay! :la:
Reply
:iconi-oreo:
I-Oreo Featured By Owner Jul 15, 2014  Hobbyist General Artist
Is there a way to just use the button with out the entire box? I want to use it as a link to my commissions journal
Reply
:iconhaylea1993:
Haylea1993 Featured By Owner Jun 25, 2014  Professional General Artist
Hi, i have one question. How do i change the name of the buttons?

Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 16, 2014
In the codes you'll find a text saying "Button" just change it! :)
Reply
:icondesignsbykittn:
DesignsByKittn Featured By Owner Jun 13, 2014  Hobbyist Digital Artist
Thanks!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 13, 2014
You're welcome! :hug:
Reply
:icondesignsbykittn:
DesignsByKittn Featured By Owner Jun 13, 2014  Hobbyist Digital Artist
Love 
Reply
Add a Comment: