Printable View
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام دوستان ، کسی میدونه چطوری با استفاده از div و css3 روی باکس های شکل بالا ، لینک گذاشت؟
میخوام با div یا هر ترفند دیگه ای روی 9 تا از باکس های رنگی بالا لینک قرار بدم. :41:
خیلی اورژانسی ، واقعا ممنون میشم دوستان عزیز هر کسی اطلاعاتی داره در اختیارم قرار بده.
:9:
دوست عزیز عنوان درست برای تاپیک انتخاب کنید
متیونی این‌هارو قبلن تو فتوشاپ برش بدی و بعد این عکس‌ها رو داخل DIV قرار بدی و با CSS بچرخونیشون
این مثال رو برات نوشتم:
[HTML]<html>
<head>
<style type="text/css">
.rotate{
transform: rotate(-45deg); /*CSS3 Standard*/
-webkit-transform: rotate(-45deg); /*Webkit support */
-moz-transform: rotate(-45deg); /*FireFox Support */
-o-transform: rotate(-45deg); /*Opera Support */
-ms-transform: rotate(-45deg); /* IE9 Support */
}
</style>
</head>
<body>
<a href="#" ><div class="rotate" ><img src="baby.jpg"></div></a>
</body>
</html>[/HTML]
علاوه بر پیشنهاد David.Jn میتونی از map هم استفاده کنی بعدش بهش coordinate بدی.:46:
البته از این لحاظ گفتم که این روش در همه مرورگرها ساپورت داره و جواب میده.:10:
روی چشم ،نقل قول:
کد چرخش رو فراموش کرده بودم ، اولش میخواستم با فلش درستش کنم اما با راهنمایی شما مشکلم حل شد.
خیلی ممنون ، موفق باشید.