Beyaz.Net İpucu
CSS video resimlerin üzerine player resmi eklemek
<style type="text/css">
.tabcontent {
clear: both;
float: left;
height: 243px;
padding: 10px 5px;
width: 455px;
}
.tabcontent ul {
clear: both;
float: left;
width: 455px;
}
.tabcontent ul li {
float: left;
margin-bottom: 10px;
margin-left: 10px;
max-height: 111px;
width: 140px;
}
.tabcontent ul li img {
clear: both;
float: left;
margin-bottom: 5px;
margin-right: 7px;
width: auto;
}
.tabcontent ul li a {
clear: both;
color: #333333;
}
.videoPlayerAnasayfa {
background: url("http://www.trtbosanski.com/images/play_ok.png") no-repeat scroll center center transparent;
float: left;
height: 84px;
margin-bottom: 10px;
margin-top: -90px;
width: 112px;
}
</style>
<div class="tabcontent" id="videolar">
<ul>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/bosanskohercegovacki-tradicionalni-okusi/44"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/bosanskohercegovacki-tradicionalni-okusi-1-dio_video-galeri-29.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Bosna Lezzetleri</a></li>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/koracajmo-bosnom/42"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/koracajmo-bosnom-1-dio_video-galeri-1.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Adım Asım Bosna</a></li>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/cejf-uz-kafu/43"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/cejf-uz-kafu-1-dio_video-galeri-16.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Kahve Keyfi</a></li>
</ul>
</div>
.tabcontent {
clear: both;
float: left;
height: 243px;
padding: 10px 5px;
width: 455px;
}
.tabcontent ul {
clear: both;
float: left;
width: 455px;
}
.tabcontent ul li {
float: left;
margin-bottom: 10px;
margin-left: 10px;
max-height: 111px;
width: 140px;
}
.tabcontent ul li img {
clear: both;
float: left;
margin-bottom: 5px;
margin-right: 7px;
width: auto;
}
.tabcontent ul li a {
clear: both;
color: #333333;
}
.videoPlayerAnasayfa {
background: url("http://www.trtbosanski.com/images/play_ok.png") no-repeat scroll center center transparent;
float: left;
height: 84px;
margin-bottom: 10px;
margin-top: -90px;
width: 112px;
}
</style>
<div class="tabcontent" id="videolar">
<ul>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/bosanskohercegovacki-tradicionalni-okusi/44"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/bosanskohercegovacki-tradicionalni-okusi-1-dio_video-galeri-29.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Bosna Lezzetleri</a></li>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/koracajmo-bosnom/42"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/koracajmo-bosnom-1-dio_video-galeri-1.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Adım Asım Bosna</a></li>
<li><a href="http://www.trtbosanski.com/bs/gallery/video/cejf-uz-kafu/43"><img src="http://www.trtbosanski.com/fotograf/videolar/kucuk/cejf-uz-kafu-1-dio_video-galeri-16.jpg" class="fleft" height="84" width="112"><div class="videoPlayerAnasayfa"></div>
<div style="clear: both;"></div>Kahve Keyfi</a></li>
</ul>
</div>