Results 1 to 3 of 3

Thread: Need help customizing this CSS menu, please help

  1. #1
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Need help customizing this CSS menu, please help

    Hi all.

    I need help customizing this CSS menu: http://www.dynamicdrive.com/style/cs...rizontal_tabs/
    I want it to have five red tabs, each 125 px width, 30 px height (rollover 35 px) and no margins between them. I want it to look like this:
    By player_1 at 2008-04-26

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Color
    Change the color of the background images included with the CSS. There are no code changes required for that

    Width & Margins
    Remove the red text, insert the green text. You'll probably also want to add the text-align:center property to center the text within the tab.

    Code:
    .animatedtabs a{
    float: left;
    position: relative;
    top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
    background: url(media/tab-blue-left.gif) no-repeat left top;
    margin: 0;
    margin-right: 3px; /*Spacing between each tab*/
    padding: 0 0 0 9px;
    text-decoration: none;
    width:125px;
    text-align:center;
    }
    Height
    Play around with the following rules:
    Code:
    top:5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
    Code:
    padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
    And adjust these values accordingly.
    Code:
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
    Code:
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */

  3. The Following User Says Thank You to Medyman For This Useful Post:

    player 1 (04-26-2008)

  4. #3
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks a lot!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •