Shop Mobile More Submit  Join Login
×




Details

Submitted on
July 20, 2012
Image Size
65.7 KB
Resolution
512×1175
Link
Thumb
Embed

Stats

Views
10,028 (11 today)
Favourites
411 (who?)
Comments
124

License

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



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"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription"><div align="left">Body text here.</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"><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"><div align="left">Body text here.</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 i7"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription"><div align="left">Body text here.</div></div>


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"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription"><div align="left">Body text here.</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"><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"><div align="left">Body text here.</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 i17"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription"><div align="left">Body text here.</div></div>




How to customize icons?


Check this tutorial: fav.me/d2rxgqr




Other variants







Get the BLUE version here






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:
 
:iconpassion-aesthete:
passion-aesthete Featured By Owner May 25, 2014  Hobbyist General Artist
oh :( this is not working on my custom box. Only the heading is appearing and instead of the body text, there is nothing :(
I didn't post it on my main page, I discovered it with the preview while checking before posting...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 25, 2014
It should work after saving it...also try after installing the commission widget too
Reply
:icontiakaneko:
tiakaneko Featured By Owner Aug 24, 2013  Professional Digital Artist
What is the CSS needed for this feature? The reason I'm asking is because I need to use it in a custom journal skin, not dA's official one, so I think that's why it doesn't work with custom skins.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 24, 2013
The following:

.has_subscription{background-color:#97c061;} .no_subscription{background-color:#B73E62;}
Reply
:icontiakaneko:
tiakaneko Featured By Owner Aug 24, 2013  Professional Digital Artist
Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 26, 2013

You're welcome! :hug:

Reply
:iconraindiederichtw:
RainDiederichTW Featured By Owner Aug 1, 2013  Hobbyist Digital Artist
When i try to put body text in on the second red/pink colour, the header stays but the box isnt there :s ??
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 6, 2013
It happens due to non-availability of some widget in your profile. Try matching up the widgets that I have currently installed in my page with yours and the ones that are missing in your page just install it and see if it works. :)
Reply
:iconmossfire365:
Mossfire365 Featured By Owner Jul 22, 2013  Hobbyist Digital Artist
Sorry to bother you! The boxes won't come up in my custom box. Do you know why??
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2013
It happens due to some missing widgets in your profile page. Try to match up the installed widgets in my page with yours to see if that gets it to work. :thanks:
Reply
Add a Comment: