رفتن به مطلب
mohsen kian

استفاده از CSS

پست های پیشنهاد شده

با سلام

در سایت لوکالم از تصویر در صفحاتم استفاده کردم می دونم با CSS میتونم تغییر دلخواه را روی عکس ها بدم. می خوام زمانی که ماوس روی تصویر قرار گرفت تصویر دیگری نمایش داده شود. اگر کسی می تونه کمکم کنه که از چه دستوری و در کجا باید استفاده کنم؟

با تشکر

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ارسال شده در (ویرایش شده)

اگر نمی خواین از فایل جداگانه ای برای سی اس اس استفاده کنید کد زیر رو به کار ببرید

<img src="image1.jpg" border="0" alt="" onmouseover="this.src='image2.jpg';" onmouseout="this.src='image1.jpg';" style="" />
ویرایش شده توسط Abdollah Kaviani

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


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

 

اگر نمی خواین از فایل جداگانه ای برای سی اس اس استفاده کنید کد زیر رو به کار ببرید

<img src="image1.jpg" border="0" alt="" onmouseover="this.src='image2.jpg';" onmouseout="this.src='image1.jpg';" style="" />

با تشکر

اگر بخوام از فایل جدا استفاده کنم چطوریه؟

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


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

با تشکر

اگر بخوام از فایل جدا استفاده کنم چطوریه؟

اگر بخوام به عنوان کلاس Css باشه جطور؟

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


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

 
احتمالا این کد به کار بیاد
 

.imgBox { background: url(img/image1.png) no-repeat; }
.imgBox:hover { background: url(img/image2.png) no-repeat; } 

و در صفحه اصلی اچ تی ام ال تعریف کنید
 

<div class="imgBox"> </div> 

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


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

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...