Solved

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

Posted on 2011-09-28
2
216 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
I can't get this footer to "stick" to the bottom! Why not? 4 30
Capture logon name 13 73
Wrapper for APPs 9 76
sharepoint list help 2 27
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

770 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