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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      من میخواستم فایل جاوا اسکریپت با پسوند js رو روی سایتم اپلود کنم ولی ارور میده
      مینویسه:
      “js 1” به‌خاطر وجود ایراد بارگذاری نشد
      متاسفانه، این نوع پرونده به دلایل امنیتی مجاز نیست.
      اگه کسی میدونه مشکلش چیه لطفا به منم بگه
    • توسط mehditalaei
      سلام
      بنده یه افزونه نیاز دارم تا برای کاربرای سایت داشبورد حرفهای بسازم و کاربر با ورود به ناحیه کاربری بتونه اونو مدیریت کنه.
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      بروزرسانی پنجم.
    • توسط hamidgh
      سلام
      در صفحه محصولاتم هنگام خرید و اتمام مراحل ، وارد قسمت سفارشات شدم تا سفارش را ببینم متوجه شدم محصولی که 100 عدد در انبار بوده با یک خرید تمام شده و عدد 1- نمایش داده شده . در محصولات دیگر هم همین مشکل به وجود آمده است . هر عددی که در بخش تعداد در انبار می زارم بعد از یک خرید به 1- تغییر پیدا میکنه و دیگه کاربری نمیتواند ان محصول را به علت عدم موجود در انبار بخرد . همه افزونه ها رو هم غیر فعال کردم ولی درست نشد . ووکامرس هم اخرین نسخه است .از اول هم همین مشکل را داشتم
      ممنون می شوم در حل این مشکل راه نماییم کنید
      با تشکر
    • توسط napo
      سلام 
      افزونه max mega menu  رو دانلود کردم ولی متاسفانه راستچین نیست یعنی زیر منو رو سمت راست ایجاد میکنه به جای اینکه در سمت چپ نشون بده همونطوری که توی عکس مشخصه بعد انتخاب دوتا زیر منو کلا از صفحه خارج میشه
      اگه میشه کمکم کنید
      اگه کسی افزونه ای دیگه میشناسه که هم راستیچینه هم اکاردئونی ممنون میشم معرفی کنه