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



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

[-]
کلمات کلیدی
آموزش ساخت redirect متحرک

آموزش ساخت redirect متحرک
Wink 
سلام خدمت دوستان عزیز مای بی بی
آموزش متحرک سازی صفحات انتقال را براتون می ذارم ؛ به این شکل که صفحه انتقال (که می نویسه شما در حال انتقال به ... هستید) با استفاده از جی کوئری به صورت متحرک (بالا و پایین) میشه. متاسفانه عکس خاصی نمیتونم بذارم اما در این حد بدونید که میشه سرعت بالا رفتن و پایین رفتن را تعیین کرد.
منبع: amhf@my-bb.ir تصویر: images/smilies/heart.gif
انتشار ممنوع
برای این کار به قالب ارجاع (redirect) برید و اول کدشو یه جا کپی کنید تا اگر اشتباهی رخ داد قابل برگشت باشه. بعد با کل کد را پاک کنید و کد زیر رو جاش بذارید:

کد:
<html>
<head>
<title>{$title}</title>
<meta http-equiv="refresh" content="3;URL={$url}" />
{$headerinclude}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    function smoisrex(){
        $('.moisrexvib').animate({'top':'-50px'},2000);
        $('.moisrexvib').animate({'top':'0'},500);
    }
    setInterval(function(){smoisrex()},0)
});
</script>
<style>
.moisrexvib{
    position:relative;
    width:700px;
    height:auto;
    color:#fff;
    text-align:center;
    direction:rtl;
    padding:5px;
    font:12px tahoma;
    border:0px #000 solid;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -khtml-border-radius:10px;
    text-shadow:0px 0px 5px;
    -moz-text-shadow:0px 0px 5px;
    -o-text-shadow:0px 0px 5px;
    -ms-text-shadow:0px 0px 5px;
    -khtml-text-shadow:0px 0px 5px;
    -webkit-text-shadow:0px 0px 5px;
    background: -moz-linear-gradient( top center, red, #c10000, #ae0000 );
    background: -webkit-linear-gradient( top center, red, #c10000, #ae0000 );
    background: -o-linear-gradient( top center, red, #c10000, #ae0000 );
    background: -khtml-linear-gradient( top center, red, #c10000, #ae0000 );
    background: -ms-linear-gradient( top center, red, #c10000, #ae0000 );
    background: linear-gradient( top center, red, #c10000, #ae0000 );
}
</style>

</head>
<body>
<center style="padding-top:150px;"><div class="moisrexvib">


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>{$title}</strong></td>
</tr>
<tr>
<td class="trow1" align="center"><p>{$message}</p></td>
</tr>
<tr>
<td class="trow2" align="right"><a href="{$url}"><span class="smalltext">{$lang->click_no_wait}</span></a></td>
</tr>
</table>

</div>

</center>
</body>
</html>
با تغییر اعدادا 500 و 2000 در تابع جاوا اسکریپت بالا می تونید زمان بالا و پایین رفتنو تعییر بدید ؛ عدد بیشتر = سرعت کمتر
ضمنا روی فایرفاکس ، آی ای و کروم تست شد.
موفق باشیدتصویر: images/smilies/biggrin.gif


انجمن مهندسان نفت ایران

اراده پل نیل به موفقیت!
دمو یا اسکرین شات ؟؟
تاپیک اول و با دقت بخونید گفتن که دمو , شات یا چیزی نداره .


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش متصل کردن کاربران مای‌بی‌بی به وردپرس Tofighi 22 5,078 ۰۳ تير ۱۳۹۴، ۰۲:۵۹ ب.ظ
آخرین ارسال: Mohammadreza477
  آموزش تب بندی پروفایل به سبک VB Tofighi 162 29,539 ۱۱ فروردین ۱۳۹۴، ۰۶:۰۴ ب.ظ
آخرین ارسال: Masoud_MI
  آموزش زیبا سازی قسمت Navigation Tofighi 79 15,454 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum
  آموزش ساخت صفحات جداگانه پی اچ پی برای مای بی بی mybb 1 1,842 ۱۹ آبان ۱۳۹۳، ۰۶:۵۷ ب.ظ
آخرین ارسال: sajad1441
  آموزش فعال سازی Html امضا برای گروه‌های خاص Tofighi 5 2,629 ۲۲ مهر ۱۳۹۳، ۱۱:۴۷ ب.ظ
آخرین ارسال: akpar
  کد لینک باکس ویژه با لینک های متحرک KoG 6 2,195 ۱۷ شهریور ۱۳۹۳، ۰۷:۴۸ ب.ظ
آخرین ارسال: saze20
  آموزش ست کردن مای بی بی با آمارگیر piwik TaK DoKhTaR 20 6,017 ۰۲ خرداد ۱۳۹۳، ۰۸:۳۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش سئو وبسایت با استفاده از تگهای heading Tofighi 35 7,128 ۰۲ خرداد ۱۳۹۳، ۰۵:۴۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش تبدیل اعداد انگلیسی به فارسی در MyBB Tofighi 5 2,497 ۲۹ دى ۱۳۹۲، ۱۲:۴۱ ب.ظ
آخرین ارسال: Amir-Me
Star آموزش ایجاد تولتیپ ویژه v2 KoG 10 3,162 ۲۵ دى ۱۳۹۲، ۱۲:۵۵ ب.ظ
آخرین ارسال: Arsalan

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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