15
●1.871
<?php
/******************************************************
* @Coder : Resul ÇAĞLAYAN
* @Web Site : http://www.teknonix.com
* @email : info@teknonix.com
* @Copyright : 2011 teknonix.com
*****************************************************/
?>
<link rel="stylesheet" type="text/css" href="tema/OrangeNix/manset.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<div class="manset">
<div id="featured" >
<ul class="ui-tabs-nav">
<?php $mansetx = mysql_query("select * from haber_icerik where manset='Aktif' order by id desc limit 6");?>
<?php while($manx = mysql_fetch_array($mansetx)){ ?>
<li class="ui-tabs-nav-item" id="nav-fragment-<?php echo $manx['id'];?>"><a href="#fragment-<?php echo $manx['id'];?>"><img src="upload/manset/<?php echo $manx['resim_m'];?>" alt="<?php echo $manx['adi'];?>" width="80" height="50" /><span><strong><?php echo $manx['adi'];?></strong></span><br /><?php echo $manx['ozet'];?></a></li>
<?php } ?>
</ul>
<?php $manset = mysql_query("select * from haber_icerik where manset='Aktif' order by id desc limit 6");?>
<?php while($man = mysql_fetch_array($manset)){ ?>
<div id="fragment-<?php echo $man['id'];?>" class="ui-tabs-panel" style="">
<img src="upload/manset/<?php echo $man['resim_m'];?>" alt="<?php echo $man['adi'];?>" width="602" />
<div class="info">
<div style="height:60px; overflow:hidden">
<h2><a href="<?php echo $man['seo'];?>-<?php echo $man['id'];?>-haber.html" title="<?php echo $man['adi'];?>"><?php echo $man['adi'];?></a></h2>
<p><?php echo $man['ozet'];?>... <a href="<?php echo $man['seo'];?>-<?php echo $man['id'];?>-haber.html" title="devami">devami</a></p>
</div>
</div>
</div>
<?php } ?>
</div>
<div style="height:7px"></div>
</div>Manset.css #featured{
width:925px;
position:relative;
border:1px solid #F60;
height:370px;
background:#fff;
margin:auto;
text-align:left;
overflow:hidden;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:600px;
list-style:none;
padding:0; margin:0;
width:323px;
background-color:#fff;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#000; background:#F2BE53;
line-height:20px;
text-decoration:none;
overflow:hidden;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#F60;
color:#FFF;
}
#featured .ui-tabs-panel{
width:602px; height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:290px; left:0;
height:70px;
background: url('images/transparent-bg.png');
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
} 
