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

[alimir 794]

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

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

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

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

[Morteza 32,882]

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

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

[alimir 794]

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

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

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

[Morteza 32,882]

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

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

[sajjadnajafi 568]

این ها هم طرح فلت ان و البته به صورت 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

ویرایش شده در آذر 92 توسط sajjadnajafi

[hosseinbrusli 116]

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

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

اقای

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

موفق باشید .

[hosseinbrusli 116]

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

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

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

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

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

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

ویرایش شده در آذر 92 توسط hosseinbrusli

[alimir 794]

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

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

اقای

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

موفق باشید .

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

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

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

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

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

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

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

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

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

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

[hosseinbrusli 116]

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

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

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

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

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

ویرایش شده در آذر 92 توسط hosseinbrusli

[Ghaem 1,489]

سلام

به نظر من فونتش B Yekan باشه قشنگتره.

[alimir 794]

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

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

ویرایش شده در آذر 92 توسط alimir

[hosseinbrusli 116]

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

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

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

[alimir 794]

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

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

[hosseinbrusli 116]

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

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

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

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

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

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

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

موفق باشید .

[alimir 794]

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

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

[alimir 794]

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

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

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

[hosseinbrusli 116]

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

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

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

ویرایش شده در آذر 92 توسط hosseinbrusli

[alimir 794]

خواهش میکنم

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

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

[hosseinbrusli 116]

خواهش میکنم

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

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

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

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

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

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

ویرایش شده در آذر 92 توسط hosseinbrusli

[alimir 794]

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

آدرس فایل اینه : 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;
}

[hosseinbrusli 116]

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

آدرس فایل اینه : 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 و دقیقا چیزی که گفتی رو جایگزین کردم و اوکی شد .

ممنونم

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

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

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

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

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

ویرایش شده در آذر 92 توسط hosseinbrusli

[alimir 794]

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

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

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

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

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

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

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

[سیدرضا بازیار 257]

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

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

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

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

[alimir 794]

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

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

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

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

سلام،

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

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

[سیدرضا بازیار 257]

امکانات این افزونه چیه؟

میتونه پنل ورود رو واسه کاربر ها غیر فعال کنه؟