Madalin Tudose

I`m a web developer. I build HTML Templates and WordPress Themes which are eventually released on ThemeForest under the DeliciousThemes brand.

Join the discussion

  1. Book Store on October 13, 2010 at 2:17 am Reply

    Thanks for Your useful information.!! Its just amazing!! 🙂

    1. Madalin Tudose on October 13, 2010 at 10:51 am Reply

      I`m glad I could help you !

  2. DK-System on October 13, 2010 at 3:56 pm Reply

    Very Nice Tuts.Tnx!

    1. Madalin Tudose on October 14, 2010 at 4:06 am Reply

      It`s a ice one and very simple to duplicate it.Give it a try!

  3. vik on October 15, 2010 at 9:25 am Reply

    sweet and simple!

    but how do we make this functional for the web now? i always get stuck at this point 🙁

    1. Madalin Tudose on October 15, 2010 at 4:57 pm Reply

      Thank you for your comment! I`ll code this for your and will post a tutorial here at DeliciousThemes. So, stay close to DeliciousThemes! 🙂

      1. Jimmy on September 21, 2012 at 12:35 am Reply

        Hi, Tudose, It looks wonderful, did you implement it, adding function on it using code. and another, can I create a beautiful login form using HTML5? I want to implement a web, how to design its layout? I am web begginer, thanks for you help.

        1. Madalin Tudose on September 24, 2012 at 6:35 am Reply

          Hi. Thanks for your feedback on it. I didn`t implement it yet, but it`s not so hard to do it. Just use the regular HTML markup for a form (input) and stylize it with some CSS3. If you`re a beginner, I`m suggesting you a free course from Envato:

          Thank you!

  4. Prashant on October 18, 2010 at 10:12 pm Reply

    Hi there,

    can i know which wordpress plugin is used for images…
    i like the images hovering…

    which plugin is it???

    1. Prashant on October 18, 2010 at 10:13 pm Reply

      i mean… which plugin is used by this site deliciousthemes???

    2. Madalin Tudose on October 19, 2010 at 7:33 am Reply

      Hey man,

      Is a plugin indeed, but not a wordpress plugin. It is the jQuery LazyLoad plugin.

      Give it a go and let me know if works for you too!

  5. Rachana on October 21, 2010 at 2:02 am Reply

    Hi sweetie…i try this post…
    i really liked it a lot 🙂
    very sleek style

    1. Madalin Tudose on October 22, 2010 at 4:16 pm Reply


  6. Rachana on October 21, 2010 at 2:04 am Reply

    for check mark and cancel icon we can create by own…

  7. SaLLoO on October 26, 2010 at 8:31 pm Reply

    Very Nice Tutorial!
    but how to make it aktive in our websites or how to integrate it in our Koding?:(

    1. Madalin Tudose on October 27, 2010 at 4:47 pm Reply

      Unfortunately, a Log In form is not so simple to implement. It requires PHP and Databases Skills…Fortunately, WordPress does them all and all you have to do is to find a tutorial on how to customize the WordPress Login screen and you`re good to go 🙂

  8. Andrew S. K. on November 24, 2010 at 4:25 am Reply

    You make it so simple. I wish it was. It will me alot. I am starting mine from scratch and i hope this will be a good classwork experience. It was like someone was providing the lessons alive

  9. Joep on December 5, 2010 at 7:06 am Reply

    is it corrent that when you use the (U) tool you get a vector mask ?
    Why would i need to use that? I don’t get the same results even after folowing all the attributes actions from blending options.

    Gr Joep

  10. Enk0 on December 15, 2010 at 4:38 pm Reply

    Excellent! 🙂 Thank you very much! 🙂 Finally my login page won’t look so plain 😀 Thumbs up!

  11. L on December 30, 2010 at 3:43 am Reply

    Excellent ork, Keep it like this!

  12. koubaros on January 5, 2011 at 1:47 pm Reply

    and how exactly do u turn this into a “living” form in dreamweaver? i have also design a form in photoshop but i dont have the brighest clue on how to import that in dreamweaver and finally make it work. i know all about slicing the image but how do u exactly combine the text fields of the form in dreamweaver with the sliced images from the form designed in photoshop?

  13. תוכנות on January 25, 2011 at 1:07 pm Reply

    very nice ,

    can you make a tuts in how to convert this psd to html

  14. Silwar on April 17, 2011 at 11:54 am Reply

    Thanks superb tuts. I might use it to create my own

  15. gerardo on June 2, 2011 at 1:08 pm Reply

    thats nice but now how do you make it function. thats the hard part . how can you do a design in photoshop and then programmed it . idk how to do that yet. i would like to know how.

  16. Face on August 3, 2011 at 8:44 am Reply
  17. […] You will also learn how the correct placement of icons can make the design look better. Title : Design a Simple and Stylish Login Form Using Photoshop Description :Creating website layouts and web forms is a great way to learn Photoshop. Today, in […]

  18. Emmy on October 27, 2012 at 6:57 am Reply

    hello pls i need yr help. how can i edit and prove the login page of mikrotik login page .
    with photoshop.
    thank u

Leave a Comment

Your email address will not be published. Marked fields are required.