Front-end Development - Form Themes

in #utopian-io6 years ago (edited)

Last time, I have made a contribution to the plugin by designing themes for the forms, to solve one of the main problems of the design of having very limited or in fact just one color for the form. That is a huge problem as the color for the form may not much the website of the user who installs the plugin. The whole post, and details can be found here:

https://utopian.io/utopian-io/@vallesleoruther/creating-themes-for-the-form-simple-wordpress-login

So we will keep the project moving, now we will code the front-end of the new themes so that it can be integrated into the plugin.

Work Done

  1. Created individual html pages and css files for each theme
  2. Integrate the designs and animations to each specific theme

Theme Samples / Links - Click on the links to see it live in action

Ectoplasm - https://renegade47.github.io/simple-wordpress-login/ectoplasm-theme.html

AwesomeScreenshot-2017-12-11T14-37-00-707Z.gif

Coffee - https://renegade47.github.io/simple-wordpress-login/cofee-theme.html

coffee.PNG

Blue - https://renegade47.github.io/simple-wordpress-login/blue-theme.html

blue.PNG

Default - https://renegade47.github.io/simple-wordpress-login

default.PNG

Light - https://renegade47.github.io/simple-wordpress-login/light-theme.html

light.PNG

Midnight - https://renegade47.github.io/simple-wordpress-login/midnight-theme.html

midnight.PNG

Ocean - https://renegade47.github.io/simple-wordpress-login/ocean-theme.html
image.png

Sunrise - https://renegade47.github.io/simple-wordpress-login/sunrise-theme.html
image.png

Github and Links

Themes: Default, Sunrise, Ectoplasm, Coffee, Blue, Light, Midnight, Ocean

Github Repository
Github Commit

Github Proof

Integrate Theme Designs · renegade47 simple wordpress login 00ef830.png



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Wow the effects on the form are really great! I see you are a contributor to Utopian, the contributions you make are so interesting!

Thank you for your contribution. Good job. Can you please just change the steemit.com link to the utopian.io version? That would be great. ;)

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

@mkt updated now, thank you for looking in to my contribution.

Thank you! Your contribution has been approved.

You can contact us on Discord.
[utopian-moderator]

Qurator
Your Quality Content Curator
This post has been upvoted and given the stamp of authenticity by @qurator. To join the quality content creators and receive daily upvotes click here for more info.

Qurator's exclusive support bot is now live. For more info click HERE or send some SBD and your link to @qustodian to get even more support.

very nice post

What a wonderful comment! Thanks for commenting though. What can you say about the designs and User Experience of the Forms?

Hey @vallesleoruther I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.29
TRX 0.12
JST 0.033
BTC 63691.77
ETH 3157.03
USDT 1.00
SBD 3.84