انجمن


چرخش 20درجه ای عکس ها  (۹ نوشته)

  • ahb

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۵
    تشکر شده: ۹ بار
    # نوشته شده: ۷ سال پیش
    ۱ شهریور ۱۳۹۰ - ۲۳:۲۲

    سلام
    می خواستم بدونم کسی افزونه ای که بشه عکس های مطلب را تا 20 درجه با قرار گرفتن موس روی آن عکس بچرخه
    آیا کسی این افزونه می شناسد؟
    ممنون

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Tazekar
  • omid0098

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۵۳
    تشکر شده: ۱۱۹۴ بار
    # نوشته شده: ۷ سال پیش
    ۱ شهریور ۱۳۹۰ - ۲۳:۵۷

    ahb گفت:
    سلام
    می خواستم بدونم کسی افزونه ای که بشه عکس های مطلب را تا 20 درجه با قرار گرفتن موس روی آن عکس بچرخه
    آیا کسی این افزونه می شناسد؟
    ممنون

    سلام دوست عزیز
    نیازی به افزونه نیست ؛ کد زیر را در انتهای style قالب خود قرار دهید.
    به میزانی که میخواهید عکس بچرخد -2 رو تغییر بدید.
    موفق باشید@

    img:hover {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    ;(-o-transform: rotate(-2deg
    {

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Tazekar
  • Tazekar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۶۶
    تشکر شده: ۱۹ بار
    # نوشته شده: ۷ سال پیش
    ۷ شهریور ۱۳۹۰ - ۰۷:۳۴

    برای من کار نکرد. میشه دست قالب باشه؟

  • omid0098

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۵۳
    تشکر شده: ۱۱۹۴ بار
    # نوشته شده: ۷ سال پیش
    ۷ شهریور ۱۳۹۰ - ۰۸:۵۹

    دوست من ؛ خودم تست کردم بخوبی کار میده!

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    سعید
  • Tazekar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۶۶
    تشکر شده: ۱۹ بار
    # نوشته شده: ۷ سال پیش
    ۹ شهریور ۱۳۹۰ - ۱۵:۱۶

    به صورت کد بنویسیدش لطفا. اینطوری:
    code

  • Tazekar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۶۶
    تشکر شده: ۱۹ بار
    # نوشته شده: ۷ سال پیش
    ۹ شهریور ۱۳۹۰ - ۱۵:۴۳

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

  • omid0098

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۵۳
    تشکر شده: ۱۱۹۴ بار
    # نوشته شده: ۷ سال پیش
    ۹ شهریور ۱۳۹۰ - ۱۸:۲۳

    Tazekar گفت:
    فهمیدم اشکال از کجا بود. دستتون درد نکنه. کار کرد

    سلام دوست من
    خدا رو شکر که درست شد.
    حالا که مشکلتون برطرف شد یه کمک هم به من می کنید؟؟؟؟؟
    چه کدی توی style قالبتون گذاشتید که عکس های سایتت کم رنگه وقتی میری رو عکس ها پررنگ میشه ؟؟؟

    اگه کمکم کنی ممنونتم

  • Tazekar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۶۶
    تشکر شده: ۱۹ بار
    # نوشته شده: ۷ سال پیش
    ۱۰ شهریور ۱۳۹۰ - ۰۸:۱۲

    راستش من از کد ها سر در نمیارم. قالبم رو دادم برای ویرایش طرف اینو اضافه کرد. آخر style قالبم اینا بود:

    .post1 img{
    padding:3px;
    background: #eee;
    max-width:480px;
    height:auto;
    color: #000;
    opacity :0.9;
    	-moz-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	}
    .post1 img:hover{
    padding:3px;
    opacity :1.0;
    	-moz-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	-webkit-border-radius: 5px;
    -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
     -o-transform: rotate(-2deg);
    	}

    کد چرخش هم توی همینا گذاشتم که کار کرد. باید توی همین کد ها باشه

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ثاني عشر
  • Tazekar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۶۶
    تشکر شده: ۱۹ بار
    # نوشته شده: ۷ سال پیش
    ۱۰ شهریور ۱۳۹۰ - ۰۸:۲۷

    یافتم! یافتم! اوره کا! اوره کا! (فریاد ارشمیدس در هنگام کشف چگالی)

    کمرنگی و پررنگی عکس ها مربوط به opacity هستش. بقیه کدها رو کاریش نداشته باش

    این قسمت:

    .post1 img{
    
    }

    مربوط به اطلاعات عکس در موقعی است که موس رویش نیست

    این قسمت:

    .post1 img:hover{
    
    }

    مربوط به موقعی است که موس روی عکس قرار میگیرد

    اگه کد چرخش رو در قسمت دوم قرار بدیم با رفتن موس روی عکس آن را می چرخاند. اگه در قسمت اول قرار بدیم بدون رفتن موس می چرخد و مثلا می توان در قسمت دوم زاویه را صفر کرد تا وقتی موس روی عکس قرار میگیرد آن را صاف کند

    برای opacity هم همینطور. میتوان اطلاعاتی را برای موقعی که موس روی عکس نیست و موقعی که هست به عکس داد

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    omid0098 - ثاني عشر

درباره‌ی این موضوع



برچسب‌ها