SitePoint Sponsor

User Tag List

Results 1 to 18 of 18
  1. #1
    SitePoint Member
    Join Date
    Mar 2001
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can anyone point me in the right direction on how to create two different a link styles on one page

    thanks
    kb

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    me me me...

    like this:

    /* normal style */
    a:link { text-decoration: none; }
    a:visited { text-decoration: none; }
    a:hover { text-decoration: underline; }
    a:active { text-decoration: none; }

    /* second style */
    a.second:link { text-decoration: none; }
    a.second:visited { text-decoration: none; }
    a.second:hover { text-decoration: underline; }
    a.second:active { text-decoration: none; }

    All links on your page will default to the first style unless another is applied like so:

    <a href="42" class="second">some text</a>

    get it?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thats an awfully good explanation creole =)))
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Aw shucks...you made me blush...I'm just trying to keep up with you lyn...
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    LOL Geez..I'm losing touch m8 creole!
    You studied CSS2 yet?
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    at my last job I printed out the whole manual from W3c...thing was like 250 pages long.

    I have it in a binder. I am familiar with some of it, but really only the ones that have direct application to what I do. Not everything really makes sense you know?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    ********* Addict WP1's Avatar
    Join Date
    Aug 2000
    Location
    New York , USA
    Posts
    407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    me me me...

    like this:
    SNIP....
    Hi All,

    I am still a newbie and still on the low end of the knowledge curve. I have a similar problem as kbruce. I hope you can help me out as well creole.

    I want the links for a FFAL page I am working on to have different colors than the "normal" links on the page. The page is located on,
    http://www.ironstone.f2s.com/lk/link-childsupport.shtml

    The posted links have taken on the "normal" css features which I meant for the menu links. The letter "A" at the top and bottom of the Link Panel will take you to the "posting" page. Only the top left radio button is working at this time. Eventually I will Password Protect this page since only the administrator will be able to place links on the page but for now I have not. The script was originally at a php script site,
    http://www.proxy2.de
    and I have got it to this point.

    What do I have to do to get the posted links to look different?

    I hope I do not need to make changes in the engine of the script. aaaaaawwwwwwwwwww!?#@$$#$? That looks like an unsolvable puzzle!!!!

    BTW, I kinda followed what you indicated in your response to kbruce, but I did not follow what the "href="42" mean??

    Thanks in advance for any and all responses.

    WP
    Webbing Along!!!

  8. #8
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Go Creole! LOL
    I only managed to work on half of it.
    Not all the browsers support it.. Netscape 4, hence the reason why I ain't implementing the usage of it.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    simplicity itself...

    Let's analyze this. The only links that you have complete control over are the sidebar links right?

    That means that to prevent your "posted" links from being invisible like they are now, you make "THEM" the default link. You set them up with colors that will be visible on a white background and let the people post links to their hearts content. They won't have to add ANY other lines of code other than the URL. Do you get me so far?

    Now on your end, it will be a little more work though. Watch me work children (lynlimz...heeh)!

    for your styles:

    <style type="text/css">
    <!--

    /* normal page links (over white) */

    a.link {color: #A37951; }
    a.visited {color: #000000; }
    a.hover {color: #A37951; }
    a.visited.hover {color: #A37951; }
    a.active {color: #000000; }

    /* sidebar links (over brown) (I stole your link colors already) */

    a.sidebar:link {color: #E3DAC1; }
    a.sidebar:visited {color: #E6C45E; }
    a.sidebar:hover {color: #FFFFCC; }
    a.sidebar:visited.hover {color: #FFFFCC; }
    a.sidebar:active {color: #FFD66B; }

    -->
    </style>

    With me so far?

    That sets up your page with colored links. Now the problem with this layout is that Netscape does not understand pseudo-link classes. So all we have to do is specify the link colors in the BODY tag as well. You're set.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    lyn...I agree...it's very frustrating for them to even come out with new specifications when they know that very few browsers support it. Even IE 5.5 which is the BEST browser for stylesheets does not fully support CSS-2.

    Hell...Netscape doesn't even fully support CSS-1...
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah. So I'm just sticking to paperwork =)
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  12. #12
    ********* Addict WP1's Avatar
    Join Date
    Aug 2000
    Location
    New York , USA
    Posts
    407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello All,

    This is follow up time. Please take a look at,
    http://www.ironstone.f2s.com/lk/link-childsupport.shtml

    I did as "creole" suggested and it worked out fine.

    I placed class="sidebar" inside all the links I needed to.

    Would it have been possible to not have done such a "menial" task ?? I am using SSI for my menus. Is there a way to use CSS with them and therefore not have to change all affected links individually?

    BTW, is there a way to get a site visitor to Reload a page by clicking on a link in the page, I was only able to find a script which uses a form button. The panel I am working on looked like this,
    http://www.ironstone.f2s.com/linksuperpanel02.html
    I want it to look more like the page I noted above, with the text "Reload". I will be starting a new thread with this question but I thought I would also ask it here as well.

    Thanks again for any and all replies.

    WP
    Webbing Along!!!

  13. #13
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you could have cut and paste past e paste all the way using the keyboard short-cuts..

    or..using a text editor, replace '<a' with <a class="sidebar"
    and it'll have your code in a few seconds.


    the reload link would be:
    <a href="javascript:window.location.reload()">Reload Page</a>
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  14. #14
    ********* Addict WP1's Avatar
    Join Date
    Aug 2000
    Location
    New York , USA
    Posts
    407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    SNIP....the reload link would be:
    <a href="javascript:window.location.reload()">Reload Page</a>
    Hi,

    Thanks to all for their input.

    You can see the result at,
    http://www.ironstone.f2s.com/lk/link-childsupport.shtml

    Peace,

    WP
    Webbing Along!!!

  15. #15
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great. so all your problems have been resolved?
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  16. #16
    ********* Addict WP1's Avatar
    Join Date
    Aug 2000
    Location
    New York , USA
    Posts
    407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep!!!

    For Now. I also learned quite a bit in this thread.

    WP
    Last edited by WP1; Mar 19, 2001 at 09:11.
    Webbing Along!!!

  17. #17
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    glad that Lyn and I could help you out...

    we were neck and neck in this post actually...

    not that it's a competition though...
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  18. #18
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yicks! creole! you were the one that did the coding posts! lol
    i'm a mere extra..posting all the stupid comments..and yeah..gaining post count! lol

    hmm....anyhow, his problem has been resolved! haha..cheers creole!
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein


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
  •