Results 1 to 3 of 3

Thread: css clickable link

  1. #1
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry css clickable link

    I have been looking and looking for a clickable link code so i can make a recipe site ... what i am wanting is a code were i can add the name of a recipe and then click on the name to the recipe.. i am not wanting cooking recipe site just the recipe it self ...
    like name click and the recipe will show up ...
    any help would be apprecated .. i have looked in othe site and i ust can not find my code i am looking for

  2. #2
    Join Date
    Mar 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You could try something like this.

    Code:
    <style type="text/css">
    a.recipe:link { color: blue; }
    a.recipe:visited { color: purple; }
    a.recipe:hover { color: green; }
    </style>
    
    
    <a class="recipe" href="http://www.yoursite.com">Recipe 1</a>
    <a class="recipe" href="http://www.yoursite.com">Recipe 2</a>

  3. #3
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    <span onmouseover="this.style.cursor='pointer';">
    <div

    onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,he

    ight=200')" onMouseOver="style.color='red'" onMouseOut="style.color='black'">Recipe 1</div>
    </span>


    <span onmouseover="this.style.cursor='pointer';">
    <div

    class="recipe"onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow'

    ,'width=400,height=200')" onMouseOver="style.color='red'"

    onMouseOut="style.color='black'">Recipe 2</div>
    </span>

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
  •