Friendstertutorials.com » One Column Control Panel Buttons

One Column Control Panel Buttons

Contributed by Angel on October 15th, 2008 Categories: External CSS Codes, Tricks and Tweaks

4,768 Views

(+8 rating, 4 votes)

Loading ...

Simply paste the codes below in your CSS file or use this tutorial: Compiling, Uploading and Saving CSS Codes.

Replace #HEXCODE with the colors you like.

/*CONTROL PANEL*/
#controlPanelButtons a {
border-left-width : 5px !important ;
border-left-style : solid !important ;
border-left-color : #HEXCODE !important ;
border-top-width : 0 !important ;
border-right-width : 0 !important ;
border-bottom-width : 0 !important ;
color : #HEXCODE !important ;
font-weight : normal !important ;
font-size : 11px !important ;
margin-bottom : 4px !important ;
padding-top : 3px !important ;
width : 158px !important ;
height : 15px !important ;
background-color : #HEXCODE !important ;
text-align : center !important ;
position: relative !important;
left: 20px !important;
top: 10px !important;
font-family : Tahoma !important;
}
#controlPanelButtons a:hover {
border-left-width : 5px !important ;
border-left-style : solid !important ;
border-left-color : #HEXCODE !important ;
background-color : #HEXCODE !important ;
color : #HEXCODE !important ;
}

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks