mostafatalebi Posted November 1, 2012 Share Posted November 1, 2012 Hello everybody I want to get a stylish form element with border style. I want a all-browser-compatible technique such as that of a background image (.png). I don't know how to get rid of orignial form visibility and use a rounded png image as its background. How? I also can use Javascript so if you any technique please tell it. Thanks Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/ Share on other sites More sharing options...
rewind Posted November 1, 2012 Share Posted November 1, 2012 put the form in a div and set the background/border-radius on that? Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389270 Share on other sites More sharing options...
mostafatalebi Posted November 1, 2012 Author Share Posted November 1, 2012 puttin the form in a div, and set a bg for the div, how to get rid of the form orginal displat? something like this: <form, the type is text/> <attach #formInvisible style to this input> <div></div> <attach #formStyle to the div> <#formInvisible is hidden>->->-> I can not do this statement. how to get rid of original form, so when I click on the form the cursor don't be off the .png background. <#formStyle has a .png rounded image as a backgrouns> Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389276 Share on other sites More sharing options...
codefossa Posted November 1, 2012 Share Posted November 1, 2012 If you're gonna go the route of actually making them round, then you need to do it specially for each. It's easier to just use images. Set the background of each part to create what looks like a round div, but really it's just transparent on the corners. With the first option, they're still cornered, but appear round without images is what I was trying to say. I always stick to images on this though because it's just much simpler. Set it in CSS, create three parts to a block, and have a round top, round bottom, then the inside be a background color or an image with borders on the side or something like that. If you want a completely round (circular) div, then you're going to probably want a big div, then a smaller one positioned inside that at it's center so you can just put the content there. If you give an example of what you actually want to achieve, then I would be able to give you some example code. Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389293 Share on other sites More sharing options...
mostafatalebi Posted November 1, 2012 Author Share Posted November 1, 2012 just go to twitter an on the top there is a nice search bar. I want a look quite near to it. Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389359 Share on other sites More sharing options...
Scott_S Posted November 2, 2012 Share Posted November 2, 2012 If you like what twitter is doing you could just get its bootstrap http://twitter.github.com/bootstrap/ Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389517 Share on other sites More sharing options...
mostafatalebi Posted November 2, 2012 Author Share Posted November 2, 2012 is it possible for you to explain a little about this component? is it a plugin for jQuery and also a framework for Js? Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389533 Share on other sites More sharing options...
peppericious Posted November 2, 2012 Share Posted November 2, 2012 is it possible for you to explain a little...? I was interested to find out more myself and found this. Quote Link to comment https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/#findComment-1389552 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.