mohamadnasre
December 4th, 2011, 12:15
با عرض سلام و خسته نباشید
من می خواستم که وقتی بر روی عکسها با موس می رویم عکس بزرگ شود و به جلو بیاید
مثل این سایت
ماهیگیران استان بزرگ فارس (http://fishing.youhosting.ir/)
که از قالب سبز در این لینک استفاده کرده
http://www.datalifeengine.ir/extension/themes/ (http://www.datalifeengine.ir/extension/themes/three-columns/1813-%D9%82%D8%A7%D9%84%D8%A8-%D8%B3%D8%A8%D8%B2-%28XBox360%29.html)
من می خواستم اگر ممکنه بهم بگین چطوری این عمل را در قالبی دیگر به وجود بیاورم
ضمنا در این سایت و قالب فقط وقتی بر روی عکسهایی که لینک دارد می رویم بزرگ می شود
ولی من میخواهم بر روی همه عکسها این عمل صورت گیرد
در صورتیکه می دانید لطفا کمکم کنید من خیلی به این هک نیاز دارم
این کد را از یه سایت گرفتم
کجا باید قرار ش بدم در فایل مین تی پی ال گذاشتم کار نکرد
-------------------------------------------------------------------------------
با این کد می توان تصاویر را در زمانی که موس رویشان قرار می گیرد به میزان دلخواه به گردش درآورد ، دزست مانند تصویر زیر و دیگر تصاویر سایت:
img:hover {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
ضمنا باید این کد را در استایل قالب سایت بگذارید.همچنین میزان کج شدن تصاویر در این کد 2- درجه است که می توان این مقدار را به دلخواه تغییر داد .
--------------------------------------------------------------------------------
-------------------
این کدها را همپیدا کردم چجوری باید اسفاده کنم
مجموعه کد های زیبا کننده قالب (Css)
کد چرخش تصاویر
img:hover { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); }
کد کادر دادن
border:solid 1px #000000;
کد گرد کردن گوشه های کادر
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
کد سایه
text-shadow: 1px 1px 2px #000;
کد محو کردن
opacity:0.6;
ضمنا من برای دیتالایف 9.4 می خواهم اجرا بشه
تشکر فراوان
---------- Post added at 12:15 PM ---------- Previous post was at 12:14 PM ----------
ایا میشه بگید چجوری این اسکریپ را بر روی دیتالایف نصب کنم
CSS3 animation, shadows image hover effect | image hover,image gallery (http://www.htmldrive.net/items/show/1091/CSS3-animation-shadows-image-hover-effect)
من می خواستم که وقتی بر روی عکسها با موس می رویم عکس بزرگ شود و به جلو بیاید
مثل این سایت
ماهیگیران استان بزرگ فارس (http://fishing.youhosting.ir/)
که از قالب سبز در این لینک استفاده کرده
http://www.datalifeengine.ir/extension/themes/ (http://www.datalifeengine.ir/extension/themes/three-columns/1813-%D9%82%D8%A7%D9%84%D8%A8-%D8%B3%D8%A8%D8%B2-%28XBox360%29.html)
من می خواستم اگر ممکنه بهم بگین چطوری این عمل را در قالبی دیگر به وجود بیاورم
ضمنا در این سایت و قالب فقط وقتی بر روی عکسهایی که لینک دارد می رویم بزرگ می شود
ولی من میخواهم بر روی همه عکسها این عمل صورت گیرد
در صورتیکه می دانید لطفا کمکم کنید من خیلی به این هک نیاز دارم
این کد را از یه سایت گرفتم
کجا باید قرار ش بدم در فایل مین تی پی ال گذاشتم کار نکرد
-------------------------------------------------------------------------------
با این کد می توان تصاویر را در زمانی که موس رویشان قرار می گیرد به میزان دلخواه به گردش درآورد ، دزست مانند تصویر زیر و دیگر تصاویر سایت:
img:hover {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
ضمنا باید این کد را در استایل قالب سایت بگذارید.همچنین میزان کج شدن تصاویر در این کد 2- درجه است که می توان این مقدار را به دلخواه تغییر داد .
--------------------------------------------------------------------------------
-------------------
این کدها را همپیدا کردم چجوری باید اسفاده کنم
مجموعه کد های زیبا کننده قالب (Css)
کد چرخش تصاویر
img:hover { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); }
کد کادر دادن
border:solid 1px #000000;
کد گرد کردن گوشه های کادر
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
کد سایه
text-shadow: 1px 1px 2px #000;
کد محو کردن
opacity:0.6;
ضمنا من برای دیتالایف 9.4 می خواهم اجرا بشه
تشکر فراوان
---------- Post added at 12:15 PM ---------- Previous post was at 12:14 PM ----------
ایا میشه بگید چجوری این اسکریپ را بر روی دیتالایف نصب کنم
CSS3 animation, shadows image hover effect | image hover,image gallery (http://www.htmldrive.net/items/show/1091/CSS3-animation-shadows-image-hover-effect)