Change Quick lunch Style using CSS



1. Add Webpart HTML Form Webpart in the page you want to change style.
2. Add this script css below in HTML Form Webpart :

<style>
/* |--------- Quicklaunch -----------| */
.s4-ql ul.root ul {
margin-bottom:5px;
}
/* Outher nav element */
#s4-leftpanel-content{
background-color:#eeeee!important;
border:1px #d8d6d7 solid!important;
border:0px!important
}
/* Inner nav element */
.menu-vertical {
padding-right:10px!important;
padding-left:10px!important;
}
/* Inner Inner nav element */
.menu-vertical > ul.root {
padding-top:3px;
}
/* mainlinks (Header) */
.menu-vertical > ul.root > li.static > .menu-item{
border-bottom:1px #555 solid!important;
padding:1px 1px 1px 0px!important;
color:#3c4fgb!important;
font-weight:bold;
}
/* Sublinks */
.menu-vertical > ul.root > li.static > ul.static  {
margin-top:5px; margin-bottom:5px;
}
.menu-vertical > ul.root > li.static > ul.static > li.static > a > span > span {
margin-top:2px
}
/* Selected */
.menu-vertical > ul.root > li.selected > a {
background-color:transparent!important;
border:0px; margin:0px; padding:0px;
}
.menu-vertical > ul.root > li.static > ul.static > li > a.selected {
background-image:none!important;
background-color:transparent;
color:Green!important;
border:0px; margin-top:1px;
}
/* no border for the QL when no links */
.s4-specialNavLinkList {
border:0px
}
/* Liststyle square */
.s4-ql ul.root ul > li  {
padding-top:0px;
background-image:url('/sites/ProTest/LT/LS1/sp2010tmplt/sa/Arrow-Right.png');
background-repeat:no-repeat;
background-position:0.0em;
}
/* Liststyle square links */
.s4-ql ul.root ul > li > a {
display: inline-block!important;
padding-top:0px;
padding-bottom:0px!important;
padding-left:0px!important;
margin-left:16px;
vertical-align:top!important;
}
</style>

3. After you copy the css script close text editor and then save.  J

Komentar

Posting Komentar

Postingan populer dari blog ini

You cannot view a list in Datasheet view on a SharePoint

You cannot view a list in Datasheet view on a SharePoint website after you install the 64-bit version of Microsoft Office 2010.  When you click  Actions  and then click  Edit in Datasheet  on a SharePoint 2003 or 2007 site, or you click the  List  tab and then click  Datasheet view  on a SharePoint 2010 site, you receive the following error message: The list cannot be displayed in Datasheet view for one or more of the following reasons: A datasheet component compatible with Microsoft SharePoint Foundation is not installed. Your Web browser does not support ActiveX controls. A component is not properly configured for 32-bit or 64-bit support. to solve this problem you can download this :  2007 Office System Driver: Data Connectivity Components
Baca selengkapnya

CAML query with nested AND's and OR's for multiple fields in SharePoint

I have some cases about CAML in SharePoint. there are how to make condition like this : AND ( FirstName = 'A' OR LastName = 'A' OR Description = 'A' OR Profile = 'A' ) AND ( FirstName = 'B' OR LastName = 'B' OR Description = 'B' OR Profile = 'B' ) in SharePoint we use CAML if we want to see "AND OR" condition in sharepoint list view.  open your page of view what your want to edit. for example AllItem.aspx under form in document library. but before that you should set first condition "AND OR" in view you want to edit using sharepoint designer. Since you are not allowed to put more than two conditions in one condition group (And | Or) you have to create an extra nested group ( MSDN ). The expression  A AND B AND C  looks like this: <And> A <And> B C </And> </And> it is sample translated to CAML (hopefully with ...
Baca selengkapnya

Synchronizing an Excel file with SharePoint

Gambar
To install add-in for use in office Excel 2007 Download and install the Excel 2007 Add-in : Synchronizing Tables with SharePoint Lists . ·                Start Office Excel 2007.          Click the Microsoft Office Button, Click Excel Options, and then click the Add-ins tab.          Select Excel Add-ins in the Manage drop-down list and click Go.            In the Add-ins dialog box, click Browser, navigate to the Excel 2007 SharePoint List synchronizing Add-in, and then click Ok.         In the Add-ins dialog box, verify that the SynchronizeWSSandExcel option is selected and then click Ok. Figure 1. The Add-Ins dialog with the Rwsplist opti on sele cted Publishing and Synchronizing Table Data to a Sharepoint Site Using the add-in is simple, as you see in the following steps.  ...
Baca selengkapnya