Проблема Изменение при наведении и при нажатии

Привет!
У меня есть 3 разных картинки. Первая - дефолтная, вторая - с эффектом при наведении, третья - с эффектом при нажатии. Проблема в том, что я не знаю как сделать так, чтобы при наведении первая (дефолтная) картинка изменялась на вторую (с эффектом при наведении), и при нажатии она изменялась на третью (с эффектом при нажатии). Я пробовал через код:
но как туда еще добавить третью кнопку я не знаю.
Пытался еще из этой темы вытащить кнопки, но там они без каких либо картинок, и полностью написаны кодом.
P.S. В кодах я не очень разбираюсь, поэтому если есть возможность, в ответе объяснить: как и куда вставлять тот или иной код. Если же нету возможности, то и на этом останусь премного благодарен
-----------------------------------
UPD:
Нашел я нужный мне css код для кнопок:
И вытащил его на сайт через html код - . Кнопка работает, но проблема в том что я хочу еще 2-3 кнопки добавить, уже с другими картинками, но как это сделать, чтобы коды не мешали друг другу? Еще такой вопрос, как мне назначить позицию на сайте для кнопок в этом html коде: ? Т.е. чтобы одна кнопка стояла там-то, другая рядом, третья в другом месте? Может как-то это делать уже через css код? Еще раз, заранее благодарю