رفتن به مطلب
yasan100

آموزش ایجاد پنجره ورود خیلی زیبا modal login box

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

1:ابتدا فایل پیوست شده رو در هاست به پوشه jscripts جهت لود کردن اخرین کتابخانه jquery انتقال بدین

 

2:به مسیر زیر برین

 

 (ACP > Templates & Style > Templates > Your template Set > Ungrouped Templates > headerinclude)

 

و کد زیر را به پایین کدها اضافه کنین

 


 

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

 


 

حالا کدهای زیر رو دقیقا زیر کد بالا گذاشته و ذخیره کنین

 

 

 

حالا به مسیر زیر برین

 

(ACP > Templates & Style > Templates > Your template Set > Header Templates > header_welcomeblock_guest)

 

و کدهای زیر رو با کدهای موجود عوض کنین

 

 

 

Welcome guest! Please {$lang->welcome_login} or {$lang->welcome_register}


   	Login at {$mybb->settings['bbname']}




Username:



Password:



Remember?







 

حالا به مسیر زیر برین

global.css

 

و کدهای زیر رو اضافه کنین و لذت ببرین

 

 

#mask {
position: absolute;
z-index: 9010;
background-color: #000000;
display: none;
top: 0;
left: 0;
}

.modalBox {
position: fixed;
width: 440px;
display: none;
z-index: 9015;
background: #ffffff;
border: 1px solid #000000;
-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
-moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
.modalBox .thead {
   	font-weight: bold;
}
.modalBox .modalContent {
   	padding: 5px 10px;
} 

 

چند نکته من این کارها رو از چند سایت جمع کردم تو سایت مادر هم بود حالا خودتون میتونین

اونو شخصی کنین شکلشو عوض کنین

 

[align=center]80900305093276377800.jpg[/align]

 

[align=center]01354625345863333186.jpg[/align]


اینم از کتابخانه jquery-1.7.2.min

 

[align=center]دانلود jquery-1.7.2.min[/align]

 

 

 

 

 

 

برای قسمت کدهای مهمان تو بخش هیدر از کدهای زیر استفاده کنید تا پارسی بشه

 

مهمان گرامی به {$mybb->settings['bbname']} خوش امدید  {$lang->welcome_login} یا {$lang->welcome_register}


   	ورود به {$mybb->settings['bbname']}




نام کاربری:



رمز عبور:



به خاطر داشتن?







به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

خیلی باحال بود

 

فقط یه سوال وقتی فرم login لود میشه گزینه x برای خروج نداره چطوری بهش اضافه کنم؟!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام شرمنده اسکرین شات ها لود میشن

دکمه بستن وجود داره ولی بصورت نوشته هستش

دموی انلاین رو سایت خودم هست رو پوسته بلو پارتی گذاشتم میتونین امتحان کنین

وقت کنم کد کامل استایل رو قرار میدم تو اون دکمه بستن رو بصورت css اضافه کردم

دارم رو زیبا تر کردن صفحه کار میکنم اما زیاد اطلاعات ندارم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

کسی نیست جواب ما رو بده؟

 

به جای کدهای قسمت میهمان از کدهای زیر استفاده کنید




default.jpg


{$lang->welcome_guest}  
  1. در صورتی که برای اولین بار از این سایت بازدید میکنید, لازم است تا {$lang->toplinks_help} را مطالعه فرمایید.
  2. در صورتی که هنوز عضو نشده اید برای ارسال مطالب ,
    دانلود فایل ها, دسترسی به انجمن های ویژه کاربران عضو شده و ... در سایت {$lang->welcome_register} کنید. با کلیک بر روی ثبت نام در مدت کوتاهی عضو سایت شده و از مطالب و امکانات سایت بهره مند شوید.
  3. در صورتی که عضو سایت هستید از اینجا وارد سایت شوید
{$lang->welcome_current_time}





ورود به: {$mybb->settings['bbname']}بستن




نام کاربری:



 رمز عبور:



Remember?







>

به اشتراک گذاری این ارسال


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

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  حداکثر استفاده از ۷۵ شکلک مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به عنوان یک لینک به جای

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×