بخش های اصلی
جستجو ...

پرسش و پاسخ نرم افزاری

1

کد چرخش عکس

سلام

من دنبال یک کد هستم که وقتی موس میره روی لوگو وبلاگم بچرخه و واسه عکس های دیگه وبلاگ کار نکنه.

توی اینترنت دنبالش گشتم اما یا اسکریپت بود که به درد من نمیخوره یا کدهایی بود که با قرار دادن آن ها تمام عکس موجود در وبلاگ من می چرخید.

وبلاگ من برای بلاگ است.

خواهشا راهنمایی کنید

باتشکر 

تاریخ سوال: شنبه ۱۶ بهمن ۹۵ - ۹:۵۹ تصویر سید عارف مشکات سید عارف مشکات
6 پاسخ ارسال شده
2

با سلام

در صورتی که آدرس صفحه رو میدادید دقیقا میتونستم کدی رو بدم که مستقیما اجرا کنید و مشکل حل بشه ولی در اینجا توضیح کلی در رابطه با نحوه این کار بهتون میدم

برای این منظور شما باید  از دستور transform در css استفاده کنید.

روش استفاده از این دستور بشکل زیر هستش:

div {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

نمونه کد بالا باعث چرخش ۷ درجه ای شئ مورد نظر میشه.

حالا شما چطور میتونید ازش استفاده کنید:

برای مثال اگه کلاس مربوط به لوگوی شما برابر با mylogo باشه کافیه کد زیر رو توی بخش css خودتون بنویسید:

.mylogo:hover {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

کد بالا باعث میشه که وقتی ماوس روی لوگو قرار بگیره، ۷ درجه چرخش انجام بشه. حالا اگه میخواید این چرخش بصورت انیمیشنی باشه و با زیبایی انجام بشه کافیه کد زیر رو هم اضافه کنید:

.mylogo{
    transition: 0.2s;
}
تاریخ پاسخ: یکشنبه ۱۷ بهمن ۹۵ - ۱۰:۴۰تصویر SoftSkill SoftSkill
1

سلام

من میخوام وقتی موس روی یک عکس مشخص میره بچرخه

این کد عکس هست:

//bayanbox.ir/view/8155520477958136799/%D9%84%D9%88%DA%AF%D9%88-%D8%A8%D8%A7%D9%84%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%BE%D8%A7%DB%8C%D9%87-%D8%AF%D9%87%D9%85.png

ممنون میشم راهنمایی کنید.

با تشکر

تاریخ پاسخ: دوشنبه ۱۸ بهمن ۹۵ - ۳:۲۴تصویر سید عارف مشکاتسید عارف مشکات
1

لطفا لینک صفحتون رو بفرستید تا براتون کد دقیق رو بگم. با لینک عکس هیچ کاری نمیشه کرد

تاریخ پاسخ: سه شنبه ۱۹ بهمن ۹۵ - ۹:۳۲تصویر SoftSkill SoftSkill
1

سلام

formool-4.blog.ir

 

اون لوگویی که در قسمت هدر وبلاگ و در پایین نام وبلاگ قرار دارد.

تاریخ پاسخ: سه شنبه ۱۹ بهمن ۹۵ - ۳:۲۷تصویر سید عارف مشکاتسید عارف مشکات
1

لطفا این کد رو توی کدهای css اختصاصی قالب وبلاگتون قرار بدید تا درست بشه:

#wrp .header .title .desc h2 img {
    transition: 0.2s;
}
#wrp .header .title .desc h2 img:hover {
    transform: rotate(360deg);
}
تاریخ پاسخ: چهارشنبه ۲۰ بهمن ۹۵ - ۸:۳۴تصویر SoftSkill SoftSkill
0

سلام

کد رو گذاشتم تغییری در لوگو سیاه و زرد وبلاگ به وجود نیومد.

موس هم که بردم روش فایده ای نداشت.

یه نکته بگم:

اون لوگو رو به جای توضیحات مختصر وبلاگ قرار دادم.

مطمئنید که کاری به کد شکل نداره؟

تاریخ پاسخ: چهارشنبه ۲۰ بهمن ۹۵ - ۱۰:۱۰تصویر سید عارف مشکاتسید عارف مشکات
برای ارسال پاسخ لطفا کلیک کنید تا وارد حساب کاربری خود شوید

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد