deviant art

Deviant Login
Buy Art Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Shop Similar Prints
This Print Not Available more ▶

More from `CypherVisor

Featured in Groups:

:iconecssited: #eCSSited
a place for all your CSS needs

Details

June 16, 2010
15.1 KB
425×419
Link
Thumb

Statistics

Comments: 35
Favourites: 291 [who?]


Views: 6,855 (1 today)

License

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


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:
 
Preview   Add Comment
:iconlisajennifer:
*LisaJennifer 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 May 8, 2013
Is it? :O

Well, i just checked it and found that it is working completely fine. :hmm:
Reply
:iconlisajennifer:
*LisaJennifer May 15, 2013
That's strange. Maybe it's just my browser then?
Reply
:iconcyphervisor:
`CypherVisor May 15, 2013
Hmm..maibey. Try it in other browser. :thanks:
Reply
:icontruth-lely-gaia:
*Truth-Lely-Gaia 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
:iconcyphervisor:
`CypherVisor Sep 30, 2012
There's no such trick as such in it. Just use an image in the box anywhere (top, mid or bottom) which has higher width and voila you'll see the box widths also increased! :D
Reply
:icontruth-lely-gaia:
*Truth-Lely-Gaia Sep 30, 2012  Hobbyist General Artist
...I don't understand it that much sorry ^^;
Reply
:iconcyphervisor:
`CypherVisor Oct 30, 2012
:giggle:

I need to make a tutorial for you I suppose then you'll understand... :lol:
Reply
:icontruth-lely-gaia:
*Truth-Lely-Gaia Oct 30, 2012  Hobbyist General Artist
hehe yeah, maybe ^^;
Reply
:iconcyphervisor:
`CypherVisor Nov 3, 2012
;P
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy