Shop Mobile More Submit  Join Login
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.

:icongalaxyexperience:
GalaxyExperience Featured By Owner May 14, 2015
just perfect
Reply
:icondani-green:
Dani-Green Featured By Owner Mar 26, 2015  Student Digital Artist
What do I do if I want to add one more button?
Reply
: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
:iconcyphervisor:
CypherVisor Featured By Owner Feb 28, 2015
Yes, just change the default "Button" text and you are good to go. :)
Reply
:iconstars-in-the-ocean:
Stars-In-The-Ocean Featured By Owner Jan 3, 2015  Hobbyist General Artist
I'm not sure, but if you look at the code, where it says >button< (2 or 3 times it should have this depending on the code) you change it to what you want it to say :)
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
:icongiantshawk12:
GiantsHawk12 Featured By Owner May 13, 2014  Hobbyist Artist
how do i use this
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 15, 2014
Copy the code given in the description and paste it in your widget box and save. :)
Reply
:iconbelayalapa:
BelayaLapa Featured By Owner Dec 11, 2013
Can you remove the shadow?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 11, 2013
Other content-holder boxes can be found here: cyphervisor.deviantart.com/gal…
Reply
:iconbelayalapa:
BelayaLapa Featured By Owner Dec 11, 2013
<3<3<3 Thank you so very much~
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 11, 2013
yw :)
Reply
:iconolokp:
olokp Featured By Owner Nov 19, 2013  Student General Artist
Hi! Lovely gallery you have here, I read through the FAQ but couldn't seem to find the answer to one question I have, whenever I enter the code it just shows the bolded link (though no arrow thanks to you ;)) but no button around it. Is this a common problem? Is there any way it can be fixed so it will show up as the button?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 20, 2013
Please check this journal for Custombox F.A.Q. + Tips and tricks

You'll find the tricks on how to remove the bold text in the "FAQ" section (at the bottom) :thanks:
Reply
:iconlelixiana:
Lelixiana Featured By Owner Nov 5, 2013  Hobbyist Traditional Artist
how can I add "donate button"? Cause I want customize my donation pool and I thought I could do it with these buttons on a background of my choice
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 11, 2013

Please check this journal for Custombox F.A.Q. + Tips and tricks


Thanks :)

Reply
:iconlelixiana:
Lelixiana Featured By Owner Nov 11, 2013  Hobbyist Traditional Artist
thank you very much! you really helped me :3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 11, 2013

I am glad that I could be of your help! :hug:

Reply
:iconneofeathers:
NeoFeathers Featured By Owner Sep 23, 2013  Hobbyist General Artist
worked it out
thanks for making this btw!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 24, 2013
Cool!

And it's my pleasure! :hug:
Reply
:iconneofeathers:
NeoFeathers Featured By Owner Sep 23, 2013  Hobbyist General Artist
are you able to have just one button?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 24, 2013
Yes, just need to delete a button code section from the code... You can find the button codes here: cyphervisor.deviantart.com/art… Match the code from here and delete it from the content-holder box to remove. :thanks:
Reply
:iconrebekahkroeplin:
RebekahKroeplin Featured By Owner Aug 29, 2013
Thank you very much!  I had to change a few things, but it works very well.  Thank you again!  :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 12, 2013
Cool! :la:

You're welcome btw! :aww:
Reply
:iconriicebunnii:
riicebunnii Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
Can you add a background?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 14, 2013
I didn't try on it. I'll check. :thanks:
Reply
:iconriicebunnii:
riicebunnii Featured By Owner Aug 14, 2013  Hobbyist Digital Artist
Ouh no no ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 15, 2013
:)
Reply
Add a Comment:
 
×




Details

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

Stats

Views
7,474 (2 today)
Favourites
387 (who?)
Comments
36

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×