<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>manset</title>
<style type="text/css">
*{margin:0;padding:0;border:0;}
ol, ul, li {list-style: none;}
a{text-decoration:none;color: #000000;}
body{background:#cbcbcb;margin:0 auto;font-family:Arial, Tahoma, sans-serif, Helvetica;}
/*SLÄ°DER ALANI*/
#slider{font-family:arial;width:956px;height:303px;margin:0 auto;margin-top:15px;}
.slider-menu{background:url(images/tab-bg.png);width:560px; height:70px;margin:0px 0px}
.slider-menu ul{float:left;margin:9px -9px;}
.slider-menu ul li{float:left;margin:2px 4px;border-left:#fff 1px solid;height:20px}
.slider-menu ul li a{color:#fff;font-size:12px;font-weight:bold;padding:0px 10px 0px 20px;margin-left:10px}
.slider-menu ul li a:hover{font-size:12px;font-weight:bold;padding:0px 10px 0px 20px;}
.buykmanset{border:#8d8d8d 1px solid;border-radius:4px;width:729px;height:273px;margin:-35px 0px;background:#fff;position:absolute;}
.golge{float:left;background:url('images/tabback.png');width:428px;height:273px;position:absolute;margin:0px -0px;}
.kucukmanset{float:right;margin:-38px -12px;}
.kucukmanset .kutu{height:90px;width:220px;padding:3px;}
.kucukmanset .image img{width:212px;height:82px;border:#8d8d8d 1px solid;}
</style>
</head>
<body>
</body>
</html>
<!-- SLİDER TAB -->
<div id="slider">
<div class="slider-menu">
<ul class="tabs">
<li><a href="#stab1">SPOR</a></li>
<li><a href="#stab2">SAĞLIK</a></li>
<li><a href="#stab3">MAGAZİN</a></li>
<li><a href="#stab4">SİYASET</a></li>
<li><a href="#stab5">GÜNDEM</a></li>
</ul>
</div><!-- .slider-menu div bitişi -->
<!-- Slider Tab1 -->
<div id="stab1">
<div class="buykmanset">
<div class="golge"></div>
<a href="#"><img src="images/lara.png" width="729" height="273" alt="Ana Manset"/></a>
</div>
<div class="kucukmanset">
<div class="kutu">
<div class="image">
<a href="#"><img src="images/lara_kucuk.png" width="212" height="82" alt="Kucuk resim"/></a>
</div>
</div>
<div class="kutu">
<div class="image">
<a href="#"><img src="images/lara_kucuk.png" width="212" height="82" alt="kucuk resim"/></a>
</div>
</div>
<div class="kutu">
<div class="image">
<a href="#"><img src="images/lara_kucuk.png" width="212" height="82" alt="kucuk resim"/></a>
</div>
</div>
</div><!-- .kucukmanset div bitişi -->
</div>
</div><!-- #silder div bitişi -->resim linki Slider Manset
1
●256
- 07-05-2014, 12:11:20merhaba arkadaşlar html olarak kodlayıp wordpress üzerinde manset olarak çalıştırmak istiyorum lakin nasıl yapabileceğim konusunda bir bilgim yok bana bu konuda yardımcı olacak arkadaş var mı allah rızası için teşekkür ederim