PizzaPotatoNBacon on DeviantArthttps://www.deviantart.com/pizzapotatonbacon/art/Page-Menu-389650536PizzaPotatoNBacon

Deviation Actions

PizzaPotatoNBacon's avatar

Page Menu

Published:
9.9K Views

Description

:star: Can be used by all! :star:



For Premium Members and Super Groups: Paste the code below on any widget you desire to put it on. :flirt:

For Regular Members: Paste the code into one of default widgets/ widgets available to all users. Widgets such as your deviantID, Featured Deviation, Newest Deviations, etc.


Hello, everyone! :wave: I have something new for you guys to use on your profiles! :la:

I present to you all, a new kind of menu! :w00t: Now, you can have much more fancier menus on your profile- hover over an item, and you'll see why! :dummy: You can also "highlight" a certain item, as if it was "selected". :eyes:

Of course, you can't customize the colors, and you can make much more advanced and fancier page menus with a certain technique (I suggest :+devwatch:ing `CypherVisor for a tutorial on this technique ;)), but said technique requires a lot more skill and tinkering. :P :cough: In other words, you need at least basic knowledge of Journal CSS to be able to make yourself a fancier menu than the one offered here. :hmm:



The Code:



<div class="gallery-categories browse-facet">
<ul>
<li><a href="" class="selected">Highlighted Item</a></li>
<li><a href="">Item</a></li>
<li><a href="">Item</a></li>
</ul>
<div class="noncollapseHeader"><b>Header Here</b></div>
<ul>
<li><a href="">Item</a></li>
<li><a href="">Item</a></li>
<li><a href="">Item</a></li>
<li><a href="">Item</a></li>
</ul>
</div>

:bulletgreen: There is no limit to the amount of list items you can use. :D Don't use more than you need, though! ;)
:bulletgreen: If you want more headers, add another "<div class="noncollapseHeader"><b>Header Here</b></div>" in between lists! :la:
:bulletgreen: If you want to separate lists, make sure to end it with a "</ul>". :nod:
:bulletgreen: There is no limit to the amount of list items you can "highlight!" :) To highlight a list item, add "class="selected"" to "<a href="">". Example: <a href="" class="selected">List Item to be highlighted

If you have any questions, feel free to ask me! :w00t:



Tumblr | Twitter | My gallery



This Custom Box Resource is free to use for all. :aww:

Posted on July 31, 2013 9:08 PM PHT.

Resource provided by Me, `fluf-studios, Alex R.
Image size
400x817px 17.51 KB
© 2013 - 2024 PizzaPotatoNBacon
Comments40
Join the community to add your comment. Already a deviant? Log In
ferriish's avatar
Should I credit you? If you said it in the description I have to credit I might have missed it but do I have to credit you? I would be happy to do so!