Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
8,738 (5 today)
Favourites
392 (who?)
Comments
122

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:
 
:icontiakaneko:
tiakaneko 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:
The following:

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

You're welcome! :hug:

Reply
:iconraindiederichtw:
RainDiederichTW 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:
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 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:
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
:iconmossfire365:
Mossfire365 Jul 23, 2013  Hobbyist Digital Artist
Thanks! Figured it out! ^^

I also wanted to ask if you knew the codes to make a picture float over the custom box, on all four sides. ^^;
Reply
Add a Comment: