merhaba arkadaşlar egitim-dunyasi.net isimli sitemde bulunan manşet alanının, kenarında bulunan haberlere tıklanınca değilde mouse ile üzerinde gelince, yani standart haber sitelerindeki gibi farenin üzerine geldiği habere anında gitmesini istiyorum, baya uğraştım ama istediğimi başaramadım aşağıya styl.css ve slide.php dosyalarını ekliyorum eger farklı bir kod gerekli ise onuda ekleyebilirm... çözüm önerilerinizi siz değerli üstadlardan beklemektayim...

slide.php

Lütfen Yönetim Panelinden Slide alanında listemek istediğiniz içerik türünden birini seçiniz (Son Yazıları Göster veya Kategori Yazılarını Göster)

Lütfen Yönetim Panelinden Slide alanında yer alan Slide Kategorisini seçiniz

$slidecategory = get_option('srr_slide_category');
$category_id = get_cat_ID( ''.$slidecategory.'' );
?>
query('cat='.$category_id.'&showposts=5'); ?>
have_posts()) : $SlidePosts->the_post(); $a++; ?>

$slidecategory = get_option('srr_slide_category');
$category_id = get_cat_ID( ''.$slidecategory.'' );
?>
query('cat='.$category_id.'&showposts=5'); ?>
have_posts()) : $SlidePosts->the_post(); $a++; ?>

sytle.css
/*
Theme Name: Haber34 Tema 1
Theme URI: http://www.haber34.com
Description: Haber34 Wordpress Tema 1
Version: 1.0
Author: Haber34
Author URI: http://www.haber34.com
Tags: wordpress, tema, haber, haber34
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
}
body {
background:#fff url('images/bg.jpg') repeat-x;
font-family: Tahoma;
font-size: 12px;
color: #000;
}
a {
font-weight: bold;
text-decoration: none;
color:#000;
}
a:hover {
color: #000;
}

li {
list-style:none;
}
span {
font-weight:bold;
}
.genis {
width:1030px;
margin:0 auto;
}
.header {
height:140px;
width:1030px;
float:left;
}
.logo {
float:left;
width:390px;
height:100px;
}
.slogan {
float:left;
font-size: 10px;
color:#545454;
}
.reklam1{
float:right;
width:468px;
height:60px;
margin-top:20px;
}
.menu {
width:1030px;
line-height:38px;
float:left;
}
.menu li {
background:url('images/ayrac.jpg') no-repeat right;
float:left;
font-size:12px;
padding:0px 11px 0px 11px;
font-weight:normal;
}
.menu li a{color:#333;}
.menu li a:hover{color:#ff0202;}
input.arama {
float:left;
width:200px;
border:1px solid #9a9a9a;
padding:7px 7px 6px 7px;
color:#484848;
font-size:11px;
margin-left:10px;
margin-top:6px;
}
input.buton {
float:left;
background:url('images/aramabuton.jpg') no-repeat;
border:none;
width:62px;
padding:7px 7px 6px 7px;
margin-left:5px;
margin-top:6px;
}

#slide{
width:678px;
position:relative;
border:1px solid #ccc;
height:315px;
background:#fff;
margin-bottom:10px;
}
#slide h1{
padding:9px;
}
#slide ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:278px;
}
#slide ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#slide ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
width:70px;
}
#slide ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#slide li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
}
#slide li.ui-tabs-nav-item a:hover{
background:#99cc66;
}
#slide li.ui-tabs-selected{
background:url('images/selected-item.gif') top left no-repeat;
}
#slide ul.ui-tabs-nav li.ui-tabs-selected a{
background:#99cc66;
}
#slide .ui-tabs-panel{
width:400px;
height:315px;
background:#999; position:relative;
}
#slide .ui-tabs-panel .info{
position:absolute;
top:245px; left:0;
height:70px;
background: url('images/transparent-bg.png');
width:400px;
}
#slide .info h1{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#slide .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#99cc66;
}
#slide .info a{
text-decoration:none;
color:#fff;
}
#slide .info a:hover{
text-decoration:underline;
}
#slide .ui-tabs-hide{
display:none;
}
.attachment-slide-thumbu{
width:400px;
height:315px;
}
.genel {
float:left;
width:1030px;
margin-top:10px;
}
.solsutun {
width:720px;
float:left;
}
.solsutun .baslik{
background:#E7151D;
padding-left:8px;
color:#fff;
line-height:30px;
margin-bottom:8px;
font-size:20px;


}
.kutular{
float:left;
width:220px;
padding-right:10px;
padding-bottom:10px;
height:300px;
}
.attachment-medium{
width:218px;
height:130px;
border:1px solid #555;
}
.title{
padding:8px 0px 8px 0px;
}
.entry p{
padding:5px 0px 5px 0px;
line-height:18px;
}
.katet{
font-size:12px;
font-weight:normal;
}
.katet a{font-weight:normal;}
.paylas{
float:right;
}
.sayfalama{
float:left;
width:720px;
}

.sagsutun {
width:300px;
float:right;
}
.sagkutu{
width:300px;
background:#fff;
margin-bottom:12px;
padding:1px;
border:1px solid #99cc66;
}
.efekt a{
background:#fff;
display:block;
float:left;
width:100px;
text-align:center;
line-height:30px;
}
.efekt a.aktif {
background:url('images/menu.jpg') no-repeat;
display:block;
float:left;
font-size:12px;
font-family:Arial;
color:#fff;
text-align:center;
padding:3px 0px 3px 0px;
}
.efekt a:hover {
background:url('images/menu.jpg') no-repeat;
display:block;
float:left;
font-size:12px;
font-family:Arial;
color:#fff;
text-align:center;
padding:3px 0px 3px 0px;
}
.sagkutu h2{
background:#0BD9CB;
padding-left:10px;
line-height:30px;
color:#fff;
}
.sagkutu ul{
margin:0px auto 15px auto;
width:280px;
}
.sagkutu li{
list-style:none;
border-bottom:1px dotted #757575;
padding:8px 0px 8px 0px;
}
.sagkutu li a{
background:url('images/li.gif') no-repeat left center;
font-weight:normal;
padding-left:15px;
color:#555;
}
.sagkutu li a:hover{
background:url('images/lii.gif') no-repeat left center;
color:#e9242b;
}
.sosyalmedya img{
float:left;
width:32px;
height:32px;
padding:10px 13px 10px 14px;

}

.footer {
background:url('images/footer.jpg') repeat-x;
width:100%;
height:110px;
color:#FFF;
}
.footeric{
margin:0 auto;
width:1030px;
padding-top:30px;
}
.footersol {
float:left;
width:500px;
}
.footersag {
float: right;
width: 300px;
}
.footer a{
color:#fff;
font-weight:normal;
}
.yorum {
float: left;
width: 720px;
margin-top:10px;
}
.yorumbaslik {
float:left;
width:670px;
background:#E7151D;
padding-left:10px;
color:#fff;
line-height:30px;
margin-bottom:10px;
}
.yorum li {
list-style:none;
width:720px;
margin-top:5px;
margin-bottom:5px;
float:left;
}
.yorumsol{
width:75px;
height:75px;
float:left;
padding:2px;
margin-right:5px;
}
.yorumsag {
float:left;
width:595px;
}
.yorumtarih{
color: #555;
padding-bottom:5px;
}
.yorumtarih span{
color:#E7151D;
}
.label{
float:left;
width:600px;
font-size:12px;
color:#E7151D;
font-weight:bold;
margin-top:5px;
}
.labeltext{
float:left;
width:80px;
line-height:25px;
}
.kutu{
float:left;
padding:5px;
border:1px solid #dbdbdb;
}


.yorumbuton {
background-color: #E7151D;
border: 0 none;
color: #FFFFFF;
float: right;
font-weight: bold;
height: 25px;
margin-right: 100px;
margin-top: 5px;
width: 80px;
}

.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }