saeed4641 43 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 سلامبنده می خوام تصاویر پست هام افکت داشته باشهمثلا موس که رو عکس میره عکس یه خورده زاویه بگیرهالبته الان فک می کنم یه افکت پیش فرض روی قالبم فعاله که عکسها رو گرد میکنهمن نمی خوام این حالت گرد بودن گوشه های عکس از بین برهو می خوام علاوه بر اون عکس ها یه خورده زاویه بگیرنالبته اینم بگم فقط می خوام این حالت برای تصاویر پست ها به وجود بیاد نه تصاویر سایدبارآدرس سایتم هم تو امضا هستخودتون افکت الانشو نگا کنیدممنون میشم کمکم کنیدبا تشکر نقل قول لینک به ارسال
Morteza 34190 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 از transitions استفاده کنید:www.w3schools.com/css3/css3_transitions.asp 6 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 از transitions استفاده کنید:www.w3schools.com/css3/css3_transitions.aspمیشه خودتون یه کد بدید؟ممنون میشماین سایت یه خورده پیچیده استتشکر نقل قول لینک به ارسال
Parsa 23463 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 کدی ساده از همان سایت:http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transition2 2 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 کدی ساده از همان سایت:http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transition2ممنونمفقط چند سوال:این کدو تو کدوم فایل قالب و در کجاش بذارم؟نکته بعدی اینکه من نمیخوام سایز عکس آپلود شده هیچ تغییری بکنه نه اول و نه زمانی که موس روش میره فقط می خوام یه خورده زاویه بگیره.همین.چه تغییری تو این کد باید بدم؟آیا این کد همه ی عکس های سایت رو اینجوری می کنه؟چون من می خوام فقط عکس پست ها افکت بگیرنممنون میشم جوابمو بدید نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 (ویرایش شده) این کدها باید توی style.css قراربگیرن.سپس باید به صورت:.کلاس مطلب img {transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox 4 */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */} قرار بگیرن که 180 رو هم درجه هست میتونید تغییر بدید. ویرایش شده فروردین 92 توسط Mohammad 1 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 اگه بخوام وقتی موس میره رو عکس فقط شفاف بشه باید چی کار کنم؟ نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 .کلاس مطلب img:hover {opacity: 0.7;} 1 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 .کلاس مطلب img:hover {opacity: 0.7;}گذاشتم هیچ اتفاقی نیفتادهمین کده؟مطمئنی؟چرا اینقد کوتاهه؟کلاس مطلب چیه اینجا؟ نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 کلاس مطلب رو باید خودتون از توی قالب پیدا کنید.من با موبایل هستم وگرنه پیدا میکردم.میتونید فایل index.php رو اینجا ضمیمه کنید. 1 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 کلاس مطلب رو باید خودتون از توی قالب پیدا کنید.من با موبایل هستم وگرنه پیدا میکردم.میتونید فایل index.php رو اینجا ضمیمه کنید.ضمیمه شدindex.txt نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 (ویرایش شده) کد زیر رو به style.css پوستتون اضافه کنید.img.aligncenter:hover {opacity: 0.7;} ویرایش شده فروردین 92 توسط Mohammad 2 نقل قول لینک به ارسال
saeed4641 43 ارسال شده در فروردین 92 مالک گزارش بازنشر ارسال شده در فروردین 92 کد زیر رو به style.css پوستتون اضافه کنید.img.aligncenter:hover {opacity: 0.7;}ممنون عزیزفقط من می خواستم با یه افکت نرم هر وقت موس میره رو عکس،عکس شفاف بشه اونم آهسته!!این خیلی تند و تیزه نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 ابتدا در فایل style.css عبارت img.aligncenter رو سرچ کنید و مقدار زیر رو بهش اضافه کنید:transition:width 2s, height 2s;-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */ 1 نقل قول لینک به ارسال
ahadto 806 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 سلاممن توی استایل به صورت صورت ویرایش کردم اما عکسهای مطالب 180 درجه چرخیدند و همونطور ثابت موندند، در حالی که می بایست وقی موس روی اونها می رفت این اتفاق می افتاد/* Images */img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {max-width: 100%;height: auto;}img.centered,img.aligncenter {display: block;margin: 2px auto;border: 1px solid #cbcdcc;padding: 4px;}img.aligncenter :hover {display: block;margin: 2px auto;border: 1px solid #cbcdcc;padding: 4px;transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox 4 */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */} 1 نقل قول لینک به ارسال
ahadto 806 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 البته توی فایرفاکس و ie حتی برعکس هم نشدند نقل قول لینک به ارسال
ahadto 806 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 همچنین افکتهای بیشتری رو می تونید از اینجا استفاده کنید:http://tempworld.ir/page/demo/css/image%20effect%20for%20all%20image نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 سلاممن توی استایل به صورت صورت ویرایش کردم اما عکسهای مطالب 180 درجه چرخیدند و همونطور ثابت موندند، در حالی که می بایست وقی موس روی اونها می رفت این اتفاق می افتاد/* Images */img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {max-width: 100%;height: auto;}img.centered,img.aligncenter {display: block;margin: 2px auto;border: 1px solid #cbcdcc;padding: 4px;}img.aligncenter :hover {display: block;margin: 2px auto;border: 1px solid #cbcdcc;padding: 4px;transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox 4 */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */}به استایلتون اضافه کنید position:relativeالبته برای ie این کدها عمل نمی کنند و برای اون باید به این کدها مقدار بدید filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";بهتره که برای افکت از کدهای jquery استفاده بشه 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .