[x]

Browse More Like This

Shop Similar Prints
This Print Not Available more ▶

More from `CypherVisor

View Gallery

Featured in Groups:

#eCSSited
a place for all your CSS needs

#WeArePopular
Just popular works

#All-Art-Wanted
Every ART accepted

Details

Submitted: June 18, 2010
Image Size: 39.9 KB
Resolution: 420×517

Link

Thumb

Statistics

Comments: 114
Favourites: 736 [who?]
Views: 17,271 (3 today)

License

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

[x]

Unique content-holder box 1by `CypherVisor

deviantART Related / Devious Fun

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.

love 1 1

joy 1 1

~~wow 0 0~~

~~mad 0 0~~

~~sad 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

=fluf-studios Mar 6, 2013 Student General Artist

I'm just curious, but can you add an/ additional button/s to a single box? Or can there only be 2?

`CypherVisor Mar 9, 2013

Probably there can be another one. I did not try it actually.

=Creeeeeep Feb 2, 2013 Hobbyist General Artist

is there a way to change the grey background?

I know how to change the button color XD

Just not sure if you can change the grey.

`CypherVisor Feb 6, 2013

You can actually but that would requite lot of code changes.

=Creeeeeep Feb 6, 2013 Hobbyist General Artist

Its alrigh, Haha I've gotten over it being slightly a different color -has OCD-

`CypherVisor Feb 7, 2013

Okay..

~ZhaneAugustine Aug 13, 2012 Hobbyist Writer

very nice

`CypherVisor Aug 14, 2012

Thanks...

~ZhaneAugustine Aug 18, 2012 Hobbyist Writer

welcome

=Fyuvix Jun 2, 2012 Professional Digital Artist

I can't seem to get the custom image to pop up for mine. It's always blank. I used the third box, and replaced the YOUR IMAGE LINK with my image link from photobucket, it's 100x100px jpg and won't show up...
This is very cool by the way! As are all your resources! Very easy to read and follow too!

More from `CypherVisor

Featured in Groups:

Details

Statistics

License

Unique content-holder box 1by `CypherVisor

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style