تغییر عکس با رفتن ماوس روی آن

hawram_sh

Member
سلام، من یه عکس دارم، میخوام با رفتن ماوس روی اون عکس دیگه‌ای جای اون ظاهر بشه، همچنین عکس دوم pre_load بشه؛ در ضمن عکس مورد نظر یه لینک که باید تو صفحه جدید باز بشه.
ممنون میشم اگه کسی من رو راهنمایی کنه و بگه که باید از جه کدی استفاده کنم، css یا جاوا؟ و چطوری؟
 
آخرین ویرایش:

pouya saadeghi

Active Member
این یه نمونه:
این عکسش(2تا عکس رو تو یه عکس بذارید نیازی به لود مجدد نباشه)

more4.png


کد:
.mybutten{width:128px; padding-right:30px; height:27px;float:left;
background:url([url]http://bit.ly/9kakk3[/url]) 0 0px;}
.mybutten:hover{background:url([url]http://bit.ly/9kakk3[/url]) 0 -29px;}

وقتی موس روی لینک بره ، مکان عکس بکگراند تغییر میکنه و 29 پیکسل میره بالا.

HTML:
<a class="mybutten" href="#"> Link </a>
 
آخرین ویرایش:

teshneh

Active Member
سلام
ممنون از کدهای که گذاشتید،اگر میشه یه کم در موردشون توضیح بدید که هر خط چیکار میکنه.
کدهای html هست،درسته؟
 

Roach

Well-Known Member
داداش اين نميشه يه عكس ديگه انداخت؟
نميشه اخه
قاطي ميشه
 

Roach

Well-Known Member
داداش اين عكس يه بار كامل به همراه نصف ديگه اش مياد
دوم اين كه متن قشنگ روش قرار نميگيره
سوم نميشه يه عكس ديگه شما بندازيد؟
چهرام نميشه عكسش متن داشته باشه و با فتوشاپ روش نوشته شده باشه و با Html وارد نكنيم؟
بعد هم چجوري چند تا دكمه مختلف بسازم؟
 
آخرین ویرایش:

pouya saadeghi

Active Member
این عکس یه نمونه بود.
هر عکس دیگه ای بخواین میتونید با فتوشاپ درست کنید
هر دو حالت دکمه رو داخل یه تصویر قرار بدید، در زمان mouseover فقط مکان بکگراند تغییر میکنه و به سمت بالا میره
(در نمونه ای که گذاشتم، 29 پیکسل میره بالا تا به جای دکمه خاکستری ، دکمه سبز نشون داده بشه.)

متن رو هم میتونید با فتوشاپ رو دکمه بذارید، هم با html.
اگه تو html متن رو گذاشتین، با margin و padding موقعیتش رو تنظیم کنید.

فقط دقت کنید اگه سایز دیگه‌ای تو فتوشاپ درست کردید، پیکسل ها رو تنظیم کنید.
(اگه با تنظیم پیکسل‌ها مشکل دارین، اینجا رو بخونید)



دیگه بهتر از این نمیتونم توضیح بدم.
 

Mohammad

Member
دوست من شما اصلا این کدی که پویا جان گذاشتند رو امتحان کردید ، همین کد مورد استفاده قرار میگیره دیگه
 

Roach

Well-Known Member
اره داداش
فقط يه مشكل
من وقتي عكس رو با فتوشاپ ميسازم نميدونم چجوري چند تا منو درست كنم.چون هر چند تا كد كه ميزنم همه عكس ها شبيه به همه
ممنون
 

Mohammad

Member
به نظر من اگه برای سایت می خواهید بهتره از html استفاده کنید
چون تو seo و ... بهتره
 

greencat

Member
سلام
به این آموزش مراجعه کنید مشکلتون حل میشه :
کد:
http://aftab.cc/modules.php?name=Tutorials&op=viewtut&id=471
lموفق باشید.
 

جدیدترین ارسال ها

بالا