View Full Version : Decorating Forms


tarq
06-27-2003, 11:35 AM
Hello,
I have a form on my page and want to see all the different effects I can apply to it to make it a little less dull and to allow me to embed it into my page. Two questions.

[list=1]
Is it possible to change a submit button into a text link because I've seen it before I'm sure but I've searched for ages and can't find anything?
Does anybody know if there is a page to show me all the different form effects because its not really on Lissa or would someone be kind enough to show me some stuff?
[/list=1]

Thank you very much to anyone that replies.
Tarq

MaGiCSuN
06-27-2003, 11:48 AM
1. Maybe an idea to make the button transparent? i don't know, haven't seen an textlink before but when you are able to set border to 0, and make the background transparent (maybe if you don't fill in one at all it will become transparent allready) then it looks like you are having just a normal text link :)

tarq
06-27-2003, 11:55 AM
Thanks Mirna (Hope thats right)

How do I do that?

MaGiCSuN
06-27-2003, 12:06 PM
<input type="submit" value="Submit" style="border: 0px; filter: chroma(color=#C0C0C0); background: #C0C0C0">

i choosed the grey colour, because i had something else in mind before i started the code. but my advice is to change it to something that isn't on your site (like text colours etc) because i don't know if it effects all the colours that have the hex code #C0C0C0

Love,
Mirna

tarq
06-27-2003, 12:18 PM
That is absolutely brilliant! Just what I was looking for, is it possible to use alt text? How can I do the same with my text box. Except I still need some kind of border so people know its there. Possibly a dotted border...Do you think you could help me with that?

Thanks Tarq :D

tarq
06-27-2003, 12:19 PM
I've figuired some of it out. Now I just need a black dotted border.

MaGiCSuN
06-27-2003, 12:25 PM
here you go:

<!-- for textarea -->
<textarea name="Subject of text area" wrap=physical rows=7 cols=46 style="border: 1 dotted #0f0f00; filter: chroma(color=#CCFF00); background: #CCFF00"></textarea>

<!-- for submit button -->
<input type="submit" value="Submit" style="border: 0px; filter: chroma(color=#CCFF00); background: #CCFF00">

the basic code to make the background transparent is just this:

style="filter: chroma(color=#CCFF00); background: #CCFF00"


about your second question, you can add most CSS codes to your buttons and textarea's :) Like above, it's just CSS like you add to iframes, and tables etc.

Love,
Mirna

tarq
06-27-2003, 02:10 PM
Thanks Mirna! :)