آموزش طراحی وب

چگونگی ساخت تصویر متحرک گوشه سایت در وردپرس

پاسخ داده شده
0
0

سلام
سایت آسیاتک رو ببینید:
http://www.asiatech.ir/آغاز-تخفیفات-ویژه-آسیاتک-به-مناسبت-دهه-فجر-و-جشنواره-زمستان-تا-بهار

در صورت امکان تصویری متحرک از گوشه سمت راست با رفتن موس می یاد توی صفحه
راهنمایی بفرمائید به صورت کامل که این تصویر چه شکلی و به چه صورت ساخته میشه و کدهاش هم حتی الامکان در اختیار کاربران قرار بدهید
با تشکر

  • You must to post comments
Best Answer
2
2

سلام من منظور دوستمون رو با توجه به توضیحات خانم رحیمی اینطوری متوجه شدم .فایل کدها رو براتون میذارم ببینین درسته؟
http://s5.picofile.com/file/8163415176/asiatak.rar.html

  • You must to post comments
Best Answer
0
1

ممنون اقای حسنی دانلود کردم حالا این رو می خواهم تو وردپرس فراخوانی کنم چیکار باید بکنم
سورسش هم باز کردم چیزی دستگیرم نشد
ممنون میشم راهنمایی کنید
کدها رو هم در css وردپرس گذاشتم کل صفحه ریخت به هم موندم چیکار کنم
با تشکر

  • hossein hassani
    سلام شما نباید عین اون کدها رو در فایل css وردپرستون کپی میکردین.چون من توی این کدها فقط برای نمونه مثالی رو آوردم مثلا چون فقط یه تصویر توی مثال من بود من از انتخابگر img و بدون کلاس خاصی استفاده کردم و با این کاری که شما کردین این ویژگیهایی که ما برای این تصویر قرار داده بودیم روی تمام تصاویر صفحه اعمال میشه.الان به اون تصویر یه کلاس خاصی دادم بنام bottom-img که میتونین دوباره دانلود و ازش استفاده کنین. http://s5.picofile.com/file/8163415176/asiatak.rar.html
  • حجت کریمی
    ممنون دست شما درد نکنه تو سایت گذاشتم فقط یه مشکل دارم خودتون هم می تونید ببنید: http://shopcity.ir فقط تو صفحه اول سایت گذاشتم تو سایر صفحات فعلا نگذاشتم مشکل اینه که تو IE اخرین ورژن که 11 هست تصویر سریع می پره و حالت آرام و متین که شما درست کردید انجام نمیشه ولی در کروم خوبه یه بررسی بفرمائید ممنون میشم با تشکر
  • hossein hassani
    سلام مجدد.کدها رو دوباره دانلود و جایگزین کنید ببینید درست میشه؟یا اینکه فقط اون قسمتایی که جدید گذاشتم رو اضافه کنید. http://s5.picofile.com/file/8163415176/asiatak.rar.html
    • Guest
    • 4 سال قبل
    • 1
    سلام جناب کریمی کد رو درست پیاده نکردید و اونطور که باید انجام نشده.
  • حجت کریمی
    سلام آقای همت یار لطفاً با فایرباگ در فایرفاکس یا حالا در کروم و غیره کدهای صفحه رو مشاهده کنید و راهنمایی بفرمائید آقای همت یار الا ن مشکل دقیقاً چی هست چون خودم هم متوجه نمیشم مشکل داره یا خیر کدهای جدید هم که جناب حسنی زحمت کشیدند آپلود کردند مجدد در فایل style.css جایگزین کردم ولی تغییری حاصل نشد همچنان مشکل در مرورگر IE 11 هست که تصویر سریع می پره بالا ولی در کروم و فایرفاکس تصویر خیلی آرام به بالا حرکت می کنه همین کد ها رو دقیقا روی قالب اصلی وردپرس 2015 نیز نصب کردم که در مرورگر IE 11 به خوبی نمایش می داد و حالت پرش نداشت پس مشکل از این قالب فروشگاه هست که باید با این ست بشه http://ShopCity.ir با تشکر
1
1

بفرمایداین هم لینکش http://afwebco.com/right%20banner.txt

    • Guest
    • 4 سال قبل
    این کدی که ارسال کردید جاوااسکریپتیه، بدون جاوا اسکریپت هم میتونید خیلی راحت پیاده کنید.
  • You must to post comments
0
1

سلام دوست عزیز
چیز خاصی نیست فقط خلاقیته .
یه تصویر هست که با position:fixed اون رو پایین صفحه سمت راست قرار دادن و با حالت hover موس به مقدار right اون تصویر اضافه می کنن و اون میاد تو صفحه . یعنی مقدار right اولیه به عنوان مثال -80px هست و با حالت موس میشه 80px
امیدوارم که واضح رسونده باشم.
موفق باشید

  • You must to post comments
0
1

بلی درسته فقط کافیه یه خورده آشنایی با زبان های تحت وب داشته باشی . این هم یه نمونه ازکدفقط بایداین کدرو توی یه جای درست ازقالب ات بزاری .
var _mxvtmw_position = ‘right’, _mxvtmw_domain = ‘www.ursite.com’

بجای آدرس http://www.ursite.com میتونی آدرس سایت خودت روجایگزین کنی .

    • Guest
    • 4 سال قبل
    کدهاتون رو تو یه فایل txt قرار بدید و لینکشو تو پاسخ قرار بدید.
  • You must to post comments
0
0

ممنون ولی جاوا اسکریپت نباشه خیلی بهتره
خانم رحیمی درست متوجه نشدم میشه کد css رو دقیقاً بفرمائید چی وارد فایل style.css بکنم
ضمناً اگه بخوام همون گوشه تصویر از پایین بیاد بالا چیکار کنم دقیقاً گوشه سمت راست
سایتم وردپرس هستش:
http://ShopCity.ir
شاپسیتی
با تشکر

  • You must to post comments
0
0

بله درسته ، همین کدی که آقای حسنی گذاشتن رو استفاده کنید ، دقت کنید کد اول رو استفاده کنید .
این حرکت از سمت پایین به بالا به دلیل اینه که اون تصویر فیکس شده و با اسکرول صفحه سر جای خودش ثابت مونده و شما هرچقدرم اسکرول و بالا و پایین کنید اون تصویر تو اون position ثابت میمونه.
موفق باشید.

  • You must to post comments
نمایش 7 نتیجه
پاسخ شما

لطفا جهت ارسال پاسخ به سایت .

سوالی دارید؟

اموزش تصادفی