deviantART: gallery:somrat/25553818

Buttons as Content-Holder boxes

Sun, 19 May 2013 01:56:42 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

<div class="smbutton smbutton-normal"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-blue"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-deepgreen"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-white"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-red"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-purple"><span class="post"><div align="justify">Content Goes here.

<div class="smbutton smbutton-green"><span class="post"><div align="justify">Content Goes here.

NOTE:

1)This content-holder box unlike others is not of static size. It changes its size with the amount of content inside it!
2)You will get a Hand-Cursor when you hover over this box! There is no URL associated with it.
3)You can change the alignment of your text inside the box by doing the following..

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

<div class="smbutton smbutton-normal"><span class="post"><div align="left">Content Goes here.

Other similar boxes

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 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

Custom CHAT BOX

Sun, 12 May 2013 00:36:13 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

Bottom arrow version:
<div class="submit-help-bubble">Content Here

Top arrow version:
<div class="submit-help-bubble caret-above">Content Here

NOTE: The arrow cannot be placed on the right. It is always to the left.

Example:

<div class="submit-help-bubble">Custom <b>Chat Box in your widget!

by :devcyphervisor:
:iconcyphervisor:

<div class="submit-help-bubble">Top arrow custom <b>Chat Box

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

Mini Youtube Player embeddable code

Thu, 11 Apr 2013 09:18:51 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

Small Player 1:

<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><img width="54" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Small Player 2:

<div class="pagination sitback-container talk-post popup2-clear"><img width="154" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Medium Player 1:

<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Medium Player 2:

<div class="pagination sitback-container talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Long Player 1:

<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="sitback-slide flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Long Player 2:

<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/>div>div>

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

Content-Holder Background tutorial

Sun, 10 Mar 2013 09:27:40 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

Version 1:

<div class="cctextarea"><div class="gr-body pp"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="DIRECT-IMAGE-URL"/>div>div><div class="gr-box gr-genericbox"><br>Body Text Herediv>div>div>

Version 2:

<div class="gr-box gr-headless"><i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><div class="gr-body pp"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="DIRECT-IMAGE-URL"/>div>div><div class="gr-box gr-genericbox"><br>Body Text Herediv>div><i class="gr3">i><i class="gr2">i><i class="gr1">i>div>

My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://img208.imageshack.us/img208/5306/demogg.jpg

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

Content-Holder Box Floating Image Tutorial

Sun, 10 Mar 2013 07:41:45 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

<img src="DIRECT-IMAGE-URL" align="right"/>

Note: Change your image alignment from right to left by replacing the align="right" with align="left" in the above code.

Fella image link (the image that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc01.deviantart.net/fs70/f/2013/069/d/6/fella_by_cyphervisor-d5xk416.png

Background image that I've used for demo in this tutorial:
-----------------------------------------
Background link: [link]
by =TaNa-Jo

The blue content holder box

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

DD (Daily Deviation) Button

Sat, 02 Feb 2013 09:22:20 PST

______________________________________________________________________________________________________
»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

Without icon:
<div class="gmbuttonset"><a class="gmbutton2 gmbuttonholidays" href="URL">Daily Deviation Button<b>b>a>div>div>

With icon:
<div class="gmbuttonset"><a class="gmbutton2 gmbuttonholidays" href="URL"><i class="icon i37">i>DD Button (With bug?)<b>b>a>div>div>

How to customize icons?

Check this tutorial: [link]

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 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
______________________________________________________________________________________________________

GIFT button

Sat, 02 Feb 2013 09:12:25 PST

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:

<div class="thumb-holder"><a href="URL"><div class="gmhuge gmbuttonfestive"><b>b>div>a><br>div>

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 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
______________________________________________________________________________________________________

Magical Blue content-holder box

Sat, 12 Jan 2013 00:37:45 PST

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<div class="mi ppp" align="center">3>CONTENT HEADING HEREh3>r>r><div align="left">Body text here.

Box 2:

<div class="mi ppp">Body text here.

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

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

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

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 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

Yellow Content-holder box

Fri, 11 Jan 2013 13:51:33 PST

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<div class="gr-commissions gr-configbox"><div class="submit-warning" align="center">3>CONTENT HEADING HEREh3>r>r><div align="left">Body text here.

Box 2:

<div class="gr-commissions gr-configbox"><div class="submit-warning">Body text here.

NOTE:
1) In Super groups the background color of the box doesn't show up
2) You need to install the "Commission widget" in your profile to use this content-holder box.

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

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

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

Other similar boxes

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 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

Custom-box Background Tutorial

Wed, 23 Jun 2010 14:01:34 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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.

Spanish translation of this tutorial

SOURCE CODE:

<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/>div>div><div class="gr-box gr-genericbox"><br>Body text here..div>

CODE TO STRETCH IMAGE (It works as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :
---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the <img> tag of the code as shown below:

<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>

EXAMPLE:

<div class="popup2-moremenu"><div class="floaty-boat"><br><img width="1000" height="1600" src="URL"/>div>div><div class="gr-box gr-genericbox"><br>Body text here..div>

The blue content holder box

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

deviantID widget box customization tutorial

Wed, 13 Jun 2012 12:29:45 PDT

How to use ?

Just copy the source code(s) below and paste it in your deviantID-widget box in your profile page.

Video tutorial for this: [link]

Tutorial courtesy: *AllAmericanArtist

SOURCE CODE:

BLACK TEXT version
-----------------------------------------

r/>Background-image-url"/>
r/>r>r>r><a href="Deviation-URL">Deviation-image-link"/>
<b>:devYOUR_USERNAME:

<h3>YOUR NAME
Artist | Professional | Design & Interfaces
YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesettingr> industry. Lorem Ipsum has been the industry's standard dummyr> text ever since the 1500s, when an unknown printer took a galley of typer> and scrambled it to make a type specimen book. It has survived not only fiver> centuries, but also the leap into electronic typesetting, remaining essentiallyr> unchanged. It was popularised in the 1960s with the release of Letraset sheetsr> containing Lorem Ipsum passages, and more recently with desktop publishingr> software like Aldus PageMaker including versions of Lorem Ipsum.



r>r>r>r>r>r>r>r>r>r>r>

WHITE TEXT version
-----------------------------------------

r/>Background-image-url"/>
r/>r>r>r><a href="Deviation-URL">Deviation-image-link"/>
<b>:devYOUR_USERNAME:

YOUR NAME
Artist | Professional | Design & Interfaces
YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesettingr> industry. Lorem Ipsum has been the industry's standard dummyr> text ever since the 1500s, when an unknown printer took a galley of typer> and scrambled it to make a type specimen book. It has survived not only fiver> centuries, but also the leap into electronic typesetting, remaining essentiallyr> unchanged. It was popularised in the 1960s with the release of Letraset sheetsr> containing Lorem Ipsum passages, and more recently with desktop publishingr> software like Aldus PageMaker including versions of Lorem Ipsum.



r>r>r>r>r>r>r>r>r>r>r>

My background image link (the background that I've used for demo in this tutorial)
-----------------------------------------
http://fc05.deviantart.net/fs70/f/2012/155/a/d/bg2_by_cyphervisor-d529kxh.png

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
______________________________________________________________________________________________________

Deviation-box background tutorial

Sun, 27 Jun 2010 14:20:30 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" src="BACKGROUND-URL"/><br>div>div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/>a><br><br><br><b>DESCRIPTION TEXT HEREb>div>div>

CODE TO STRETCH IMAGE (It works also as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :
---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the <img> tag of the code as shown below:

<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>

EXAMPLE:

<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" width="1000" height="1600" src="BACKGROUND-IMAGE-URL"/><br>div>div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/>a><br><br><br><b>DESCRIPTION TEXT HEREb>div>div>

Semi Transparent Content-holder box Tutorial

Sun, 23 Dec 2012 03:20:20 PST

How to use ?

Just copy the source code(s) below and paste it in your deviantID-widget box in your profile page.

Step 1 :Get content-holder boxes from my gallery here: [link]

Step 2: Use "disabledbutton" property in your code:

White box example code in the tutorial:

<h3>CONTENT HEADING HERE<hr>r>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Light Blue box example code:

<h3>CONTENT HEADING HERE<hr>r>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Background image that I've used for demo in this tutorial:
-----------------------------------------
Background link: [link]
by =TaNa-Jo

How to use a content-holder box? Please read this Custom Box Tips n Tricks Journal

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? 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 to me as an appreciation or support.
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
______________________________________________________________________________________________________

Buy this Print buttons

Sat, 08 Dec 2012 06:46:02 PST

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:

<a href="URL" class="smbutton smbutton-holidize">

<a href="URL" class="print-rockit">

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Light Blue Content-holder box

Sun, 04 Nov 2012 00:46:54 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<h3>CONTENT HEADING HERE<hr>r>Body text here.

Box 2:

Body text here.

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

Other similar boxes

Thanks to =MoonSilhouette for notifying me about this box.

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 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

White Content-Holder Boxes

Sat, 01 Sep 2012 13:54:30 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<h3>CONTENT HEADING HERE<hr>r>Body text here.

Box 2:

Body text here.

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

Other similar boxes

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 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

Soft Black n White buttons

Sat, 01 Sep 2012 13:32:22 PDT

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:

<a href="URL">
I love my buttons very much

<a href="URL">
I love my buttons very much

More buttons

Find more here: [link]

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Warning Content-holder boxes (Red N Green body)

Sat, 28 Jul 2012 00:44:34 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i37">i><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br>Sub-heading herea>
Body text here.

Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i37">i>CONTENT HEADING HERE
Body text here.

Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i37">i><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br>Sub-heading herea>
Body text here.

Box 4:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i37">i>CONTENT HEADING HERE
Body text here.

How to customize icons?

Check this tutorial: [link]

Get the NORMAL warning content-holder box here

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 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

Blue Content-holder boxes

Sat, 21 Jul 2012 06:09:28 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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:

Blue Box 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i>Title heading here
Body text here.

Blue Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here
Body text here.

Blue Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i58">i>Title heading here
Body text here.

How to customize icons?

Check this tutorial: [link]

Get the Red and Green version here

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 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

Red and Green content-holder boxes

Fri, 20 Jul 2012 10:54:06 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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><i class="tri">i>Title heading here
Body text here.

Red Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here
Body text here.

Red Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i7">i>Title heading here
Body text here.

Green Box 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i>Title heading here
Body text here.

Green Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here
Body text here.

Green Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i17">i>Title heading here
Body text here.

How to customize icons?

Check this tutorial: [link]

Other variants

Get the BLUE version here

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 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

Shiny content-holder boxes v2

Sat, 07 Jul 2012 23:34:30 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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><i class="tri">i><i class="icon i41">i>Title heading here
Header text here..

Body text here.
<br /><br />

Green Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i>Title heading here
Header text here..

Body text here.
<br /><br />

Green Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here
Header text here..

Body text here.
<br /><br />

Red Box 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i19">i>Title heading here
Header text here..

Body text here.
<br /><br />

Red Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i>Title heading here
Header text here..

Body text here.
<br /><br />

Red Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here
Header text here..

Body text here.
<br /><br />

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 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

Shiny content-holder boxes v1

Sat, 07 Jul 2012 23:33:32 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i30">i>Title heading here

Body text here.
<br /><br />

Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i>Title heading here

Body text here.
<br /><br />

Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>Title heading here

Body text here.
<br /><br />

How to customize icons?

Check this tutorial: [link]

Shiny content-holder boxes (With RED and GREEN header bar)

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 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

Small wide Red n Special buttons (With icons)

Thu, 03 May 2012 15:26:47 PDT

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:

<a class="gmbutton2 gmbutton2r" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmbutton2 gmbutton2inv" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmhyper gmbutton2 gmbutton2ggr" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmbutton2 gmbutton2qn2r" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

How to customize icons?

Check this tutorial: [link]

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Small wide Grey buttons (With icons)

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Fella buttons v1

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

deviantID-box bckgrnd tutorial (OUTDATED)

Sat, 08 Jan 2011 14:12:45 PST

Please check the updated tutorial for deviantID widget customization below:

UPDATED TUTORIAL: deviantID widget box customization tutorial

Small wide Green buttons (With icons)

Sat, 10 Jul 2010 12:25:45 PDT

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:

<a class="gmbutton2 gmbutton2gg" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmbutton2 gmbutton2f" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmbutton2 gmbutton2g" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

<a class="gmbutton2 gmbutton2ggb" href="URL"><i class="icon i1">i>I love my buttons very much<b>b>

How to customize icons?

Check this tutorial: [link]

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

CUSTOM button ICON tutorial

Sat, 10 Jul 2010 12:13:08 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

CODE UPDATED: 01/05/2012

Where you can use these?

You can use these icons in the following button codes:

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 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

Unique BUTTONS with green text

Sat, 10 Jul 2010 12:06:22 PDT

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:

<a class="gmbutton2 gmbutton2s gmbutton2Reveal skinPickerButton" href="URL"><sup><em>I love my buttons<b>

<a class="gmbutton2 gmbutton2s gmbutton2Reveal skinPickerButton" href="URL"><i class="icon i1">i><sup><em>I love my buttons<b>

How to customize icons?

Check this tutorial: [link]

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 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

NEW button in Content-holder 2

Sat, 26 Jun 2010 23:48:00 PDT

USE THESE "CONTENT-HOLDER with NEW BUTTONS" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><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 i44">i><div class="thumb-holder cc-name"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources">CONTENT HEADING HEREa>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><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 class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb>/>Sub-heading herea>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><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 i29">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb>/>Sub-heading herea>div>div>div><div class="gr-wonkwonk">Visible to <b>my watchersb> only. <--You can edit it!div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

So now you've got your CONTENT-HOLDER BOX with NEW button!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
And don't ask me whats the use of these boxes!!
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

NEW button in Content-holder 1

Sat, 26 Jun 2010 23:06:06 PDT

USE THESE "CONTENT-HOLDER with NEW BUTTONS" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-genericbox"><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 i5">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><br>Sub-heading herea>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><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 i8">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br>Sub-heading herea>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" >a>span>div><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 i10">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br><b>Small-heading hereb>a>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

So now you've got your CONTENT-HOLDER BOX with NEW button!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
And don't ask me whats the use of these boxes!!
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

Orange content-holder box (Dark font)

Sun, 01 May 2011 10:06:17 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

CODE UPDATED: 25/07/2012

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 1:


<h3>CONTENT HEADING HERE<br><hr>hr><br><h3><font size="2">Body text here.

Box 2:


<h3><font size="2">Body text here.

NOTE:


<h3><font size="2">Body text here.

Orange content-holder box (Light font)

Other similar boxes

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 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

TRANSPARENT content-holder box

Sat, 26 Jun 2010 22:36:45 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<br><b>CONTENT HEADING HEREb><br><br>Body text here..
<br>

Box 2:

<br><b>CONTENT HEADING HEREb><br>
<br>Body text here..
<br>

Box 2:

<br>Body text here..
<br>

IMPORTANT! Please note!

You will get a "transparent box" if your profile do not contain the "Donation Poll" widget!!

Other similar boxes

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 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

Orange content-holder box (Light font)

Sun, 01 May 2011 09:50:26 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

CODE UPDATED: 25/07/2012

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 1:


<font size="4">CONTENT HEADING HERE<br><hr>hr><br><font size="2">Body text here.

Box 2:


<font size="2">Body text here.

NOTE:


<h3><font size="2">Body text here.

Orange content-holder box (Dark font)

Other similar boxes

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 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

BLUE content-holder box

Thu, 17 Jun 2010 01:58:34 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<br><b>CONTENT HEADING HEREb><br><br>Body text here..
<br>

Box 2:

<br><b>CONTENT HEADING HEREb><br>
<br>Body text here..
<br>

Box 2:

<br>Body text here..
<br>

IMPORTANT! Please note!

You will get a "transparent box" if your profile do not contain the "Donation Poll" widget!!

Other similar boxes

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 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

EXTRUDED content-holder box

Tue, 15 Jun 2010 07:11:38 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><b>CONTENT HEADING HEREb>
<br>Body text here..
<i class="gr3">i><i class="gr2">i><i class="gr1">i>

Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><b>CONTENT HEADING HEREb>
<br>Body text here..
<i class="gr3">i><i class="gr2">i><i class="gr1">i>

Box 3:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i>Body text here..
<i class="gr3">i><i class="gr2">i><i class="gr1">i>

Other similar boxes

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 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

FLAT content-holder box

Tue, 15 Jun 2010 06:58:01 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<b>CONTENT HEADING HEREb>
<br>Body text here..

Box 2:

<b>CONTENT HEADING HEREb>
<br>Body text here..

Box 3:

Body text here..

Other similar boxes

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 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

Fair Unfair buttons

Thu, 24 Jun 2010 23:52:43 PDT

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:

<a href="URL"><i class="gmhuge gmhugevotefair"> <b>b>i>

<a href="URL"><i class="gmhuge gmhugevoteunfair"> <b>b>i>

<a href="URL"><i class="gmhuge gmhugevotefair"> i>

<a href="URL"><i class="gmhuge gmhugevoteunfair"> i>

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Unique content-holder box 1

Fri, 18 Jun 2010 00:50:01 PDT

USE THESE "UNIQUE CONTENT-HOLDER BOX WITH 2 BUTTONS" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-headless "><i class="gr1"><i>i>i><i class="gr2 gt2"><i>i>i><i class="gr3 gt3"><i>i>i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor"><img src="http://st.deviantart.com/minish/contestbadge/valentine_badge.gif" />div><div class="contestinfo cc-name">Content Heading here..div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b>b>i>a>div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b>b>i>a>div>div>div><div class="gr gr-withbadge"><div class="pp">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb gb1">i>div>div>div>div>

<div class="gr-box gr-headless "><i class="gr1"><i>i>i><i class="gr2 gt2"><i>i>i><i class="gr3 gt3"><i>i>i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor">:ICONUSERNAME:div><div class="contestinfo cc-name">Content Heading here..div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b>b>i>a>div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b>b>i>a>div>div>div><div class="gr gr-withbadge"><div class="pp">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb gb1">i>div>div>div>div>

<div class="gr-box gr-headless "><i class="gr1"><i>i>i><i class="gr2 gt2"><i>i>i><i class="gr3 gt3"><i>i>i><div class="gr-body"><div class="gr contestbadge"><div class="sponsor"><img src="YOUR IMAGE LINK" />div><div class="contestinfo cc-name">Content Heading here..div><div class="buttons" align="right"><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2r">LINK-1<b>b>i>a>div><br><div class="thumb-holder"><a href="URL"><i class="gmbutton2 gmbutton2g">LINK-2<b>b>i>a>div>div>div><div class="gr gr-withbadge"><div class="pp">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb gb1">i>div>div>div>div>}
-------------------
Tutorial here :

-------------------
So now you've got your NESTED UNIQUE CONTENT-HOLDER BOX WITH 2 BUTTONS!
BUT HOW TO CUSTOMIZE THE ICONS??

In the 2nd box you can use your user-icons of anyone in dA. Just replace the:ICONUSERNAME:

In the 3rd box you can see custom icon there right! Its very easy to change the icon there...You just need an IMAGE LINK to put in the third style.Replace the text "YOUR IMAGE LINK" with your link. Example : http://www.xyz.com/Myicon.png
TIP : use small .png images for your icons!
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

GOLDEN TOP content-holder box

Tue, 15 Jun 2010 07:28:32 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<div class="gr-box gr-configbox "><i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><div class="gr-body"><div class="gr pp"><div align="left"><B>CONTENT HEADING HEREB><br/> <sup>Sub-heading heresup>div><br>Body text here..div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb1">i>div>

Box 2:

<div class="gr-box gr-configbox "><i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><div class="gr-body"><div class="gr pp"><div align="center"><B>CONTENT HEADING HEREB><br/> <sup>Sub-heading heresup>div><br>Body text here..div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb1">i>div>

Box 3:

<div class="gr-box gr-configbox "><i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><div class="gr-body"><div class="gr pp"><div align="right"><B>CONTENT HEADING HEREB><br/> <sup>Sub-heading heresup>div><br>Body text here..div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb1">i>div>

Box 4:

<div class="gr-box gr-configbox "><i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><div class="gr-body"><div class="gr pp"><br>Body text here..div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb1">i>div>

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 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

WHITE TOP content-holder box

Thu, 17 Jun 2010 12:06:08 PDT

Yes No button

Wed, 16 Jun 2010 13:49:51 PDT

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:

<a href="URL"><i class="gmhuge gmvoteyes"><b>b>i>

<a href="URL"><i class="gmhuge gmvoteno"><b>b>i>

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

DA style header background

Thu, 17 Jun 2010 03:23:57 PDT

USE THESE "UNIQUE RED N GREEN Backgrounds" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

WARNING : Do not use the styles together!! They won't work together!!

^{<div class="popup2-moremenu">/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b>b>i><i class="c tr"><b>b>i><div class="cc-name">Heading text here..div><sub><b>Sub-heading here..b>sub>a>div>div><br><br><br>Body text here..

<div class="popup2-moremenu">/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b>b>i><i class="c tr"><b>b>i><div class="cc-name">Heading text here..div>a>div>div><br><br>Body text here..}

-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

DA style content-holder box

Thu, 17 Jun 2010 02:41:41 PDT

USE THESE "UNIQUE DA style CONTENT-HOLDER BOX" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl">i><i class="c tr">i><div align="center"><b>CONTENT HEADING HEREb>div><br>Body text here..div>

<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl">i><i class="c tr">i><br>Body text here..<br><br>div>}

-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

UNIQUE RED N GREEN Backgrounds

Wed, 16 Jun 2010 13:21:43 PDT

USE THESE "UNIQUE RED N GREEN Backgrounds" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

WARNING : Do not use the first two styles together!! They won't work together!!

^{<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="subscription_pitch has_subscription">Header text here..div>a>div><br/>
Body text here..

<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="subscription_pitch no_subscription">Header text here..div>a>div><br/>
Body text here..

<div class="subscription_pitch has_subscription">Header text here..div>

<div class="subscription_pitch no_subscription">Header text here..div>}

-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

Content-holder ICON tutorial

Wed, 16 Jun 2010 03:25:20 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

CODE UPDATED: 01/05/2012

Where can you use these?

You can use these icons in the following content-holder boxes:

Content-holder with SUB-LINKS1

Wed, 16 Jun 2010 21:44:40 PDT

USE THESE "CONTENT-HOLDER BOX WITH SUB-LINKS" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-genericbox"><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 class="thumb-holder cc-name">CONTENT HEADING HEREdiv>div>div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">  <a href="URL">LINK-1a>  div><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">  <a href="URL">LINK-2a>  div><div class="thumb-holder">  <a href="URL">LINK-3a>  div>div>div>div>div><div class="gr pp"><div class="hh alink"><span class="shadow-holder"><span class="mild shadow">span><br/>Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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">CONTENT HEADING HEREdiv>div>div>div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">  <a href="URL">LINK-1a>  div><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">  <a href="URL">LINK-2a>  div><div class="thumb-holder">  <a href="URL">LINK-3a>  div>div>div>div>div><div class="gr pp"><div class="hh alink"><span class="shadow-holder"><span class="mild shadow">span><br/>Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

WARNING : You might face a problem while using these codes. Your body text may get out of the box if you type in a long line!! If that happens then press "enter in your keyboard" where the text should end or you may use the <br> tag to break the line!

NOTE ME IF YOU GET ANY PROBLEMS!!

-----------------------------------------------------------------------------
MORE VERSIONS OF THIS UNIQUE BOX IS COMING SOON!!
-----------------------------------------------------------------------------

So now you've got your NESTED CONTENT-HOLDER BOX WITH SUB-LINKS!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

ADMIN's content-holder box

Wed, 16 Jun 2010 07:44:51 PDT

USE THESE "CONTENT-HOLDER BOXES" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-genericbox"><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 i29">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br/>Sub-heading herea>div>div>div><div class="gr-wonkwonk">Visible to <b>my watchersb> only. <--You can edit it!div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br/>Sub-heading herea>div>div>div>div><div class="gr-wonkwonk">Visible to <b>my watchersb> only. <--You can edit it!div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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 i15">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br/><b>Small-heading hereb>a>div>div>div><div class="gr-wonkwonk">Visible to <b>my watchersb> only. <--You can edit it!div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br/><b>Small-heading hereb>a>div>div>div>div><div class="gr-wonkwonk">Visible to <b>my watchersb> only. <--You can edit it!div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

So now you've got your NESTED WARNING CONTENT-HOLDER BOX!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

WARNING content-holder box

Tue, 15 Jun 2010 22:30:33 PDT

USE THESE "CONTENT-HOLDER BOXES" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-configbox"><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 class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br/>Sub-heading herea>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br/>Sub-heading herea>div>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><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 i21">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb>a>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb>a>div>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><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 i30">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br/><b>Small-heading hereb>a>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-configbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br/><b>Small-heading hereb>a>div>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

So now you've got your NESTED WARNING CONTENT-HOLDER BOX!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

NESTED content-holder box 2

Tue, 15 Jun 2010 14:24:49 PDT

»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 1:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i45">i>CONTENT HEADING HERE
Body text here..
<i class="gr3">i><i class="gr2">i><i class="gr1">i>

Box 2:

<i class="gr1"><i>i>i><i class="gr2"><i>i>i><i class="gr3"><i>i>i><i class="tri">i><i class="icon i52">i>CONTENT HEADING HERE
Body text here..
<i class="gr3">i><i class="gr2">i><i class="gr1">i>

How to customize icons?

Check this tutorial: [link]

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 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

NESTED content-holder box 1

Tue, 15 Jun 2010 14:09:12 PDT

USE THESE "CONTENT-HOLDER BOXES" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!

_{AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!}
---------------------
SOURCE CODE:

^{Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need!}

^{<div class="gr-box gr-genericbox"><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 i1">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br>Sub-heading herea>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HEREb><br>Sub-heading herea>div>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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 i20">i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br><b>Small-heading hereb>a>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>

<div class="gr-box gr-genericbox"><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"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b> b><br><b>Small-heading hereb>a>div>div>div>div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..div>div>div><i class="gr3 gb">i><i class="gr2 gb">i><i class="gr1 gb">i>div>}

So now you've got your NESTED CONTENT-HOLDER BOX!
BUT HOW TO CUSTOMIZE THE ICONS??

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
Please support me by giving me subscription or if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.

deviantART: gallery:somrat/25553818

Buttons as Content-Holder boxes

How to use ?

SOURCE CODE:

NOTE:

Other similar boxes

Want to customize your profile more?

Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Custom CHAT BOX

How to use ?

SOURCE CODE:

Example:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Mini Youtube Player embeddable code

How to use ?

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Content-Holder Background tutorial

How to use ?

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Content-Holder Box Floating Image Tutorial

How to use ?

SOURCE CODE:

The blue content holder box

Other Content-holder boxes: [link]

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

DD (Daily Deviation) Button

How to use ?

SOURCE CODE:

How to customize icons?

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

GIFT button

How to use ?

SOURCE CODE:

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Magical Blue content-holder box

How to use ?

SOURCE CODE:

Other content-holder boxes

Want to customize your profile more?

Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Yellow Content-holder box

How to use ?

SOURCE CODE:

Other similar boxes

Want to customize your profile more?

Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Custom-box Background Tutorial

How to use ?

Spanish translation of this tutorial

SOURCE CODE:

Other tutorials

The blue content holder box

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

deviantID widget box customization tutorial

How to use ?

Video tutorial for this: [link]

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Deviation-box background tutorial

How to use ?

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Semi Transparent Content-holder box Tutorial