|
Elite csere 1
2019.03.26. 22:14
CSS kd:
<style type="text/css">
#elit{
margin: 0px auto;
width: 300px;
height: 220px;
}
.elit{
width:70px;
height:70px;
float: left;
margin-left: 5px;
margin-top: 5px;
-webkit-transition: opacity 0.2s linear;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.elit a, elit a:hover { /* link kinzete a kp mgtt */
font-family: 'Open Sans', sans-serif;
color: #000000 !important;
font-size: 12px !important;
font-weight: bold !important;
text-decoration: none !important;
letter-spacing: 2px;
}
.elitcsere{
height: 55px;
width: 70px;
background: #ffffff;
text-align: center;
line-height: 12px !important;
margin-top:-15px;
padding-top: 17px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.elit:hover .elitcsere{
opacity: 0.5;
margin-top: 0px;
}
--></style>
HTML kd:
<div id="elit">
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME;">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
<div class="elit" style="background:url(KPURLCME);">
<div class="elitcsere">
<a href="LINKHELYE" target="_blank">Te?</a></div>
</div>
</div>
| 
AJÁNLOM AZ OLDALT
