Как сделать копирайт изображением с доп. эфектами ?

Всем приветик.
Я тут бьюсь над одной задачей, которая в общем сложновата.

Хотелось бы узнать возможно ли сделать копирайт :

Спойлер:

Не буквами, а картинкой:

Спойлер:

И чтобы наводя на эту картинку курсором, можно было бы видеть плавный переход к другой картинке.

Вот нужные изображения:

Первое изображение:


Изображение после наведения курсором:


Такой эффект можно достичь таким кодом:

Код:

<div align="center"><div id="Guestann" style=" position:absolute;z-index: 1000; bottom: 0px;
right:1%; top:98%; <div align="center"><div class=ImgField><a remove_blank.css href="http://gothic-empire.mirbb.com">
<img class="image first" src="http://savepic.ru/4242790.png">
<img class="image second" src="http://savepic.ru/4236646.png"/>
</div></a>

Но проблема в том, что этот код странно работает в шаблонах.

А также хотелось бы чтобы это изображение имело ссылку, допустим на отдельную мою ХТЛМ страницу с описанием сайта.

Заранее спасибо.

в общем сложновата

Ничего "в общем сложноватаго" здесь нет...
Во всё, что вам нужно для этого:
Ссылка 1
Ссылка 2
Ссылка 3
Ссылка 4

Изучайте, разбирайтесь.

Ну а если хотите плавную смену картинок, тогда:
Ссылка 5

В CSS

Код:

.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
-ms-transition-duration:0.7s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
margin:0;
padding:0;
}

в шаблон туда где это должно стоять

Код:

<center> 
<div class=ImgField>
<a href="http://gothic-empire.mirbb.com" target="_blank"><img class="image first" src="http://savepic.ru/4245402.png"/></a>
<img class="image second" src="http://savepic.ru/4239258.png"/>
</div>
</center>

Пример

Домовой большое вам спасибо.
Работает отлично и очень красиво.
Темку можно закрывать.