Solved

SharePoint: I how to create a custom dropdown style for css?

Posted on 2011-09-28
2
215 Views
Last Modified: 2012-08-14
Hello. I know how to create a custom drop-down style (ribbon), but how can I do the same with css styles?
0
Comment
Question by:tolppa
2 Comments
 
LVL 1

Author Comment

by:tolppa
ID: 36812890
Drop-down style = user can select hyperlink style using drop-down menu in ribbon.
0
 
LVL 16

Accepted Solution

by:
SSupreme earned 250 total points
ID: 36818975
The core for drop-down menu  are
:hover and display attribute.
for example:
li ul {display:none;}
li:hover ul (display: block;}
What is does, at start secondary ul is not displayed, but when you hover li as button, rules applies attribute to secondary ul and makes it appear.
Then you can style your li s and a s as you wish by using standard options, like color, font, border, position, etc.
0

Featured Post

Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Unwanted gap in IE11 between header and menu 9 20
Add Context Menu Item 4 45
Put shading on half of picture 8 28
push logos in footer up higher 5 13
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now