نحوه لود شدن سایت

[hannanstd.ir]

سلام . کسی میدونه سایت زیر چطو میشه که ایتو میشه ؟

یعنی منظورم اینه کسی میدونه سایت زیر واسه لود شدنش از چه افزونه ای استفاده کرده که خیلی جالب سایت بالا میاد؟

پورتال بانکداری الکترونیکی | پورتال

پ.ن : مثینکه افزونه نیست و سی اس اس 3 هست .

 

[MahdiY]

پس لینکش کو ؟

 

[anet311]

فکر کنم این سایت رو میگی؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

یک تم جوملا من دیدم از این باحالتر و مدرن تر لود میشد ...

پیداش کردم بهت میگم

 

[anet311]

البته همون تم رو هم پیدا کردم

اسمش jarida است

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

[hannanstd.ir]

پس لینکش کو ؟

ائه ؟ نمیدونم چرا لینکش غیرفعال شده بود . شرمنده

فکر کنم این سایت رو میگی؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

یک تم جوملا من دیدم از این باحالتر و مدرن تر لود میشد ...

پیداش کردم بهت میگم

البته همون تم رو هم پیدا کردم

اسمش jarida است

لینک ها تنها برای اعضای سایت قابل نمایش است.

آره منظورم همون بود . تشکر . خیلی باحال لود میشه . ولی تم نمیخواستم . میخواستم قالب خودمو همونجوری کنم .

روششو پیدا کردم که پایین میزارم :

ممنون

ها ها ها ... درستش کردم :

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

[hannanstd.ir]

کد زیر رو تو استایل قالب کپی میکنیم :

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

حالا به المان های دلخاهمون کلاس های fade-in one رو اضافه میکنیم . المان بعدی fade-in two و به ترتیب الی آخر .

مثلا تو سی اس اس به one گفتیم تو فلان ثانیه لود بشه . به two گفتیم فلان ثانیه الی آخر .

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

 

[h_asadinasab]

سلام دوست عزیز این سایت از قالب جریده استفاده شده قالبش بسیار عالی و بهینه شدس :77: :77:

این سایت رو هم من برای پروزه پایان ترم دانشگاهم :109: آوردم بالا :53: