<div id="elit">
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div id="elit">
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div id="elit">
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div id="elit">
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<div class="elit" style="background:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471612481_97.jpg);">
<div class="elitcsere">
<a href="/" target="_blank">JgVirg</a></div>
</div>
<style>
#elit{
margin: 0px auto; /* ez marad. ettl lesz a modulban kzpen */
width: 308px; /* a doboz szlessge, amiben a kpek vannak */
height: 220px; /* a doboz magassga, amiben a kpek vannak */
}
.elit{
width:70px; /* az ikon szlessge */
height:70px; /* az ikon magassga */
float: left;
margin-left: 5px; /* a kt ikon kztti tvolsg */
margin-top: 5px; /* kt sor kztti tvolsg */
-webkit-transition: opacity 0.0s linear;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
}
.elit a, elit a:hover { /* link kinzete a kp mgtt */
font-family: Arial !important;
color: #000000 !important;
font-size: 12px !important;
font-weight: bold !important;
text-decoration: none !important;
background: transparent !important;
}
.elitcsere{
height: 48px; /* mindig kisebb, mint az eredeti kp magassga */
width: 70px; /* az elit kp szlessge */
background-color: #000000; /* a beksz httr szne */
text-align: center; /* szveg kzpen */
line-height: 12px !important; /* sorok kztti tv */
margin-left:-25px; /* ettl kszik be a fekete httr */
padding-top: 20px; /* ennyivel dobja le a szveget a tetejtl */
border:0px solid #000000; /* egyezzen meg a httr sznvel */
border-radius: 0px; /* ettl kerek */
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.elit:hover .elitcsere{
opacity: 0.5;
margin-left: 0px;
}
--></style>
AJÁNLOM AZ OLDALT
Sg
Archvum
ARCHVUM
