مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
ساخت mybb parallaxjs parallax header پارالکس

ساخت Header پارالکس
Question 
درود دوستان،
به عنوان نخستین ارسال آموزشی خودم در این تالار، تصمیم گرفتم به شما بیاموزم که چگونه یک بخش با پس زمینه Parallax در صفحه اصلی انجمن خود بسازید.
گام نخست: بروید به: صفحه مدیریت [admin/index.php] >> قالب ها و پوسته ها >> قالب ها [admin/index.php?module=style-templates] >> قالبی که در حال استفاده هستید >> قالب های پانوشت >> Footer
پیش از {$auto_dst_detection} وارد کنید:
کد:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://up.20script.ir/file/7bbe-parallax-min.js"></script>
گام دوم: بروید به: صفحه مدیریت [admin/index.php] >> قالب ها و پوسته ها >> قالب ها [admin/index.php?module=style-templates] >> قالبی که در حال استفاده هستید >> قالب های سربرگ >> header
کد زیر را پیدا کنید:
{$welcomeblock}
</div>
</div>
در زیر آن بنویسید:
کد:
<div class="parallax-window parallaxedbox" data-parallax="scroll" data-image-src="[image]">
<h1>متن دلخواه</h1>
<h2>متن دلخواه 2</h2>
</div>
توجه: به جای [image] آدرس تصویر خود را بگذارید برای مثال:
کد:
<div class="parallax-window parallaxedbox" data-parallax="scroll" data-image-src="http://up.20script.ir/file/ab64-farsejin-pink-flower-wallpaper-1366x768.jpg">
<h1>متن دلخواه</h1>
<h2>متن دلخواه 2</h2>
</div>
حالا بروید به: صفحه مدیریت [admin/index.php] >> قالب ها و پوسته ها >> پوسته مورد نظر شما >> global.css >> حالا در ابتدای آن بنویسید:
کد:
.parallaxedbox{color:#fff;padding:250px}
تمام شد!
به روزرسانی رسانی: اگر در ابتدای پرونده Global.css پرونده خود برای استفاده از یک قلم خاص از @import url() یا import '' استفاده کرده اید، کد را پس از import ها قرار دهید مثلا به این شکل:
کد:
@import url(http://awebfont.ir/css?id=1554);
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
html body * {font-family:'Iranian Sans','Roboto Condensed';}
.parallaxedbox{color:#fff;padding:250px}
(( در انجمنی که میخواستم آموزش را بنویسم نتوانستم دکمه ارسال موضوع را بیابم به همین دلیل در اینجا نوشتم مدیران محترم میتوانند موضوع را به محل مناسب منتقل کنند))
پاسخ
انتقال داده شد Heart

باسپاس


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ


پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir