Results 1 to 8 of 8

Thread: Changing text/font size in AnyLink Vertical Menu!

  1. #1
    Join Date
    Jan 2008
    Location
    Central New Jersey
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Changing text/font size in AnyLink Vertical Menu!

    1) Script Title: AnyLink CSS Vertical Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nylinkcss2.htm

    3) Describe problem: I am having a problem changing the size of the text in the pop out menu window, I have tried editing both the anylinkvertical.css and the script code itself, as well as the page's .css for that container/section but nothing seems to have an effect, I find the menu text size obtrusive and would really like to scale it down. In order to verify I am editing the right files I have changed other attributes with no issues, like the background mouseover color and drop down box offset.

    Any help with this would make this good script gold, and really be appreciated!

    TSG!
    Last edited by The Smoking Gun!; 01-05-2008 at 12:47 AM. Reason: wrong url by mistake

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You shouldn't need to edit the .js file for changing the font size of the drop down menu, only anylinkvertical.css. For example:

    Code:
    .anylinkcss{
    position:absolute;
    visibility: hidden;
    border:1px solid gray;
    border-bottom-width: 0;
    font: normal 11px Arial;
    line-height: 18px;
    z-index: 100;
    background-color: white;
    width: 205px;
    }
    
    .anylinkcss a{
    color: black;
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid gray;
    padding: 1px 0;
    text-decoration: none;
    text-indent: 5px;
    }
    
    .anylinkcss a:hover{ /*hover background color*/
    background-color: #F8FBBD;
    color: black;
    }
    The line in red differs from the original .css file contents, and should change the font to 11px.

  3. #3
    Join Date
    Jan 2008
    Location
    Central New Jersey
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks for the quick reply, here is what my last attempt was and still nothing has changed
    .anylinkcss{
    position:absolute;
    visibility: hidden;
    border:1px solid gray;
    border-bottom-width: 0;
    font:normal 3px Trebuchet MS
    line-height: 5px;
    z-index: 100;
    background-color: white;
    width: 205px;
    }

    .anylinkcss a{
    color: black;
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid gray;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    text-indent: 3px;
    }

    .anylinkcss a:hover{ /*hover background color*/
    background-color: #9FEFAF;
    color: black;
    }

    I'll check back tomorrow, thanks!

    TSG!

  4. #4
    Join Date
    Jan 2008
    Location
    Central New Jersey
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    OK I'm such an idiot.....when i changed the font i didn't realize i lost the stupid semicolon at the end of the line....until i saw your example after pasting mine in......THANK YOU! I have spent HOURS trying to figure this out!!!!

    And in appreciation you earned a link back from my site!

    TSG!

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You're welcome. If it makes you feel better, the forgetting a semicolon in a CSS file has had me chasing after gremlins quite a few times as well. lol

  6. #6
    Join Date
    Jan 2008
    Location
    Central New Jersey
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I asked in another post that no one has responded to, I added info to the post which probably makes it look like it was replied to, but I wanted to know if this vertical css anylink drop down menu was capable of a second or third level drop down menu and if so how do I need to modify the code to accomplish this, I did try a few variations with the existing code, like adding an anchor link to drop down menu item line, but it only displays the code and does not function, if it is at all possible your help would be appreciated, and to show that appreciation I prominently linked to your site with a supplied graphic button, with a line just below the anchor link list, "Vertical drop down menu script courtesy of ...then your Graphic"

    Thanks again!

    TSG!

  7. #7
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    This has actually been asked many times before. Right now there's no easy way to add additional levels to any of the scripts on DD that are only two level deep. Look for something like that to be added in the future.

  8. #8
    Join Date
    Jan 2008
    Location
    Central New Jersey
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Even though it wasn't the answer I was looking for, I appreciate the response, thank you!
    In appreciation for the free script and attentive responses aside from the site link back to your site I am referring members from the community forum I moderate, to your site when they post in the webmaster forum looking for script tools!

    This is a great thing you are doing!

    TSG!
    Last edited by The Smoking Gun!; 01-08-2008 at 10:33 PM. Reason: Added a thought!

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
  •