CSS Help

Discussion in 'vBulletin Discussions' started by Ak Worm, Sep 30, 2009.

  1. Ak Worm

    Ak Worm Grand Master

    I need some help with changing my tab colors.....anyone know good CSS?
    i want colors to match my skin lol.
    Code:
    /* ######### CSS for Shade Tabs. Remove if not using ######### */
    
    .shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    }
    
    .shadetabs li{
    display: inline;
    margin: 0;
    }
    
    .shadetabs li a{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #0e100d url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif) repeat-x top left;
    background: white url(shade.gif) top left repeat-x;
    }
    
    .shadetabs li a:visited{
    color: #d2a900;
    }
    
    .shadetabs li a:hover{
    text-decoration: underline;
    color: #CCCCCC;
    }
    
    .shadetabs li a.selected{ /*selected main tab style */
    position: relative;
    top: 1px;
    }
    
    .shadetabs li a.selected{ /*selected main tab style */
    background-image: url(shadeactive.gif);
    border-bottom-color: white;
    }
    
    .shadetabs li a.selected:hover{ /*selected main tab style */
    text-decoration: none;
    }
    
    .tabcontent{
    display:none;
    }
    
    @media print {
    .tabcontent {
    display:block !important;
    }
    }
    Any help would be great :D
     
  2. Michael

    Michael Regular Member

    Post up the images used for it and I will see if I can change them to black for you :)
     
  3. FullMetalBabe

    FullMetalBabe Zealot

    Try this

    Code:
    /* ######### CSS for Shade Tabs. Remove if not using ######### */
    
    .shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    }
    
    .shadetabs li{
    display: inline;
    margin: 0;
    }
    
    .shadetabs li a{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #1f1f1f;
    color: #ffffff;
    background: #000000 url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif) top left repeat-x;
    }
    
    .shadetabs li a:visited{
    color: #f3f3f3;
    }
    
    .shadetabs li a:hover{
    text-decoration: underline;
    color: #ffffff;
    }
    
    .shadetabs li a.selected{ /*selected main tab style */
    position: relative;
    top: 1px;
    }
    
    .shadetabs li a.selected{ /*selected main tab style */
    background-image: url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif);
    border-bottom-color: #000000;
    }
    
    .shadetabs li a.selected:hover{ /*selected main tab style */
    text-decoration: none;
    }
    
    .tabcontent{
    display:none;
    }
    
    @media print {
    .tabcontent {
    display:block !important;
    }
    }
     
  4. Ak Worm

    Ak Worm Grand Master

    .
    ----------
    .
    -----------
    .
    ----------
    .
    ----------
    FMB, just uploaded it dont think it will change for awhile
     
    Last edited by a moderator: Jan 10, 2014
  5. FullMetalBabe

    FullMetalBabe Zealot

    Wut? I really don't know what you're trying to say...
     
  6. OneUpDave

    OneUpDave Guest

    Hit CTRL+F5 on your keyboard.

    You may need to change the font color of the tabs, FMB.
     
  7. FullMetalBabe

    FullMetalBabe Zealot

    Hmm, they're white and gray. the background is black so it matches with the skin.

    OH Right, I made the font color 00000!!

    Edit: Updated the CSS
     
  8. OneUpDave

    OneUpDave Guest

    lol, silly rabbit.

    AK Worm, try FMB's updated post again. Should fix the font colors.
     
  9. Ak Worm

    Ak Worm Grand Master

    the colors
    Hey the're great now! I like them, thanks FMB. :D
     
  10. FullMetalBabe

    FullMetalBabe Zealot

  11. Ak Worm

    Ak Worm Grand Master

    Problem was solved long ago. Maybe before you even registered.
     

Share This Page