...

View Full Version : Custom Horizontal Rules



Wolf_22
05-27-2005, 09:22 PM
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.

Wolf_22
05-27-2005, 10:38 PM
Nevermind everyone... I went ahead and scrapped the idea... Sorry

dannyhayes
05-27-2005, 10:47 PM
you should think before posting.

canadianjameson
05-27-2005, 11:22 PM
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"

The website looks ok but it isnt bad.

... alrightythen.

Wolf, you did the right thing and we thank you for it.

Graft-Creative
05-28-2005, 08:27 AM
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 />



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


Something like that anyhow ;)

Kind regards,

Gary

ArcticFox
05-28-2005, 08:32 PM
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);
}

Wolf_22
06-08-2005, 11:22 PM
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... :thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum