Shop More Submit  Join Login
×




Details

Submitted on
July 7, 2012
Image Size
32.5 KB
Resolution
482×1094
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
23,697
Favourites
290 (who?)
Comments
55

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Shiny content-holder boxes v2 by CypherVisor Shiny content-holder boxes v2 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:



Green Box 1:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i41"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Green Box 2:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Green Box 3:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>



Red Box 1:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i19"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Red Box 2:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Red Box 3:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


How to customize icons?


Check this tutorial: [link]



Shiny content-holder boxes v1 (Default GREY color)






Want to customize your profile more?


Check all my free resources + tutorials: [link]



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:
 
:iconcute-heart:
Cute-Heart Featured By Owner Jun 14, 2013  Student General Artist
nice :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 14, 2013
ty! :hug:
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 5, 2013
I just tried to use this and another custom box tutorial with the links and neither work in a non-premium group (and placed in a custom-box) is there a reason?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 8, 2013
Non-premium group do not have special html and css enabled in their page to use these codes that's why.
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 9, 2013
Yeah just realised after I posted it lol.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 9, 2013
Okay :)
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 5, 2013
Think I figured why. Was pasting into a non-premium group. ^^
Reply
:iconallergria:
Allergria Featured By Owner Nov 4, 2012
Do you have a tutorial on how to get a scroller box in a custom box? I keep trying to find one but there all about journals Q.Q and theres literally only one tutorial i can find on it, and it dont make sence
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 5, 2012
As far as I've tried (long back) you can't have scroll box in a custom box. Where did you find this tutorial on the scroll box btw?
Reply
:iconallergria:
Allergria Featured By Owner Nov 5, 2012
[link] That was the tutorial, it didnt make scence to me, apparently the scroll boxes are only for journals, this tutorial is where you need to download stuff, and i downloaded it and it was all saying its only for journals.. I tryed the code and it didnt work, but before ive seen people with scroll boxes in there custom boxes, so im confused D: . (I hope this made scence x'D)
Reply
Add a Comment: