Shop Mobile More Submit  Join Login
Page Menu by PizzaPotatoNBacon Page Menu by PizzaPotatoNBacon

: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.
Add a Comment:
 
:iconbiirdi:
Biirdi Featured By Owner Nov 1, 2014  Hobbyist Digital Artist
Ohmygoodness
can I say this is the most amaze thing ever thank you thank you omg I have been trying to figure this out for AGES
How do you change the colour of the writing, though? Can you change it when its highlighted?
Reply
:icontmntiluvpizza:
TMNTiluvpizza Featured By Owner Jun 24, 2014  Student General Artist
can you explain how to add links?... 
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jun 25, 2014  Student General Artist
See the "<a href="">Item</a>"'s in the description? Put your link between the quotes (<a href="LINK"></a>). :D
Reply
:icontmntiluvpizza:
TMNTiluvpizza Featured By Owner Jun 25, 2014  Student General Artist
Thank you!
Reply
:iconladny:
ladny Featured By Owner Jun 4, 2014
This may be a stupid question but could the menu also collapse? ;w;  Like if you hover over the heading and a drop down kind of menu?
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jun 4, 2014  Student General Artist
I'm afraid not. :no: That requires another good amount of coding, and this was plucked out of dA's own code. =P (And don't worry, that was not a stupid question at all. :icontouchplz:)
Reply
:iconpaachi:
paachi Featured By Owner Jan 26, 2014
Love this tutorial!
I was wondering if it was possible to show an image on the side after hovering over a text/link (or maybe even another image @__@ )?
Reply
:iconmichiyo--chan:
Michiyo--Chan Featured By Owner Dec 8, 2013  Hobbyist Digital Artist
This is very useful! Thank you! ;v;
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Dec 8, 2013  Student General Artist
Thanks. :hug: Glad you like it. :D
Reply
:icondaniaarts:
DaniaArts Featured By Owner Sep 25, 2013   Digital Artist
Thank you :heart:
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Sep 27, 2013  Student General Artist
:huggle:
Reply
:iconvulcan-h0ruseus:
VULCAN-H0RUSEUS Featured By Owner Jul 31, 2013  Hobbyist Interface Designer
how do you make the menu like =SimplySilent on the top?
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Ah! Her menu is a fancy menu made via a special technique using a journal skin and some of her CSS magic. :) She does not use this page menu at all- she has her own kind of page menu that she made from scratch. :B (I could make one myself, since I know how to code CSS.)

This special technique will be taught in a tutorial being made by `CypherVisor! If you want a much fancier menu than this one, you can watch him and wait until he uploads it. :D
Reply
:iconvulcan-h0ruseus:
VULCAN-H0RUSEUS Featured By Owner Jul 31, 2013  Hobbyist Interface Designer
^^ okay
Reply
:icontana-jo:
TaNa-Jo Featured By Owner Jul 31, 2013  Hobbyist General Artist
Pretty nice c:
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Thank you! :hug:
Reply
:iconpenis-jam:
Penis-Jam Featured By Owner Jul 31, 2013  Student General Artist
You're the reason I'm trying to get a premium membership.  Look at what you did, Fluffie.
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
:X Sorry... I just found this neat thingamadoodle and I wanted to share it so, so, so, BAD. =P
Reply
:iconpenis-jam:
Penis-Jam Featured By Owner Jul 31, 2013  Student General Artist
*crais* ;~;
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
I just found out- you can use this even if you're a non-PM! :O
Reply
:iconpenis-jam:
Penis-Jam Featured By Owner Jul 31, 2013  Student General Artist
Well I have no room on my page... So either way: *crais* XD
Reply
:iconmiontre:
miontre Featured By Owner Jul 31, 2013  Hobbyist Photographer
Cool :meow:
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Thanks! :hug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 31, 2013
Awesome! :la:
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Thank you! :hug:
Reply
:iconastrikos:
Astrikos Featured By Owner Jul 31, 2013   General Artist
Look atchu! This rocks!

Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Thank you! :hug:
Reply
:iconastrikos:
Astrikos Featured By Owner Jul 31, 2013   General Artist
:heart:
Reply
:iconh0ly-gh0st:
H0ly-Gh0st Featured By Owner Jul 31, 2013  Hobbyist General Artist
I tested it,and it kind of works for non-premium members too
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Really! Sweet- does it work on widgets like the deviantID and Featured Deviations, etc? :excited:
Reply
:iconh0ly-gh0st:
H0ly-Gh0st Featured By Owner Jul 31, 2013  Hobbyist General Artist
I tested and it work in ID fine,and probably works every-like where too.
Reply
:iconblack-sweater:
Black-Sweater Featured By Owner Jul 31, 2013  Hobbyist Digital Artist
Oh my gerd so much choices XD
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
:giggle:
Reply
:iconblack-sweater:
Black-Sweater Featured By Owner Jul 31, 2013  Hobbyist Digital Artist
pff hhhaha XDD
Reply
:iconsavagefrog:
SavageFrog Featured By Owner Jul 31, 2013  Hobbyist General Artist
Shouldn't this be in DA related Fluf so that more people can see it?
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Not sure! :hmm: I'm copying `CypherVisor's placement of his resources in this category.
Reply
:iconsavagefrog:
SavageFrog Featured By Owner Jul 31, 2013  Hobbyist General Artist
Ah~so you're showing how to set it up more or less?
Reply
:iconpizzapotatonbacon:
PizzaPotatoNBacon Featured By Owner Jul 31, 2013  Student General Artist
Of course. :meow: This is a slightly complex page thingamajig, so it needs a little bit of an explanation. :)
Reply
:iconsavagefrog:
SavageFrog Featured By Owner Jul 31, 2013  Hobbyist General Artist
Coding's always complicated. XD
Reply
Add a Comment:
 
×




Details

Submitted on
July 31, 2013
Image Size
17.5 KB
Resolution
400×817
Link
Thumb
Embed

Stats

Views
4,279 (10 today)
Favourites
262 (who?)
Comments
39
Downloads
5
×