Útmutató:

Bármennyi képhez használhatod, a lényeg, hogy a táblázatod sorát a kódnézetben cseréld le erre (tehát a sima <td> -t. Fontos, hogy más kód ne hasson ezekre a képekre, vagy mindkettőnél használd az !important jelzőt, hogy a megfelelő helyen használja.

<td class="elitcsere2" style="text-align: center;">

Kódja:

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 250px">

<tbody>

<tr>

<td class="elitcsere2" style="text-align: center;">

<p>

<a href="#"><img src="http://d3r0vsi2vgoyf5.cloudfront.net/sites/default/files/rihanna2.jpg" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="http://factmag-images.s3.amazonaws.com/wp-content/uploads/2016/01/rihanna-1.25.2016-616x440.jpg" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="https://consequenceofsound.files.wordpress.com/2016/01/screen-shot-2016-01-27-at-5-45-37-pm.png" style="height: 40px; width: 40px;" /></a></p>

<p>

<a href="#"><img src="http://assets.gcstatic.com/u/apps/asset_manager/uploaded/2015/46/rihanna-puma-instagram-1447758723-custom-0.png" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="http://assets3.thefourohfive.com/data/41707/medium_picture/Rihanna-Ghetto-Goth1.jpg?1452186278" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="http://d3r0vsi2vgoyf5.cloudfront.net/sites/default/files/rihanna2.jpg" style="height: 40px; width: 40px;" /></a></p>

<p>

<a href="#"><img src="http://assets.gcstatic.com/u/apps/asset_manager/uploaded/2015/46/rihanna-puma-instagram-1447758723-custom-0.png" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="http://factmag-images.s3.amazonaws.com/wp-content/uploads/2016/01/rihanna-1.25.2016-616x440.jpg" style="height: 40px; width: 40px;" /></a>&nbsp;<a href="#"><img src="https://consequenceofsound.files.wordpress.com/2016/01/screen-shot-2016-01-27-at-5-45-37-pm.png" style="height: 40px; width: 40px;" /></a></p>

</td>

</tr>

</tbody>

</table>

<p>

&nbsp;</p>

<style type="text/css">

.elitcsere2 a:link img, a:visited img{

background:#eee!important;

border:3px double #eee!important;

outline: 2px solid #fff!important;

outline-offset:-2px!important;

padding:5px!important;

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

TRANSITION: ALL .4S EASE-IN-OUT!important;

-O-TRANSITION: ALL .4S EASE-IN-OUT!important;

-WEBKIT-TRANSITION: ALL .4S EASE-IN-OUT!important;

-MOZ-TRANSITION: ALL .4S EASE-IN-OUT!important;

}

 

.elitcsere2 a:hover img {

background:#eee!important;

border:3px double #eee!important;

outline: 2px solid #fff!important;

outline-offset:-2px!important;

padding:5px!important;

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important;

TRANSFORM: ROTATE(0DEG) SCALE(1.5) SKEW(0DEG) TRANSLATE(0PX);

-WEBKIT-TRANSFORM: ROTATE(0DEG) SCALE(1.5) SKEW(0DEG) TRANSLATE(0PX);

-MOZ-TRANSFORM: ROTATE(0DEG) SCALE(1.5) SKEW(0DEG) TRANSLATE(0PX);

-O-TRANSFORM: ROTATE(0DEG) SCALE(1.5) SKEW(0DEG) TRANSLATE(0PX);

-MS-TRANSFORM: ROTATE(0DEG) SCALE(1.5) SKEW(0DEG) TRANSLATE(0PX);

}</style>