Shop Mobile More Submit  Join Login
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
:iconcyphervisor:
CypherVisor Featured By Owner 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 Featured By Owner Sep 30, 2012  Hobbyist General Artist
...I don't understand it that much sorry ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 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 Featured By Owner Oct 30, 2012  Hobbyist General Artist
hehe yeah, maybe ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 3, 2012
;P
Reply
:iconchinzapep:
ChinZaPep Featured By Owner Aug 4, 2012  Student Digital Artist
There is something wrong with this...the first link is lower than the second and the third. Is this just my computer, or does the code need to be tweaked?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 5, 2012
Okay, I'll check it out. :thanks: I've received your note too. :aww:
Reply
:iconchinzapep:
ChinZaPep Featured By Owner Aug 6, 2012  Student Digital Artist
^^ Thank you! :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 10, 2012
You're welcome! :hug:
Reply
:iconchinzapep:
ChinZaPep Featured By Owner Aug 13, 2012  Student Digital Artist
:huggle:
Reply
:iconastrikos:
Astrikos Featured By Owner Jun 19, 2012   General Artist
I use this! Love it!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 19, 2012
Great! :thumbsup:
Reply
:iconastrikos:
Astrikos Featured By Owner Jun 20, 2012   General Artist
yay! :la:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 20, 2012
:D
Reply
:iconcloverwing:
CloverWing Featured By Owner Apr 15, 2012
Is it possible to add a background be hind the menu/content area?...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 30, 2012
Nope.
Reply
:iconangelaleonetti:
AngelaLeonetti Featured By Owner Oct 1, 2011  Hobbyist Photographer
I am having some trouble I am trying to add more than three links and I am not sure what part of the code makes the little dots between the links.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 30, 2012
This one...
<div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">&nbsp;&nbsp;<a href="URL">LINK-2</a>&nbsp;&nbsp;</div>
Reply
:iconrenkotsuki:
renkotsuki Featured By Owner Sep 23, 2011  Student
I have one problem, the first link (LINK 1) shows too down compared to the others, what could it be the problem? D:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 30, 2012
I've just checked it and its working fine.. :|
Reply
:iconrenkotsuki:
renkotsuki Featured By Owner May 4, 2012  Student
Oh sorry;;
That message is from Sep 23, 2011 XD So I guess it works now! Even if I don't use it anymore c: Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 5, 2012
Haha.. ok :P
Reply
:iconkiki-the-cat:
kiki-the-cat Featured By Owner Oct 17, 2011
I had the same problem

<div class="gr-box gr-genericbox"><div class="gr-top"><div class="gr"><div align="center"><div class="thumb-holder cc-name">CONTENT HEADING HERE<div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink"><div class="thumb-holder alink"><div class="bb-with-sep thumb-holder">  LINK-1  <div class="bb-with-sep thumb-holder">  LINK-2  <div class="thumb-holder">  LINK-3  <div class="gr pp"><div class="hh alink">



Stuff goes here





</div></div></div></div>

That code should fix that problem
Reply
:iconrenkotsuki:
renkotsuki Featured By Owner Oct 17, 2011  Student
Wow thank you so much :D
Reply
:iconbubblesfizz:
bubblesfizz Featured By Owner Sep 2, 2011  Hobbyist Digital Artist
is there a way to customise the colour of the content holders? I want a purple one and have been using your button [link] for it, but the button doesn't hold image or text links in it OTL
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 30, 2012
No. Its not possible.
Reply
:iconbubblesfizz:
bubblesfizz Featured By Owner Apr 30, 2012  Hobbyist Digital Artist
ok ^^
Reply
:iconspring-sky:
spring-sky Featured By Owner Jun 23, 2010  Hobbyist Digital Artist
Can you make one with the (DD) mark instead of the blue ribbon in the top bar?

DD mark I mean the yellow rectangle with the red heart in the middle as you can see in the daily-deviation badges.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 23, 2010
Umm... I'm not sure because that kinda ICON is not available in deviantART website. But'll try and see whether I can put my own image i.e. the DD image there... :aww:
Reply
:iconspring-sky:
spring-sky Featured By Owner Jun 23, 2010  Hobbyist Digital Artist
Thanks alot. :love:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 23, 2010
You're welcome again! :dance:
Reply
Add a Comment:
 
×




Details

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

Stats

Views
9,490
Favourites
364 (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.
×