Hello all DP members, I am new with coding websites with HTML and CSS. So please try to explain as clear as possible 1. So I was wondering how to create nice button hovers (when you put your mouse on a button it changes) 2. How to create edges round? 3. How to create a similar login box like twitter has? (when you click on it you can see user name & password field and login button) 4. How to create a new input box's design for example with round edges? 5. It's possible to create something like layers right (some elements are in the top and some in the bottom)? But is it possible to do it so that one element is in the background and has a 10% transparency and when you click on a button it jumps to the top and you can see it 100% (transparency) If you can answer at lease on of these questions please help me out If you know a tutorial which shows how to do so please tell me the link Thank you in advance
You can get all these buttons and effects done from photoshop ... If you are new to photoshop download the photoshop tutorial from lynda.com ... Good luck !!
for button hovers, you need the pseudo-class hover in CSS. for round edges, you need to first design your box in gimp ( or Photoshop for rich people and crackers ), then use the div tag, that will contain 3 other div tags ( upper, middle, lower) upper and lower will have the upper and lower part of your box as images. middle will have your content. 10% transparency is also made using CSS using the attributes :" opacity:0.1; filter:alpha(opacity=10) "
round corners = CSS3 property border-radius or with javascript like DD_roundies twitter like login = http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/ Google is your friend