Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Apr 2005
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Custom Horizontal Rules

    Okay, what I'm wanting are some sort of custom <hr>'s. Does anyone here know where to or how to code them? Now I'm not talking about the normal custom ones that you can make by changing the color of them inside the <hr> tag and whatnot... No, I'm talking about the neat fading ones or gradient ones that look like they are fading away and stuff. I saw an example on a page I visited awhile ago, but the code didn't work. So, does anyone know the code that is needed to do this? Thanks.


    Think of what I'm wanting by looking at the below:


    |||||||||||||||||||||| | | | | | | | | | | | | | | | | | | | | |


    ...except it would be solid and stuff... lol... Any help is thankful.

  • #2
    New Coder
    Join Date
    Apr 2005
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nevermind everyone... I went ahead and scrapped the idea... Sorry

  • #3
    Regular Coder
    Join Date
    Jan 2005
    Location
    Essex
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you should think before posting.
    Danny Hayes
    Under Construction www.hayes-design.co.uk

  • #4
    Senior Coder
    Join Date
    Jul 2003
    Location
    My pimped-out igloo in Canadia
    Posts
    1,966
    Thanks
    36
    Thanked 0 Times in 0 Posts
    wow danny, nicely said... atleast he had the decency to kill the post and not leave it for others to waste their time on.

    and just for that, lets exemplify what you call "Thinking before posting"
    Quote Originally Posted by dannyhayes
    The website looks ok but it isnt bad.
    ... alrightythen.

    Wolf, you did the right thing and we thank you for it.
    Before you criticize someone, you should walk a mile in their shoes. That way, when you criticize them, you're a mile away and you have their shoes :)

  • #5
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Wolf_22
    Nevermind everyone... I went ahead and scrapped the idea... Sorry
    Well, if you ever decide to 'un-scrap' the idea, you can always set an image as a background for the <hr />

    Code:
    hr {
    background: url('images/hrbackground.gif') top left no-repeat;
    height:14px;
    width: 400px;
    border: none;
    }
    Something like that anyhow

    Kind regards,

    Gary
    Last edited by Graft-Creative; 05-28-2005 at 07:29 AM. Reason: Lacksadaisical code!!!!!

  • #6
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts

    Internet Explorer

    For reference, here's a code I use (IE only, I think) for a faded look on an HR:

    #tab1 {
    width:555px;
    height:001px;
    background:#fff;
    filter:Alpha(Opacity=100, FinishOpacity=000, Style=1, StartX=0, FinishX=100, StartY=0, FinishY=100);
    }



    And one for a VR:

    #tab2 {
    width:002px;
    height:276px;
    background:#fff;
    filter:Alpha(Opacity=100, FinishOpacity=000, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=100);

    }
    <div> - putting your mind in a box since 1997

  • #7
    New Coder
    Join Date
    Apr 2005
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks guys for your help. I really appreciate it. I tried the suggestion that ArcticFox posted, and it works great... So if anyone else ever reads this post, be sure to use that suggestion that Fox posted because it is exactly what I was looking for!

    Thanks again...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •