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
19,811 (2 today)
Favourites
841 (who?)
Comments
128

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:
 
:iconendorell-taelos:
: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
:iconendorell-taelos:
And how would you make the actual header a link? 
Reply
:iconcyphervisor:
Sent you a note check. :)
Reply
:iconendorell-taelos:
Which part or parts of the code do you have to remove in order to take the buttons out and make the title/header one big line instead of two?  :)
Reply
:iconcyphervisor:
I have sent you the code for it. However, it won't give you the perfect effect.

Also to get a hyperlink for the header, just use the <a> tag for your header as follows:

<a href="URL">Content Heading here..
Reply
:iconendorell-taelos:
Oh alright.  Yeah, it's not like it was before just with the buttons taken out. thanks anyway :(
Reply
:iconkat754:
kat754 Oct 3, 2013  Hobbyist General Artist
Is there way to change the button title so the huge link doesn't overwhelm the box? 
There probably is, I'm just really stupid xD
Mine does this :
Reply
:iconcyphervisor:
You can customize the title by changing it in the code. However, I guess you have removed it from your profile now coz I couldn't find it.
Reply
Add a Comment: