1. I've started a massive SPAM purge, any accounts that have spammed are being removed, also for a short period new user signups are disallowed until the SPAM cleaning is finished.

How to use more than 1 stylesheet? please guide me

Discussion in '(X)HTML / CSS' started by jani, May 3, 2009.

  1. jani

    jani Designer

    Joined:
    Apr 14, 2007
    Messages:
    2,704
    Likes Received:
    14
    Trophy Points:
    0
    On my smsbucket.com site if you see the links, they are black (#000000) and when you rollover the link they are (#ff3366).

    But I want this setting ONLY for the "Sidebar" link, the top links (3 ads on top) I want them to be appeared with the color #ff3366 and when we rollover them the color should change to #d91244

    The sidebar had different CSS file and for the top 3 text links ads I created a new table and used a new CSS file, but that stylesheet is getting applied on ALL links on the site :(

    Can anyone please guide me how to fix this?

    Thanks
    Loading...
  2. uptonormal

    uptonormal New Member

    Joined:
    May 1, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    If you can give me the theme files i can do it.

    Try this, i haven't tested since i don't have the theme with me.
    Open style.css, this will be found in the surrent theme's folder.
    First, Find this in the style.css,
    Replace with
    Open adscss.css, this will be found in the surrent theme's folder.
    Then find this in adscss.css
    Replace [All, there will be two occurence] with
    Find
    Replace with
    Find this
    Replace with
  3. harrystone00

    harrystone00 New Member

    Joined:
    Apr 30, 2010
    Messages:
    18
    Likes Received:
    0
    Trophy Points:
    0
    If you are working in dremwever, then using CSS you can insert more than 1 stylesheet.
    The one on the bottom will take prioroty over the one on the top, it's just as if the css was added onto the bottom of the first document.

    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" type="text/css" href="hacks.css" />

    code...

    <style type="text/css" media="all">
    @import url(styles1.css);
    @import url(styles2.css);
    @import url(styles3.css);

    </style>
  4. proweb

    proweb Well-Known Member

    Joined:
    Jul 21, 2009
    Messages:
    1,292
    Likes Received:
    48
    Trophy Points:
    48
    Location:
    Joomla Expert
    Actually there are 4 ads on the top. Are you talking about the id="white" area?

    Here you have have different menu colors, if you add the following in your css file.

    HTML:
    #white a:link,#white a:visited {color:#...}
    #white a:hover {color:#...}
    Please let me know if this is what you wanted. If not, drop me a PM.
  5. raj23

    raj23 New Member

    Joined:
    Jan 26, 2011
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    0
    Hi,
    This is best method for using more than one style sheet.

    Code (Text):

    <link href="/stylesheets/stylesheet.css" media="screen" rel="stylesheet" type="text/css" />
            <link href="/stylesheets/lightbox_new.css" media="screen" rel="stylesheet" type="text/css" />
            <link href="/stylesheets/another_css.css" media="screen" rel="stylesheet" type="text/css" />

     

Share This Page