Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 16, 2010
Image Size
15.1 KB
Resolution
425×419
Link
Thumb
Embed

Stats

Views
8,451
Favourites
334 (who?)
Comments
40

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Content-holder with SUB-LINKS1 by CypherVisor Content-holder with SUB-LINKS1 by CypherVisor


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 HERE</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">&nbsp;&nbsp;<a href="URL">LINK-1</a>&nbsp;&nbsp;</div><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">&nbsp;&nbsp;<a href="URL">LINK-2</a>&nbsp;&nbsp;</div><div class="thumb-holder">&nbsp;&nbsp;<a href="URL">LINK-3</a>&nbsp;&nbsp;</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 HERE</div></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">&nbsp;&nbsp;<a href="URL">LINK-1</a>&nbsp;&nbsp;</div><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">&nbsp;&nbsp;<a href="URL">LINK-2</a>&nbsp;&nbsp;</div><div class="thumb-holder">&nbsp;&nbsp;<a href="URL">LINK-3</a>&nbsp;&nbsp;</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!! :D

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

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

GO HERE TO SEE THE TUTORIAL : [link]
-------------------
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:
 
:iconcyancanine:
CyanCanine Featured By Owner Jun 23, 2013  Hobbyist General Artist
I used this for a social media bar, but I didn't want the heading or the content box. I played with it for a while and got this

  LINK-1  
  LINK-2  
  LINK-3  


So for those the just want the bar with links, here you go.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 24, 2013
Well, I see what have you done in your page. It is quite nice. Btw, the links that you have provided aren't work. :)
Reply
:iconcyancanine:
CyanCanine Featured By Owner Jun 24, 2013  Hobbyist General Artist
*gasp* All of them?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 25, 2013
Yeah.. :hmm:
Reply
:iconcyancanine:
CyanCanine Featured By Owner Jun 23, 2013  Hobbyist General Artist
God Dangit! never mind... I made it work on my profile...
Reply
:iconlisajennifer:
LisaJennifer Featured By Owner May 4, 2013
I've noticed the first link's text is lower than the second two.
Is there a way to fix this?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 8, 2013
Is it? :O

Well, i just checked it and found that it is working completely fine. :hmm:
Reply
:iconlisajennifer:
LisaJennifer Featured By Owner May 15, 2013
That's strange. Maybe it's just my browser then?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 15, 2013
Hmm..maibey. Try it in other browser. :thanks:
Reply
:icontruth-lely-gaia:
Truth-Lely-Gaia Featured By Owner Sep 26, 2012  Hobbyist General Artist
I got a question for maybe all the custom box icons you've made. Where you can type texts in it like this one here where I've comment.

How do you make then longer like this user has it on her ID custom box profile? [link]
It would be handy to know cause maybe my own ID custom box will look much better

So, do you know how to make it bigger, with some code maybe?
Reply
Add a Comment: