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

[moradikolani 5]

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

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

[Parsa 23463]

چه جوری افکتی؟

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

[moradikolani 5]

سایت مذهبی هستش

هر افکتی فرق نمیکنه

افکت های رایج یا هر چیزی

www.montazereharam.ir

[686868 22]

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

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

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

img:hover {
opacity:0.5;
}

[moradikolani 5]

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

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

باتشکر

[686868 22]

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

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

[moradikolani 5]

نه کلا کار نکرد/

افکتی دیگه ای ندارید ،

ویرایش شده خرداد 92 توسط moradikolani

[Parsa 23463]

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

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

[moradikolani 5]

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

[Parsa 23463]

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

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

باید استایل دهید در فایل 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 */
}

[moradikolani 5]

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

ویرایش شده خرداد 92 توسط moradikolani

[moradikolani 5]

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

[Parsa 23463]

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

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

[moradikolani 5]

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

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

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

[Parsa 23463]

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

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

نمونه:

.post img{

[moradikolani 5]

خب میگم که من مبتدیم یه ذره در این مورد بیشتر بهم آموزش بدید / ممنون از شما

[Parsa 23463]

توضیح بیشتر از این ندارد

http://www.faridportal.com/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA/14-learn-css/150-----id-----css.html

http://webgoo.ir/22/%D8%A2%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%D8%A7-%DA%A9%D9%84%D8%A7%D8%B3-class-%D9%88-%D8%A2%DB%8C-%D8%AF%DB%8C-id-%D8%AF%D8%B1-css

در فایلهای single , index , category , tag پوسته جستجو کنید

[moradikolani 5]

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

[Morteza 34190]

مقدار درجه deg رو کم کنید