Xen-Template - حباب در پاورقی | انجمن کاربردی (گروه آموزشی الغدیر)

practicalsoft · 2025-01-04T06:44:00+00:00

کد نمایش حباب در فوتر 1 - پیش نمایش پس از نصب 2- قالب ( PAGE_CONTAINER ) را باز کرده و کد را پیدا کنید 3- کد زیر را در زیر آن اضافه کنید 4- قالب ( extra.less ) را باز کرده و کد زیر را اضافه کنید #footer { --footer-background: #0B4065; position: relative; grid-area: footer; min-height:110px; } #footer .p-footer-inner { z-index: 1; position: inherit } #footer .bubbles { position: absolute; top: 35px; left: 0; right: 0; -webkit-filter: url("#blob"); filter: url("#blob"); } #footer .bubbles .bubble { position: absolute; left: var(--position, 50%); background: var(--footer-background); border-radius: 100%; -webkit-animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s),bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s); animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s),bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%) } @-webkit-keyframes bubble-size { 0%,75% { width: var(--size, 4rem); height: var(--size, 4rem) } 100% { width: 0rem; height: 0rem } } @keyframes bubble-size { 0%,75% { width: var(--size, 4rem); height: var(--size, 4rem) } 100% { width: 0rem; height: 0rem } } @-webkit-keyframes bubble-move { 0% { bottom: 2rem } 100% { bottom: var(--distance, 10rem) } } @keyframes bubble-move { 0% { bottom: 2rem } 100% { bottom: var(--distance, 10rem) } }

practicalsoft

پرسنل مدیریت

مدیر کل انجمن

Jan 4, 2025

کد نمایش حباب در فوتر

1 - پیش نمایش پس از نصب

برای دیدن تصاویر باید ثبت نام کنید

2- قالب ( PAGE_CONTAINER ) را باز کرده و کد را پیدا کنید

HTML:

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

3- کد زیر را در زیر آن اضافه کنید

HTML:

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

4- قالب ( extra.less ) را باز کرده و کد زیر را اضافه کنید

CSS:

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

اعلامیه حق چاپ

1. این انجمن تحت قوانین جمهوری اسلامی ایران اداره میشود؛
2. در موقع ثبت نام قوانین انجمن را پذیرفته اید اما پیشنهاد میشود قبل از هرگونه فعالیت قوانین را مرور بفرمایید؛
3. مسئولیت کلیه مطالب منتشر شده در این انجمن متعلق به نویسنده اصلی است که بیانگر دیدگاه های شخصی است و ربطی به این انجمن ندارد؛
4. بدون اجازه نویسنده این پست، سایر انجمن ها وبسایت و وبلاگها و افراد مجاز به استفاده، ونشر مجدد یا نقل قول از این مطالب نیستند، ودر این صورت تخلف تلقی می شود؛
5. برای نشر یا نقل مطالب این مقاله لطفا منبع و نویسنده اصلی را ذکر کنید. نویسنده اصلی و این انجمن حق نشر را برای خود محفوظ می دارد.
6. لطفا و حتما از ارسال مطالب تبلیغاتی و اسپم در انجمن خودداری فرمایید

Xen-Template حباب در پاورقی

اطلاعات موضوع

practicalsoft