moradikolani

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

19 پست در این موضوع قرار دارد

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

www.montazereharam.ir

0

به اشتراک گذاری این پست


لینک به پست

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

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

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


img:hover {
opacity:0.5;
}

1

به اشتراک گذاری این پست


لینک به پست

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

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

باتشکر

1

به اشتراک گذاری این پست


لینک به پست

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


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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

ویرایش شده در توسط moradikolani
0

به اشتراک گذاری این پست


لینک به پست

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


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

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

ویرایش شده در توسط moradikolani
1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

نمونه:


.post img{

2

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط majid_one

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

      میخواستم بپرسم این ابزار ها با چه کدی نوشته شدن و آیا میشه همه جوره توشون دست برد و برای خودت سفارشیشون کرد و استایلشون رو شبیه استایل قالب وبسایت خودت کنی؟
    • توسط ashkan91
      با سلام و خسته نباشید
      دوستان کسی میدونه چطور میشه فیلد ایمیل رو از تو فرم تسویه حساب ووکامرس غیرضروری کرد؟ (بدون استفاده از افزونه) یکی از دوستان این لینک رو فرستادن اما نمیدونم کدام تکه کد از این صفحه را میبایست درون کدهای سایت قرار بدم که مشکل حل بشه؟
      https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/#example-make-phone-number-not-required
    • توسط amirmehdi950
      سلام روزتون بخیر
      من میخوام از افزونه ultimate member private message استفاده کنم اما یه چیزی کم داره.
      میخوام دکمه پیوست هم داشته باشه.
      (این افزونه همونطوری که از اسمش پیداست برای ارسال پیام خصوصی بین کاربرا ساخته شده، افزونه private message به تنهایی کار نمیکنه و باید ultimate member هم نصب باشه که افزونه بسیار خوبیه.)
      حالا من سوالی که دارم اینه که چطوری میشه این دکمه رو هم به قسمت چت اضافه کرد و از کجا باید کدهاشو ویرایش کرد
      این هم تصویر افزونه ( محل جایگذاریش میخوام کنار بخش emoji باشه)
       

      ممنونم
    • توسط mohamad7072
      سلام دوستان خسته نباشید 
      من میخوام ظاهر سایتم رو عوض کنم مثلا صفحه اول سایتم رو تغییر دادم اما این تغییرات اعمال نمیشه یا مثلا یه افزونه رو کامل پاک کردم ولی هنوز اثراتش هست 
      همه این مشکلات وقتی هست که به عنوان کاربر مهمان وارد سایت میشم ولی وقتی لاگین میکنم همه چی درست میشه...
      مشکل از چیه کسی میتونه کمکم کنه؟؟
    • توسط Saeed Fard
      سلام خدمت دوستان عزیز وردپرسی
      در جهت ادامه‌ی فعالیت‌های وردپرس‌پارسی و حمایت از ما لطف کنید در شبکه‌های اجتماعی نظیر توییتر و فیس‌بوک ثبت‌نام و اکانت سایت وردپرس‌پارسی رو دنبال کنید و بپسندید .
      لینک اکانت‌ها
      پیشاپیش متشکریم
       
      آپدیت:
      از طریق این لینک می‌تونید مشترک کانال ما در تلگرام بشید : https://telegram.me/wp_parsi
      همینطور یک گروه پرسش و پاسخ وابسته به وردپرس پارسی وجود داره که از طریق لینک : https://telegram.me/joinchat/A13hoTxtDQ2xRKdwuDeuVA