SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Web 2.0 layout

  1. #1
    SitePoint Enthusiast ParfaitMacaron's Avatar
    Join Date
    Mar 2013
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Web 2.0 layout

    Hi,

    I'd like to create a registration form something similar to this:

    https://www.mediafire.com/upgrade/re...ion.php?pid=66

    Does anybody know which language mediafire created their registration form with please?

    Thank you.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    The look is created by HTML and CSS, of course, and the on-page validation behavior by JS. The processing is presumably done with PHP, given that the page has a .php extension.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Enthusiast ParfaitMacaron's Avatar
    Join Date
    Mar 2013
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you! Is the CSS what is changing the colour of the box from white to red when you click in a field and click out?

    Quote Originally Posted by ralph.m View Post
    The look is created by HTML and CSS, of course, and the on-page validation behavior by JS. The processing is presumably done with PHP, given that the page has a .php extension.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ParfaitMacaron View Post
    Is the CSS what is changing the colour of the box from white to red when you click in a field and click out?
    The color and the little icons are done with CSS. BUT ... the new CSS rules apply to the boxes with the help of JS. If the box isn't filled out properly, JS adds a class of "error" to the input, and then the CSS styles associated with that class apply to the input.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •