Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 18, 2010
Image Size
39.9 KB
Resolution
420×517
Link
Thumb
Embed

Stats

Views
20,437
Favourites
861 (who?)
Comments
137

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Unique content-holder box 1 by CypherVisor Unique content-holder box 1 by CypherVisor


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! :D
BUT HOW TO CUSTOMIZE THE ICONS??

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

:bulletorange: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 :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Add a Comment:
 
:iconrose-desu:
Rose-Desu Featured By Owner Jul 9, 2014  Hobbyist Digital Artist
Thanks greatly for this
your resources are highly useful ^^
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
Thanks :)
Reply
:iconkawaii-kaguyahime:
Kawaii-KaguyaHime Featured By Owner Jun 20, 2014  Student Digital Artist
This sounds very convenient!
I wonder if people used the 2nd box style to feature other people...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
May be. :)
Reply
:iconpastel-bunbun:
Pastel-BunBun Featured By Owner Apr 23, 2014  Hobbyist Digital Artist
Any idea how I can change the icon, or title of a widget on my profile?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 24, 2014
You can change the icon by replacing the imagelink in the <img src= tag

or by changing the :iconUSERNAME:

And to change the title replace the Content Heading here.. text with yours
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Apr 13, 2014   General Artist
:B Remember the questions I sent you back in December about this box and how to to modify it to have no buttons and make the title a link? I managed to do it! :dummy:  The only thing I am a bit iffy about is now how to make the title expand the width of the header box. :lol:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 20, 2014
I am sorry, but did I reply? I forgot ^^;

The title has got a problem with the code that is being used. It makes the title space of fixed width. I didn't give it a check so I don't know what alternative could be used for this. =P
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Apr 20, 2014   General Artist
I had forgotten too!

Oh, I see.  
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 20, 2014
:)
Reply
Add a Comment: