رفتن به مطلب

افزونه ایرانی فرم ورود آبی


پست های پیشنهاد شده

login-style.png

در این افزونه شما به راحتی و بدون نیاز به هیچ گونه کدنویسی، میتونید از طرح آبی در فرم ورود وردپرس استفاده کنید و با داشتن یک پنل اختصاصی برای مدیریت و آپلود لوگو، بارها و بارها تصویر لوگو رو مطابق میلتون تغییر بدید.

دانلود در مخزن وردپرس: کلیک کنید

منبع : دنیای وردپرس و برنامه نویسی

* این ورژن اولیه تنها از یک طرح پشتیبانی میکنه، ایشالا در آپدیت های بعدی تعداد طرح ها رو افزایش میدم :)

  • امتیاز 13
لینک به ارسال

فکر میکنم بهتره طرح فلت رو اضافه و پیش فرض کتید

چون وردپرس 3.8 تغییر ظاهری زیادی داشته

  • امتیاز 4
لینک به ارسال

ممنون آقا مرتضی،

چند طرحی رو در حال حاضر به صورت PSD دارم که در اسرع وقت تبدیلشون میکنم.

اگه نمونه ای از این طرح فلت رو سراغ دارید، ممنون میشم معرفی کنید.

  • امتیاز 1
لینک به ارسال

عمومیت شبیه هم هستن:


http://quackingpixels.com/wp-content/uploads/2013/04/preview.jpg
http://psdexplorer.wpengine.netdna-cdn.com/wp-content/uploads/2013/05/free-psd-flat-login-form-640x450.jpg
http://www.smashingbuzz.com/wp-content/uploads/2013/07/Login-Page-Flat-Design.jpg

  • امتیاز 6
لینک به ارسال

این ها هم طرح فلت ان و البته به صورت psd و قابل ویرایش:


http://blog.templatemonster.com/2013/08/12/free-psd-login-forms-flat-design/
http://www.psdking.eu/577/flat-login-psd.html
http://idevie.com/freebies/psd/35-photoshop-flat-ui-interface-psd-gems/
http://www.freebiesgallery.com/flat-login-psd/

البته سبک فلت metro هم بسیار زیباست:


http://xooplate.com/template/details/14766-metro-flat-login-on-webapp-form-psd
http://xooplate.com/templates/search/q/metro
http://codepen.io/Vampireos/pen/ItsnA
http://metro-webdesign.info/
http://cssdeck.com/labs/jplfrgu7
http://cssdeck.com/labs/flat-ui-login-form

اینا هم فوق‌العاده قشنگن! (والبته آماده) :) :


http://cssdeck.com/labs/login-form
http://cssdeck.com/labs/ryn8lp74
http://cssdeck.com/labs/minimal-style-login-form
http://cssdeck.com/labs/amazing-css3-login-form
http://cssdeck.com/labs/login-form-using-html5-and-css3
http://cssdeck.com/labs/paper-login-form

ویرایش شده توسط sajjadnajafi
  • امتیاز 4
لینک به ارسال

این طرح خیلی شیک و زیباست :

http://www.psdking.eu/577/flat-login-psd.html

اقای

alimir اگر این طور ح و پیش فرض اضافه کنید علی میشه . فکر کنم هر کی اکانت فیس بوک و .. هم داشته باشه راحت میتونه لاگین کنه . از زحماتتون هم متشکرم .

موفق باشید .

لینک به ارسال

افزونه رو نصب کردم . واقعا صفحه رو زیبا میکنه . کاملا هم به نظرم به نسخه 3.8 سازگاره و از نظر زیبایی مکملشه . فقط چند تا ایراد دیدم ، گفتم جهت برطرف کرذدنش بگم :

جاهایی که قرمز کردم ، کاملا مشخصه :

18281397943297622772.jpg

مستطیل های پایین که میبینید مشخص نیستن .

اون فلش هم نوشته هاش روی همه .

میشه برای این رفع مشکل راهنمایی بفرمایئد ؟

دیگه هیچ ایرادی نداره .و واقعا بهتون خسته نباشید میگم . :)

ویرایش شده توسط hosseinbrusli
لینک به ارسال

این طرح خیلی شیک و زیباست :

http://www.psdking.e...-login-psd.html

اقای

alimir اگر این طور ح و پیش فرض اضافه کنید علی میشه . فکر کنم هر کی اکانت فیس بوک و .. هم داشته باشه راحت میتونه لاگین کنه . از زحماتتون هم متشکرم .

موفق باشید .

ممنونم hosseinbrusli عزیز،

بحث ورود از اکانت شبکه های اجتماعی با استایل دهی فرق میکنه و باید کدنویسی متفاوتی روش انجام بشه.

به زودی چند طرح جدید رو هم اضافه میکنم ;)

افزونه رو نصب کردم . واقعا صفحه رو زیبا میکنه . کاملا هم به نظرم به نسخه 3.8 سازگاره و از نظر زیبایی مکملشه . فقط چند تا ایراد دیدم ، گفتم جهت برطرف کرذدنش بگم :

جاهایی که قرمز کردم ، کاملا مشخصه :

18281397943297622772.jpg

مستطیل های پایین که میبینید مشخص نیستن .

اون فلش هم نوشته هاش روی همه .

میشه برای این رفع مشکل راهنمایی بفرمایئد ؟

دیگه هیچ ایرادی نداره .و واقعا بهتون خسته نباشید میگم . :)

این مشکل به خاطر استفاده از افزونه کپچا است که نظم خطوط رو به هم زده و باعث شده که برخی عناصر از فرم بیرون بزنن.

  • امتیاز 1
لینک به ارسال

ممنونم hosseinbrusli عزیز،

بحث ورود از اکانت شبکه های اجتماعی با استایل دهی فرق میکنه و باید کدنویسی متفاوتی روش انجام بشه.

به زودی چند طرح جدید رو هم اضافه میکنم ;)

این مشکل به خاطر استفاده از افزونه کپچا است که نظم خطوط رو به هم زده و باعث شده که برخی عناصر از فرم بیرون بزنن.

خوب چه طوری میشه بهم ریختگی رو بر طرف کرد ؟ به هر حال میدونید افزونه کپچا از اوجب واجبات برای جلوگیری از ربات های اسپم هست .

ویرایش شده توسط hosseinbrusli
لینک به ارسال

خوب چه طوری میشه بهم ریختگی رو بر طرف کرد ؟ به هر حال میدونید افزونه کپچا از اوجب واجبات برای جلوگیری از ربات های اسپم هست .

به صورت آفلاین نمیتونم نظر دقیقی بدم! باید کدهای شیوه نامه style رو ویرایش کنید.

ویرایش شده توسط alimir
لینک به ارسال

به صورت آفلاین نمیتونم نظر دقیقی بدم! باید کدهای شیوه نامه style رو ویرایش کنید.

خوب پیشنهادتون چیه ؟ بهتون دسترسی بدم ؟ یا کار دیگه ای باید انجام بدم ؟

اگر میشد مثلا ارتفاعش و بیشتر کرد ، این مشکل به راحتی قابل حل بود .

لینک به ارسال

با تغییر مقدار height در سلکتور بدنه اصلی یا مقدار فیلدهای ورودی input + کم کردن حاشیه ها مشکلتون رو میتونید مدیریت کنید.

البته پیشنهاد میکنم فعلا تغییری ایجاد نکنید، چون دو طرح دیگه رو هم آماده کردم و به زودی افزونه به روز رسانی میشه...

  • امتیاز 1
لینک به ارسال

با تغییر مقدار height در سلکتور بدنه اصلی یا مقدار فیلدهای ورودی input + کم کردن حاشیه ها مشکلتون رو میتونید مدیریت کنید.

البته پیشنهاد میکنم فعلا تغییری ایجاد نکنید، چون دو طرح دیگه رو هم آماده کردم و به زودی افزونه به روز رسانی میشه...

ممنونم . این به روز رسانی ، از طریق پنل وردپرس هم انجام میشه ؟ یعنی وقتی به روز بشه ، تو نل مثل بقیه افزونه ها منو با خبر میکنه ؟

====================

