Custom Login Page CSS Rounded Corners

[limelites]

Here is a link to my custom login page:

https://www.limelites.co.uk/index.php?main_page=login

It's getting there, but I am trying to make the corners or the border round using CSS.... Finding it a nightmare!

Been googling and this is the best they can come up with:

HTML:
<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
</div></div></div></div></div></div></div></div>

CSS:
.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}

How would I code this into my tpl_login_default.php and my custom login.css files?

[kobra]

There are a couple of free templates that have css rounded corners at http://(sorry, site offline)/

Might look at niftyzen, if my memory serves me right

[limelites]

It's so easy to just add:

-moz-border-radius: 5em;

to the stylesheet but that only works for mozilla browser... That's gonna have to do, spent toooooo much time on this :-)

[rstevenson]

Since it's for the log-in page only, why not make the width static, even if your width is dynamic elsewhere, and then use a background graphic with your rounded corners, with the stylesheet only used to control the placement of the form elements over that background?

Rob

[limelites]

Rob, Thanks for the suggestion, spent 10 minutes on it this morning and the result is exactly what I wanted:

https://www.limelites.co.uk/index.ph...74f18e3aebf0c9

Me's liking that!

[rstevenson]

Very nice!

Rob

[limelites]

Thanks....

[tony_sar]

humm, you should start designing template for people like me , graphically challenged

[limelites]

Hi Tony, long time.... how's your biking going?? Hope you're getting the weather :-)

I've been too tied up in my own, knee deep in puzzling code as always :-) Check out some of my recent threads, don't seem to get any answers these days... questions must be getting too complex :-)

[tony_sar]

yep , been long time,
weather ??? biking ?? well, still snowing . lol.
i been checking some of your question , and sure is getting complex enough that you need top guys attention ..

i can only add 5px padding here and there , thats all i can do with zencart .
if you have padding question .. i be there to answer it