+ Reply to Thread
Results 1 to 6 of 6

Thread: My Dilema.

  1. #1
    Parsa44 is offline x10 Sophmore Parsa44 is an unknown quantity at this point
    Join Date
    Aug 2008
    Posts
    232

    My Dilema.

    Reccently i made a navigation bar on photoshop. The navigation bar has a rollover effect.

    I had finished the graphics and was just about to put the names of the buttons on when i thought it would be much better if it was possible to just have the roll over button with no name on it, then put the name on in HTML. so if any of my pages changes names i can just edit it instead of making the button all over again.

    In simpler terms.

    I made a roll over button

    Is it possible to use HTML to write somthing over the roll over button and still make it work.

  2. #2
    sourfacedcyclop's Avatar
    sourfacedcyclop is offline x10 Sophmore sourfacedcyclop is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    221

    Re: My Dilema.

    It should be. You could use somthing like this

    Code:
    <ul class="navbar">
    <li class="rolllink"> <a href="whereever.html"> Text you want here </a> </li>
    </ul>
    and then for the css

    Code:
    ul.navbar {
    list-style:none;
    display:block;
    }
    
    ul.navbar li.rolllink {
    background: url(image.extension) no-repeat;
    height:whatever;
    width:whatever;
    display:block;
    }
    
    ul.navbar li.rolllink:hover {
    background: url(image-hover.extension) no-repeat;
    }
    that should be the gist of it. You would need to edit the css to you needs, but that would be one way of doing it, hope it helps
    Last edited by sourfacedcyclop; 03-02-2009 at 12:14 PM.
    "Sanity is nothing but our interpretation of reality"

    http://tswebvisions.com - Portfolio

  3. #3
    Parsa44 is offline x10 Sophmore Parsa44 is an unknown quantity at this point
    Join Date
    Aug 2008
    Posts
    232

    Re: My Dilema.

    So i just repeat that for each one of my buttons?

  4. #4
    sourfacedcyclop's Avatar
    sourfacedcyclop is offline x10 Sophmore sourfacedcyclop is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    221

    Re: My Dilema.

    The image is the same correct? Its just the text you want to change?

    Code:
    <ul class="navbar">
    <li class="rolllink"> <a href="whereever.html"> Text you want here </a> </li>
    <li class="rolllink"> <a href="whereever.html"> Link 2 </a> </li>
    <li class="rolllink"> <a href="whereever.html"> Link 3 </a> </li>
    <li class="rolllink"> <a href="whereever.html"> Link 4 </a> </li>
    <li class="rolllink"> <a href="whereever.html"> Link 5 </a> </li>
    </ul>
    that would be how you add more links
    "Sanity is nothing but our interpretation of reality"

    http://tswebvisions.com - Portfolio

  5. #5
    Parsa44 is offline x10 Sophmore Parsa44 is an unknown quantity at this point
    Join Date
    Aug 2008
    Posts
    232

    Re: My Dilema.

    Okay thanks mate =)

  6. #6
    sourfacedcyclop's Avatar
    sourfacedcyclop is offline x10 Sophmore sourfacedcyclop is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    221

    Re: My Dilema.

    No, prob, if you need more help you can pm me
    "Sanity is nothing but our interpretation of reality"

    http://tswebvisions.com - Portfolio

+ Reply to Thread

Similar Threads

  1. Replies: 5
    Last Post: 04-24-2008, 04:06 PM
  2. Forum dilema
    By Sundowner in forum Crossfire
    Replies: 1
    Last Post: 10-21-2007, 06:19 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers