رفتن به مطلب

افکت یا استایل برای عکس ها


پست های پیشنهاد شده

سلام من به طور مثال یه دسته میسازم با نام گالری تصاویر و اون رو توی فهرست ها قرار میدم و سپس از خود گالری تصاویر پیشفرض وردپرس گالری رو میسازم و انتقالش میدم فقط به دسته گالری تصاویر

حالا من میخوام کسی که این صفحه رو بازدید میکنه و عکس رو میبینه این موس یا هرچی که رو عکس میره عکس افکتی یا چیزی داشته باشه / به من گفتن که باید از استایل استفاده بشه ، اما نمیدونم استایل چیه و روش استفادش چطوره ، چون من مبتدی هستم

لینک به ارسال

با عرض معذرت از همه اساتید .. دوست من شما برای این کار به این قسمت بروید .

پیشخوان >نمایش>ویرایشگر

و سپس فایل style.css رو انتخاب کنید و در انتهای اون به عنوان مثال کد زیر رو قرار دهید ...


img:hover {
opacity:0.5;
}

لینک به ارسال

با عرض شرمندگی دوست عزیزم هیچ اتفاقی رخ نداد

من این کد رو در ته style.css قرار دادم اما هیچ چیز رخ نداد

باتشکر

لینک به ارسال

آیا تغییرات رو ذخیره کردید ؟ این کد فقط با firefox کار میکنه ! در صورتی که از اینترنت اکسپلورر هم استفاده میکنید کد زیر رو جایگذاری کنید


img:hover {
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

لینک به ارسال

نمونه های کامل:


http://www.w3schools.com/css/css_image_transparency.asp
http://designshack.net/articles/css/joshuajohnson-2/

لینک به ارسال

پروفایل خود را در انجمن تکمیل کنید

سایتتون آنلاینه؟

باید استایل دهید در فایل style.css پوسته


img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

لینک به ارسال

ممنون عزیز جون کار کرد عکس ها سیاهه و زمانی که موس روش میره عکس روشن میشه این خوبه منتها میشه مثلا عک همون باشه ولی موس روش میره یه ذره چرخش پیدا کنه یا افکتی باشه که موس روش میره چهار گوشه عکس جمع بشه و این کد به ز فایرفاکس و IE روی کروم هم کار کنه؟؟؟؟

ویرایش شده توسط moradikolani
لینک به ارسال

ممنون درست شد/ ولی کد ندارید که مثلا شخص موس رو میبره رو عکس ، عکس یه ذره بچرخه یا عکس چهار گوشش جمع بشه؟؟؟/و توی فایر فاکس و کروم هم کار کنه؟

لینک به ارسال

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


img{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}

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


http://premiumcoding.com/css3-tricks-animated-hover-effects/
http://davidwalsh.name/css-flip
http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html

لینک به ارسال

خب کلاس پست رو چطوری قبلش تعریف کنم براش؟؟؟؟

یه ذره بیشتر تو این زمینه راهنماییم کنید

ممنون از شما که خیلی کمکم میکنید

لینک به ارسال

کلاس اون بخش رو باید بدست بیارید

ببینید متن تصاویر پست در چه کلاسی قرار دارند

نمونه:


.post img{

لینک به ارسال

ممنون از شما من از این کدی که بالا دادی استفاده کردم عالیست ولی چیکار کنم چرخش خیلی کم باشه؟؟؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...