سلام
من میخواستم رو هاست یک کاری بکنم که تو ستون های کناری وقتی با ماوس روس ستون میرم رنگ نوشته ها عوض بشه
نمونه:
http://www.p30download.com/
به این قسمت نگاه کنید :پربازدیدترین دانلود ها یا آخرین ارسال های انجمن
ممنون میشم کسی کمک کنه
در زیر کدهای index / function / میزارم
index
worldpic<?php get_header(); ?>
<div id="rightcol"><?php include (TEMPLATEPATH . '/sidebar1.php'); ?></div>
<div id="leftcol"><?php include (TEMPLATEPATH . '/sidebar2.php'); ?></div>
<div id="centercol">
<div id="centercol-ads">
<div id="centercol-adsb">
<img alt="http://www.websoftdownload.com/images/b-ads.jpg" src="http://www.websoftdownload.com/images/b-ads.jpg" />
</div>
</div>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div id="entry">
<div id="centercol-up"></div>
<div id="centercol-body">
<div class="entry">
<div class="entry-header"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></div>
<div class="entry-hit">
<img src="<?php bloginfo('template_url'); ?>/images/category.gif" alt="cat" />دسته: <?php the_category(', ') ?> </div>
<div class="entry-body">
<?php the_content(); ?>
<br/></div><div align="right"> </div><br /><img src="<?php bloginfo('template_url'); ?>/images/more.gif" alt="more" /> <a target="_blank" href="<?php the_permalink() ?>" class="more-link">ادامه مطلب "<?php the_title(); ?>"</a>
</div>
<div class="entry-footer">
<div align="left">
<img src="<?php bloginfo('template_url'); ?>/images/author.gif" title="نویسنده: <?php the_author(', ') ?>" alt="author" />
<img src="<?php bloginfo('template_url'); ?>/images/date.gif" title="<?php the_time('j F Y'); ?>" alt="date" />
<a target="_blank" href="<?php the_permalink() ?>" title="لینک ثابت مطلب" /><img src="<?php bloginfo('template_url'); ?>/images/link.gif" alt="permalink" /></a>
<img src="<?php bloginfo('template_url'); ?>/images/comment.gif" title="<?php comments_number('بدون نظر', 'یک نظر', '% نظر'); ?>" /></a>
</div>
<img src="<?php bloginfo('template_url'); ?>/images/tags.gif" alt="tags" />برچسب ها: <?php the_tags('') ?>
</div>
</div>
</div>
<div id="centercol-down"></div>
<?php endwhile; else: ?><?php endif; ?>
<div id="page">
<div id="page-up"></div>
<div id="page-body">
<div id="page-btext">
<div id='wp_page_numbers'>
<?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>
</div>
</div>
</div>
<div id="page-down"></div>
</div>
<div id="up">
<center>
<a href="#top" /><img src="<?php bloginfo('template_url'); ?>/images/up.gif" alt="up" /></a>
</center>
</div>
</div>
<?php get_footer(); ?>function
<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'rightside',
'before_widget' => '',
'after_widget' => '</center>
</div>
</div></div><div id="rightcol-down"></div>
',
'before_title' => '<div id="rightcol-up"><div id="rightcol-uptext">',
'after_title' => '</div></div><div id="rightcol-body"><div id="rightcol-btext"> <div class="textwidget">
<center>
',
));
?>
<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'leftside',
'before_widget' => '',
'after_widget' => '</center>
</div>
</div></div><div id="leftcol-down"></div>
',
'before_title' => '<div id="leftcol-up"><div id="leftcol-uptext">',
'after_title' => '</div></div><div id="leftcol-body"><div id="leftcol-btext"> <div class="textwidget">
<center>
',
));
?>دوست عزیز این کار با CSS انجام میشه و به ایندکس و فانکشن مربوط نمیشه ..
باید با CSS آشنا باشید و با CSS میتونید انجامش بدید ..
موفق باشید ../.
میتونید از hover در سی اس اس استفاده کنید . مثلا :
sidebar:hover{ color:red;}
این هم css
ممنون میشم کمک کنید. من زیاد به css آشنایی ندارم
Saeed Fard
عبدالماجد شه بخش ( ایجباری )/*
Theme Name : WSDIR4U
Theme Version : 5.0
Author : WebSoftDownload.Com
*/
body{
background: #f7f7f7 url(images/backround.gif) repeat-x;
font:11px tahoma;
direction:rtl
}
img{
border:none;
}
input,select,table,button{
font:11px tahoma;
}
textarea{
border:1px solid #99cc60;
background-color:#d6ebbe;
font:11px tahoma;
color:#000;
}
input{
border:1px solid #99cc60;
color:#000;
background-color:#d6ebbe;
}
#h{
display:inline;
}
h1{
font-size:16px;
}
h2{
font-size:15px;
}
h3{
font-size:14px;
}
h4{
font-size:13px;
}
h5{
font-size:12px;
}
h6{
font-size:11px;
}
.hide{
display:none;
}
#header{
background:url(images/header.1.jpg) no-repeat;
margin:5px auto 0px auto;
height:100px;
width:936px;
}
#shop-header{
background:url(images/shop-header.jpg) no-repeat;
margin:5px auto 0px auto;
height:100px;
width:936px;
}
#content{
height:auto;
width:982px;
overflow:hidden !important; overflow:visible;
margin:0 auto 10px auto;
}
#content-up{
background:url(images/body-up.png) no-repeat !important; background:url(images/body-up.gif);
height:23px;
width:982px;
overflow:hidden !important; overflow:visible;
}
#content-side{
background:url(images/body-side.png) repeat-y !important; background:url(images/body-side.gif) repeat-y;
height:100%;
width:982px;
overflow:hidden !important; overflow:visible;
}
#content-down{
background:url(images/body-down.png) no-repeat !important; background:url(images/body-down.gif) no-repeat;
height:23px;
width:982px;
overflow:hidden !important; overflow:visible;
}
#menu{
background:url(images/menu.gif) no-repeat;
height:42px;
width:936px;
margin:0 auto 0 auto;
}
#menu a{
color:#fff;
background:url(images/menu-line.gif) left no-repeat;
text-decoration:none;
text-align:center;
padding:11px 20px 0px 20px;
font-size:9pt;
float:right;
height:31px;
font-family:tahoma ;
font-weight:bold;
}
#menu a:hover{
color:#ace673;
}
#search{
background:url(images/search.png) left no-repeat !important; background:url(images/search.gif) left no-repeat;
float:left;
height:27px;
width:184px;
margin-left:10px;
margin-top:8px !important; margin-top: 2px;
}
.search-input{
background:none;
height:15px;
width:135px;
color:#fff;
border:none;
padding-top:3px !important; padding-top:5px;
font-size:10px;
padding-right: 9px;
}
.search-button{
background:none;
height:20px;
width:20px;
border:none;
padding-top:4px !important; padding-top:10px;
padding-right:3px;
cursor:pointer;
}
#linkdump{
height:auto;
width:936px;
margin:0 auto 0 auto;
padding-top:10px;
}
#linkdump-up{
background:url(images/linkdump-up.gif) left no-repeat !important; background:url(images/linkdump-up-ie.gif) left no-repeat;
height:8px;
width:936px;
}
#linkdump-body{
background:#efefef;
height:auto;
width:936px;
}
#linkdump-down{
background:url(images/linkdump-down.gif) left no-repeat !important; background:url(images/linkdump-down-ie.gif) left no-repeat;
height:8px;
width:936px;
}
#linkdump ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#linkdump ul li{
padding:0 12px 0 0;
display:block;
background:url(images/linkdump-arrow.gif) no-repeat right 5px;
}
#linkdump a{
color:#666;
text-decoration:none;
}
#linkdump a:hover{
color:#f60;
text-decoration:none;
}
#rightcol{
height:auto;
width:160px;
float:right;
padding:10px 22px 10px 8px;
color:#060;
text-align: right;
}
#rightcol-up{
background:url(images/rightcol-up.gif) no-repeat;
height:30px;
width:160px;
}
#rightcol-uptext{
font-weight:bold;
color:#fff;
padding:7px 5px;
}
#rightcol-body{
height:auto;
width:158px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#rightcol-btext{
padding:5px;
}
#rightcol-down{
background:url(images/rightcol-down.gif) no-repeat;
height:5px;
width:160px;
padding-bottom:10px;
}
#rightcol ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#rightcol ul li{
display:block;
background:url(images/arrow.gif) no-repeat right 5px;
padding:0 10px 0 0;
}
#rightcol li{
padding:0 8px 0 0;
display:block;
background:url(images/arrow.gif) no-repeat right 6px;
}
#rightcol ul li ul li{
background:url(images/point.gif) right 5px no-repeat;
padding:0 10px 0 0;
margin:0 10px 0 0;
font-weight:100;
}
#rightcol a{
color:#060;
text-decoration:none;
}
#rightcol a:hover{
color:#090;
text-decoration:none;
}
#centercol{
height:auto;
width:500px !important; width:490px;
float:right;
padding:10px 5px 10px 5px !important; padding:10px 4px 10px 6px;
color:#333;
}
#centercol-ads{
height:70px;
width:500px;
background:url(images/center-ads.gif) no-repeat;
padding-bottom:10px;
}
#centercol-adsb{
height:60px;
width:468px;
padding:5px 16px 5px 16px;
}
#centercol-up{
background:url(images/centercol-up.gif) no-repeat !important; background:url(images/centercol-up-ie.gif) no-repeat;
height:5px;
width:500px !important; width:502px;
}
#centercol-body{
height:auto;
width:498px !important; width:488px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#centercol-down{
background:url(images/centercol-down.gif) no-repeat !important; background:url(images/centercol-down-ie.gif) no-repeat;
height:5px;
width:500px !important; width:502px;
padding-bottom:10px;
}
#centercol a{
color:#333;
text-decoration:none;
}
#centercol a:hover{
color:#090;
text-decoration:none;
}
#entry{
height:auto;
width:500px !important; width:480px;
}
.entry{
padding:5px !important; padding:0px;
height:auto;
width:490px;
}
.entry-header{
padding:5px;
height:auto;
width:490px;
font-weight:bold;
}
.entry-body{
padding:5px;
height:auto;
width:480px;
}
.entry-hit{
font-size:10px;
text-align:left;
padding-left:4px !important; padding-left:4px;
width:485px !important; width:496px;
border-top:dotted 1px #ccc;
color:#666;
}
.entry-footer{
height:auto;
width:485px !important; width:500px;
border-top:dotted 1px #ccc;
font-size:10px;
color:#666;
}
#last{
height:auto;
width:500px;
float:right;
padding-top:5px;
padding-bottom:10px;
}
#last-up{
background:url(images/last-up.gif) no-repeat !important; background:url(images/last-up-ie.gif) no-repeat;
height:30px;
width:500px !important; width:502px;
}
#last-uptext{
font-weight:bold;
color:#fff;
padding:7px 5px;
}
#last-body{
height:auto;
width:498px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#last-btext{
padding:5px 5px 2px 5px !important; padding:0px;
}
#last-down{
background:url(images/centercol-down.gif) no-repeat !important; background:url(images/centercol-down-ie.gif) no-repeat;
height:5px;
width:500px !important; width:502px;
}
#last a {
color:#06f;
text-decoration:none;
}
#last a:hover{
color:#00f;
text-decoration:none;
}
#last ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#last li{
background:url(images/left-arrow.gif) no-repeat right 5px ;
display:block;
padding:0 13px 0 0;
}
#leftcol{
text-align: right;
height:auto;
width:250px;
float:left;
padding:10px 5px 10px 25px;
color:#060;
}
#leftcol-up{
background:url(images/leftcol-up.gif) no-repeat;
height:30px;
width:250px;
}
#leftcol-uptext{
font-weight:bold;
color:#fff;
padding:7px 5px;
}
#leftcol-body{
height:auto;
width:248px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#leftcol-btext{
text-align: right;
padding:5px;
}
#leftcol-down{
background:url(images/leftcol-down.gif) no-repeat;
height:5px;
width:250px;
padding-bottom:10px;
}
#leftcol ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#leftcol li{
background:url(images/left-arrow.gif) right 5px no-repeat;
display:block;
padding:0 13px 0 0;
}
#leftcol a{
color:#060;
text-decoration:none;
}
#leftcol a:hover{
color:#090;
text-decoration:none;
}
#page{
height:auto;
width:500px;
float:right;
padding:5px 0 10px 0;
}
#page-up{
background:url(images/centercol-up.gif) no-repeat !important; background:url(images/centercol-up-ie.gif) no-repeat;
height:5px;
width:500px !important; width:502px;
}
#page-body{
height:auto;
width:498px !important; width:500px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
text-align:left;
direction:ltr;
}
#page-btext{
padding-left:3px;
padding-right:3px;
}
#page-down{
background:url(images/centercol-down.gif) no-repeat !important; background:url(images/centercol-down-ie.gif) no-repeat;
height:5px;
width:500px !important; width:502px;
}
#page a{
color:#999;
text-decoration:none;
}
#page a:hover{
color:#f60;
text-decoration:none;
}
#up{
height:32px;
width:500px;
margin:10px auto 10px auto;
overflow:hidden;
}
#footer{
height:auto;
width:936px;
margin-right:auto;
margin-left:auto;
float:right;
padding-right:23px;
padding-bottom:5px;
color:#fff;
}
#footer-up{
background:url(images/footer-up.gif) left no-repeat !important; background:url(images/footer-up-ie.gif) left no-repeat;
height:5px;
width:936px;
}
#footer-body{
background-color:#61a200;
height:auto;
width:936px;
color:#fff;
}
#footer-down{
background:url(images/footer-down.gif) left no-repeat !important; background:url(images/footer-down-ie.gif) left no-repeat;
height:5px;
width:936px;
}
#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover {
color:#fff;
text-decoration:underline;
}
#comment{
height:auto;
width:500px;
padding-top:10px;
}
#comment-up{
border-bottom:1px solid #99cc60;
height:auto;
width:500px;
}
#comment-body{
padding:5px;
height:auto;
width:490px;
}
.comment-up{
background:url(images/comment-up.gif) left no-repeat !important; background:url(images/comment-up-ie.gif) left no-repeat;
height:10px;
width:490px;
}
.comment-body{
height:auto;
width:490px;
background-color:#f1f7e9;
}
.comment-btext{
padding-right:10px;
width:480px;
height:auto;
}
.comment-down{
background:url(images/comment-down.gif) left no-repeat !important;
background:url(images/comment-down-ie.gif) no-repeat;
height:10px;
width:490px;
}
.comment-gravatar{
padding-left:10px;
float:left;
}
.comment-gravatar img{
border: 1px solid #99cc60;
padding: 2px;
}
#comment-down{
border-bottom:1px solid #99cc60;
height:auto;
width:500px;
}
#tooltip{
position:absolute;
border:1px solid #eee;
background:#f9f9f9;
padding:2px 5px;
color:#666;
display:none;
font: 11px Tahoma;
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
padding: 4px 0px 0px 0px;
margin: 0;
border: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
text-transform: none;
text-indent: 0px;
font-variant: normal;
text-align: left;
line-height: 12px;
letter-spacing: 0px;
word-spacing: 0px;
}
#wp_page_numbers {
width: 100%;
}
#wp_page_numbers ul {
width: 100%;
}
#wp_page_numbers li {
float: left;
display: block;
}
#wp_page_numbers a {
padding-left: 5px;
padding-right: 5px;
display: block;
color: #6D6D64;
font-family: tahoma;
font-size: 8pt;
}
#wp_page_numbers a:hover {
padding-left: 5px;
padding-right: 5px;
display: block;
color: #49A7F6;
font-family: tahoma;
font-size: 8pt;
}
#wp_page_numbers li a:hover {
color: #666;
}
#wp_page_numbers li.space {
font-size: 8pt;
font-family: tahoma;
color: #aaa;
padding-left: 5px;
padding-right: 5px;
}
#wp_page_numbers li.first_last_page {
font-style: italic;
}
#wp_page_numbers li.active_page a {
color: #000;
font-weight:bold;
}
#wp_page_numbers li.active_page a:hover {
color: #666666; /* IE fix */
}
#wp_page_numbers li.page_info {
float: right;
font-size: 8pt;
font-family: tahoma;
color: #aaa;
display: block;
padding-right: 5px;
}page a:hover {
color: #fff; /* IE fix */
text-decoration: underline;
border-color: #A1D4E5;
}
#wp_page_numbers li.page_info {
float: right;
display: block;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-right: 2px;
color: #C4CDCA;
font-size: 11px;
border: 1px solid #A1D4E5;
}کسی کمک نمیکنه؟
حل‌نشده