اون مشکل رو از طریق هاست حل کردم . نوشته هایی که رو کپتچا بودن رو 80 پیکسل اوردم پایین و الان رفته زیر جعبه ورود . اینطوری مشکل و حل کردم .

ممنونم از راهنماییتون .

منتظر به روز رسانیتون هستم .

موفق باشید .

لینک به ارسال

بله، ورژن جدید در حال حاضر آمادست و تا یکی دو روز آینده در مخزن وردپرس قرار داده میشه (پس از به روزسانی مخزن، میتونید مستقیما در پنل مدیریتتون افزونه رو به روز رسانی کنید :) )

موفق باشید...

  • امتیاز 1
لینک به ارسال

افزونه به نسخه 1.0.2 به روز رسانی شد...

قابلیت های جدید:

  • افزودن دو طرح جدید Dark و Gray
  • افزودن پنل تنظیمات اختصاصی
  • افزودن بخش پیغام خوش آمدگویی در صفحه ورود
  • اعمال برخی تغییرات در فایل های افزونه
  • و...

  • امتیاز 2
لینک به ارسال

سلام . اقا دمت گرم . خیلی عالی شده . الان صفحه ورود واقعا زیبا شده . قسمت توضیحات و لوگو هم واقعا جالبه که خیلی کاربرد داره . واقعا خسته نباشی .

قالب دوم که عالیه و من اونو انتخاب کردم و مشکلی که گفته بودم تو پست های قبل و نداره .

post-3776-0-44090500-1387391398_thumb.jp

اما اون مشکل پست های قبل تو قالب اول همچنان وجود داره . که اگر جای پیش فرضی برای افزونه کپتچا در نظر گرفته بشه ، خیلی بهتر میشه و فکر نکنم دیگه این مشکل ایجاد بشه .

post-3776-0-77882100-1387391409_thumb.jp

ویرایش شده توسط hosseinbrusli
لینک به ارسال

خواهش میکنم :)

در قالب اول، به خاطر استفاده از تصویر پس زمینه، مقدار height به صورت ثابت در نظر گرفته شده، به همین خاطر اضافه شدن عناصر جدید باعث بهم ریختگی میشه...

یه کاری که میتونید انجام بدید اینه که با ویرایش پروپرتی margin در سلکتور nav (فایل blueStyle.css)، لینک های بازگشت، عضویت و... را از باکس خارج کنید تا فیلد های کپچا فضای بیشتری رو داشته باشند.

  • امتیاز 2
لینک به ارسال

خواهش میکنم :)

در قالب اول، به خاطر استفاده از تصویر پس زمینه، مقدار height به صورت ثابت در نظر گرفته شده، به همین خاطر اضافه شدن عناصر جدید باعث بهم ریختگی میشه...

یه کاری که میتونید انجام بدید اینه که با ویرایش پروپرتی margin در سلکتور nav (فایل blueStyle.css)، لینک های بازگشت، عضویت و... را از باکس خارج کنید تا فیلد های کپچا فضای بیشتری رو داشته باشند.

من اشنایی چندانی با کد ها ندارم . اگر میشه خیلی ساده تر مسیر این کد رو بدید ، ممنون میشم .

باید برم تو هاست ؟ یا تو ویرایش کد افزونه ؟

بعدش کدوم قسمت و کدوم خط ؟

و بعد دقیقا چی رو ویرایش کنم ؟

ویرایش شده توسط hosseinbrusli
لینک به ارسال

فرقی نمیکنه، هم میتونید از فایل منیجر هاست و هم از بخش ویرایش افزونه، اقدام به این کار کنید.

آدرس فایل اینه : blue-login-style/css/blueStyle.css

در اونجا مقدار margin سلکتور body.login div#login p#nav رو تغییر بدید:

به عنوان نمونه :


body.login div#login p#nav{
color: #fff;
margin:0 0 0 -30px;
}

البته اگه از وردپرس فارسی استفاده میکنید، به جای blueStyle، این تغییر رو باید در فایل rtl.css ایجاد کنید.

آدرس فایل : blue-login-style/css/rtl.css

تغییر کد به:


body.login div#login p#nav{
color: #fff;
margin:0 -30px 0 0;
}

  • امتیاز 1
لینک به ارسال

فرقی نمیکنه، هم میتونید از فایل منیجر هاست و هم از بخش ویرایش افزونه، اقدام به این کار کنید.

آدرس فایل اینه : blue-login-style/css/blueStyle.css

در اونجا مقدار margin سلکتور body.login div#login p#nav رو تغییر بدید:

به عنوان نمونه :


body.login div#login p#nav{
color: #fff;
margin:0 0 0 -30px;
}

البته اگه از وردپرس فارسی استفاده میکنید، به جای blueStyle، این تغییر رو باید در فایل rtl.css ایجاد کنید.

آدرس فایل : blue-login-style/css/rtl.css

تغییر کد به:


body.login div#login p#nav{
color: #fff;
margin:0 -30px 0 0;
}

دستت درد نکنه آقا علی . قالب اول هم مثل دو قالب دیگه درست شد :)

رفتم تو فایل blue-login-style/css/rtl.css و دقیقا چیزی که گفتی رو جایگزین کردم و اوکی شد .

ممنونم :)

=========================

الان مشکل ورود حل شد . اما نام نویسیش مشکل پیدا کرد ! روی دکمه نام نویسی که کلید میکنم ، مثل شکل زیر میشه . اما صفحه ورودش مشکل نداره . کپچا هم از راست یه دفعه پرید سمت چپ !

post-3776-0-21585800-1387486974_thumb.jp

=========================

یه مشکل کوچیکه دیگه هم دیدم که گفتم برای بهتر شدن افزونه خدمت شما عرض کنم :

تو قسمت پیام ورود ، اگر بخوایم نوشته یا متنی رو به صورت پاراگراف بندی شده بنویسیم ، نوشته نمیشه . تو خود کادر نوشتن افزونه میشه مثلا با زدن دکمه اینتر بعد از خط اول ، به سطر بعدی رفت و نوشته جدید نویشت . اما زمانی که تو صفحه لاگیم میای میبینی که نوشته های اصلا سطر بندی و پاراگراف بندی نشدن و همشون میچسبن به هم .

ویرایش شده توسط hosseinbrusli
لینک به ارسال

برای حل مشکل دومتون چندین راه وجود داره،

اونطور که تو تصویر پیداست، بین لیبل معادله امنیتی و فیلد ورودی کپچا فاصله زیادی هست که احتمالا به خاطر وجود تگ br باشه! یه کاری که میتونید انجام بدید حذف تگ های br. همینطور میتونید برای فضا سازی بیشتر، قابلیت نمایش لیبل "معادله امنیتی" یا "رمز نامه..." رو توسط پرورپرتی display:none (در css) لغو کنید.

یه راه دیگه ام اینه که مقادیر padding رو در سلکتور body.login div#login form input ویرایش کنید تا فضای بیشتری باز شه...

همه اینها مواردی هستن که باید خودتون تک تک امتحان کنید.

=========================

این هم مشکلی نیست! چون میتونید از تگ br استفاده کنید، مثلا:


سلام دنيا! <br />
سلام!

  • امتیاز 2
لینک به ارسال
  • 3 هفته بعد...

افزونه رو نصب کردم. اصلا کار نمیکنه

هیچ تغییری توی سایتم ایجاد نکرد

در حال حاضر از افزونه Theme My Login استفاده میکنم. اما ظاهر ورود به سایت خیلی بی ریخت شده

میشه راهنمایی کنید؟

لینک به ارسال

افزونه رو نصب کردم. اصلا کار نمیکنه

هیچ تغییری توی سایتم ایجاد نکرد

در حال حاضر از افزونه Theme My Login استفاده میکنم. اما ظاهر ورود به سایت خیلی بی ریخت شده

میشه راهنمایی کنید؟

سلام،

به پنل`تنظیمات صفحه ورود` برید و یک استایل رو انتخاب کنید.

* افزونه Theme My Login ممکنه ماژولهای خاص خودش رو اضافه کنه و باعث بهم ریختگی بشه! پیشنهاد میکنم اون افزونه رو غیر فعال کنید.

  • امتیاز 1
لینک به ارسال
×
×
  • اضافه کردن...