سلام دوستان بلاگ بیانی
۶ کد خوشگل براتون آوردم که حرف نداره
حالا این کدها چیکار میکنه؟
اگر ماوس رو ببرید روی تصاویر ، به طرز خوشگلی روش افکت داده میشه!
توجه : برای استفاده از این کد نیازی به خریداری جاوااسکریپت نیست!
کد رو در قسمت css قالبتون بزارید ، همین!
برای اینکه بتوانید در یک پست بر روی چندین عکس افکت های مختلف بزارید ، ابتدا باید یک کلاس برای هر تصویر ایجاد کنید. برای دسترسی به کدهای html هر پست بر روی "<>" و یا "منبع" کلیک کنید.
سپس بر روی پاراگرافی که تصویر داخل آن وجود دارد یک کلاس ایجاد کنید. مثلا:
<p class=”abc”><other codes></p>
منظور از دیگر کدها ، کد نوشته ها و تصویر میباشد. سپس در اولین خط کد ها یک تگ استایل به صورت زیر باز کنید.
<style></style>
و کد های افکت تصویر را پس از یک نقطه و نام کلاس مورد نظر و فاصله داخل تگ استایل کپی کنید. مثلا:
<style>.abc img:hover{....................................}</style>
توجه کنید که باید .abc را در اول تمامی img ها بنویسید.
به این صورت تنها بر روی تصویر مورد نظر که براش کلاس ایجاد کردید افکت اعمال میشود. میتوانید اینکار را برای تمامی تصاویر موجود در پست اعمال کنید.
موفق باشید (:
+در صورتی که هیچی متوجه نشدید باید از مقداری دانش html و css بهره مند باشید!
[برو به فرم ارسال نظر]