دوستان چطور می تونم اسلاید شو رو زیر منو جایگزین کنم چون وقتی جایگزین می کنم با مشکل بر می خورم
مثل این عکس
کد های header.php
<!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">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> »<?php } ?> <?php wp_title(); ?></title>
<meta name="description" content="کسب درآمد از اینترنت در ایران ,<?php bloginfo('description'); ?>" />
<meta name="keywords" content="کسب درامد,پول,درآمد,پرداخت آنلانی,درآمدزایی حرفه ای,پی پال <?php bloginfo('description'); ?>, ایگلد ,بهترین سایتهای کسب درآمد , آموزش گسب درآمد , بهترین سایت کلیکی , سیستمها پرداخت به ازای کلیک" />
<link REL="SHORTCUT ICON" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.png" />
<?php wp_head(); ?>
<?php wp_get_archives('type=monthly&format=link'); ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/iestyle.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/ie6style.css" />
<![endif]-->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/idtabs.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/slider.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/superfish.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/hoverIntent.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.scrollable.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.mousewheel.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('ul.superfish').superfish();
});
</script>
</head>
<body>
<?php
global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } }
?>
<div id="header">
<div style="width: 950px; margin: auto;">
<a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg" alt="logo" class="logo" /></a>
</div>
<div style="clear: both;"></div>
<!--Begin Pages Navigation Bar-->
<div id="pages">
<ul class="nav superfish" id="nav2">
<li class="page_item"><a href="<?php bloginfo('url'); ?>" class="title" title="صفحه نخست">صفحه اصلی</a></li>
<?php wp_list_pages('depth=3&title_li='); ?>
</ul>
</div>
<!--End Pages Navigation Bar-->
<!--Begin Categories Navigation Bar-->
<div id="categories">
<ul class="nav superfish"><?php wp_list_categories('orderby=order&title_li=&hide_empty=0'); ?></ul>
</div>
<?php
// added by <yourname> in order to add the slideshow using the frontpage-slideshow plugin
echo do_shortcode('[FrontpageSlideshow]');
?>
<!--End category navigation-->
</div>
<div id="wrapper2">
کد هایه style.css
/*
Theme Name: Buxes Red-Dark
Theme URI: http://buxes.info
Version: 1.0
Description: 2 Column theme from buxes WPT
Author: ojen
Author URI: http://ojen.ir
Share URL: http://ojen.ir
*/
body {
margin: 0px;
padding: 0;
color: #323232;
background-color:#323232;
font-family: tahoma;
font-size: 11px;
line-height: 18px;
}
#wrapper2 {
width: 950px;
margin: auto;
padding: 0px 0px 0px 0px;
background-color: #cfcfcf;
}
.share-div {
width: 590px;
height: 30px;
display: none;
}
.single-entry {
float: right;
width: 100%;
margin-bottom: 10px;
padding: 0px;
text-align:justify;
}
.post-wrapper {
direction:rtl;
background-color: #eee;
padding: 15px;
width: 581px;
border: 1px solid #999;
}
a:link, a:visited {
text-decoration: none;
color: #888;
}
a:hover, a:active {
color: #666;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0px 0 10px;
line-height: 1.3em;
}
h1 {
font-size: 32px;
margin-bottom: 0px;
margin-top: 10px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
.post-title {
line-height: 30px;
}
.home-post-wrap {
width: 278px;
height: 345px;
margin-left: 10px;
float: right;
background-color: #eee;
margin-bottom: 10px;
padding: 10px 10px;
overflow: hidden;
border: 1px solid #999;
}
.home-post-wrap-box {
width: 278px;
min-height: 230px;
margin-left: 10px;
float: right;
background-image: url(images/topsl-bg.gif);
margin-bottom: 10px;
padding: 10px 10px;
overflow: hidden;
border: 1px solid #0072ff;
color: #eee;
text-align:justify;
-moz-border-radius:10px; border-radius:10px;
}
.home-post-wrap-box a {
font-size:13px;
font-family:tahoma;
color:#fff;
text-shadow:0 1px 0 black;
}
.home-post-wrap-home {
width: 278px;
margin-left: 10px;
float: right;
background-color: #3f3f3f;
margin-bottom: 10px;
padding: 10px 10px;
border: 1px solid #666;
color: #eee;
}
.home-post-wrap2 {
width: 591px;
padding: 10px;
margin-left: 13px;
float: right;
background-color: #eee;
border: 1px solid #999;
margin-bottom: 10px;
text-align:justify;
}
.index-post-wrap {
width: 593px;
margin-left: 13px;
margin-bottom: 10px;
float: right;
background-color: #FFF;
border: 1px solid #999;
padding: 10px;
}
.readmore {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: right;
float: left;
padding-right: 20px;
}
.readmore a:link , .readmore a:visited {
color: #888;
}
.readmore a:hover {
color: #E00000;
}
.thumbnail-home {
border: 0px;
margin: 0px 0px 0px 0px;
}
.titles {
font-weight: normal;
font-size: 24px;
text-decoration: none;
}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 17px;
font-family: tahoma;
margin-bottom: 10px;
margin-top: 5px;
display: block;
background-color: #CF0000;
padding: 5px 10px 5px 10px;
color: #FFF;
float: right;
text-shadow:0 1px 0 black;
}
.titles2 a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 17px;
font-family: tahoma;
margin-bottom: 10px;
margin-top: 5px;
display: block;
background-color: #CF0000;
padding: 5px 10px 5px 10px;
color: #FFF;
float: right;
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}
pre{
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}
pre:hover, blockquote:hover {
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}
#header {
width: 100%;
height: 205px;
background-color: #000;
background-image: url(images/header-bg.gif);
margin: 0px;
border-bottom: 1px solid #999;
}
#categories {
width: 948px;
height: 45px;
background-image: url(images/categories-bg.gif);
margin: auto;
border-left: 1px solid #F91111;
border-right: 1px solid #F91111;
}
#categories ul {
list-style-type: none;
list-style-image: none;
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}
#categories ul li {
float: right;
display: block;
height: 45px;
padding: 0px;
}
#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active {
float: right;
color: #FFF;
display: block;
height: 35px;
font-size: 11px;
padding: 10px 20px 0px 20px;
margin: 0px;
}
#categories ul li a:hover {
background-position: top;
margin: 0px;
background-image: url(images/categories-hover.gif);
}
#pages {
width: 948px;
height: 45px;
margin: auto;
background-color: #313131;
background-image: url(images/pages-bg.gif);
background-repeat: repeat-x;
background-position: top;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
}
#container {
direction:rtl;
float: right;
width: 950px;
padding-top: 15px;
color: #666;
background-image: url(images/content-bg.gif);
}
#left-div {
width: 635px;
float: right;
}
#left-inside {
float: right;
padding: 0px 15px 0px 0px;
}
.adwrap {
margin-left: 26px;
}
.adwrap a, .adwrap a:hover, .adwrap a:visited {
margin-left: 5px;
margin-bottom: 5px;
display: block;
width: 125px;
height: 125px;
float: right;
}
#sidebar-wrapper {
width: 315px;
float: right;
margin-bottom: 20px;
}
#sidebar {
float: left;
padding-left: 0px;
padding-right: 0px;
width: 315px;
}
#footer {
clear: both;
width: 930px;
height: 32px;
padding-right: 20px;
text-align: right;
color: #ddd;
background-color: #101010;
padding-top: 14px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
direction:rtl;
}
#footer a , #footer a:visited {
color: #bbb;
font-size: 11px;
}
#footer a:hover {
color: #777;
text-decoration: underline;
}
#pages ul {
list-style-type: none;
list-style-image: none;
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}
#pages ul li {
float: right;
display: block;
height: 44px;
padding: 0px;
}
#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {
float: right;
color: #FFF;
display: block;
height: 34px;
font-size: 11px;
padding: 10px 20px 0px 20px;
margin: 0px;
}
#pages ul li a:hover {
background-position: top;
background-repeat: no-repeat;
margin: 0px;
color: #FFF;
background-image: url(images/pages-hover.gif);
background-repeat: no-repeat;
background-position: top;
}
.sidebar-box {
padding-bottom:10px;
margin-bottom: 10px;
float: right;
background-color: #222;
width: 278px;
border: 1px solid #bbb;
-moz-border-radius:15px; border-radius:15px;
}
.sidebar-box li {
list-style-image:url(images/li.gif);
}
.sidebar-box a:hover {
color: #eee;
}
.sidebar-box ul {
padding-right:25px;
}
.articleinfo {
border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;
}
.home-post-wrap ul li a:link, .home-post-wrap ul li a:visited, .home-post-wrap ul li a:active {
display: block;
color: #999;
width: 245px;
padding: 3px 3px 3px 3px;
background-image: none !important;
border-bottom: 1px dotted #666;
}
.home-post-wrap-home ul li a:link, .home-post-wrap-home ul li a:visited, .home-post-wrap-home ul li a:active {
display: block;
color: #999;
width: 245px;
padding: 3px 3px 3px 3px;
background-image: none !important;
border-bottom: 1px dotted #666;
}
.home-post-wrap ul li {
color: #999 !important;
margin-right: 0px;
width: 100%;
}
.home-post-wrap-home ul li {
color: #999 !important;
margin-right: 0px;
width: 100%;
}
.home-post-wrap ul {
float: right;
margin: 0px 0px 20px 0px;
padding-right: 10px;
list-style-type: none;
}
.home-post-wrap-home ul {
float: right;
margin: 0px 0px 20px 0px;
padding-right: 10px;
list-style-type: none;
}
.home-post-wrap ul li a:hover {
display: block;
padding: 3px 3px 3px 3px;
color: #eee;
background-color: #676767;
}
.home-post-wrap-home ul li a:hover {
display: block;
padding: 3px 3px 3px 3px;
color: #eee;
background-color: #676767;
}
.sidebar-box h3 {
height:28px;
background:url(images/h3-bg.gif) no-repeat center top;
font-size: 13px;
color: #eee;
font-family:tahoma;
text-align:center;
float: right;
width: 100%;
padding-top:3px;
text-shadow:0 2px 0 black;
letter-spacing: 1pt;
}
.headings {
background:url(images/hotbarn2.gif) no-repeat right;
height:21px;
font-size: 11px;
color: #fff;
font-weight: bold;
font-family: tahoma;
float: right;
width: 100%;
margin-bottom: 10px;
margin-top: 0px;
text-shadow:0 1px 0 black;
}
.headings2 {
font-size: 10px;
background:url(images/hotbarn.gif) no-repeat right;
height:21px;
color: #fff;
text-transform: lowercase;
font-weight: bold;
font-family: tahoma;
float: right;
width: 100%;
margin-bottom: 10px;
margin-top: 0px;
}
#commentwrap {
display: block;
width: 570px;
margin-bottom: 20px;
margin-top: 20px;
margin-right: 5px;
}
.commentlist ol {
margin-right: 0px;
padding-right: 0px;
}
.commentlist {
margin-right: 0px;
padding-right: 0px;
}
.commentlist li{
display: block;
float: right;
clear: both;
margin-left: 0px;
margin-bottom: 10px;
}
.comment-inside {
background-image: url(images/comment-bgDefault.gif);
padding-right: 10px;
padding-left: 40px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px 25px 0px 0px;
width: 408px;
float: right;
color: #616161;
}
#commentform {
margin: 1em 0;
background: #eee;
margin-right: 20px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #999;
width: 370px;
}
#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-right: 30px;
padding-top: 6px;
}
#commentform input {
margin-bottom: 3px;
}
.icons {
margin-top: 0px;
margin-bottom: -5px;
margin-left: 10px;
}
.thumbnail-div {
width: 281px;
height: 130px;
margin-bottom: 5px;
float: right;
margin-left: 10px;
}
.thumbnail-div-home {
width: 281px;
height: 130px;
margin-bottom: 5px;
float: right;
padding: 2px;
border: 1px solid #D1D1D1;
margin-left: 10px;
}
.thumbnail-div-2 {
width: 80px;
height: 80px;
padding: 2px;
border: 1px solid #E1E1E1;
margin-bottom: 5px;
float: right;
margin-left: 10px;
}
.thumbnail-div-3 {
width: 60px;
height: 60px;
padding: 2px;
border: 1px solid #E1E1E1;
margin-bottom: 5px;
float: right;
margin-left: 10px;
}
.post-info {
color: #555;
font-size: 10px;
}
.post-inside-2 {
float: right;
width: 450px;
}
.logo {
float: right;
border: 0px;
}
a:focus {
outline: none;
}
.random {
float: right;
margin-bottom: 20px;
font-size: 10px;
text-align:justify;
}
.cat-thumb {
padding: 2px;
border: 1px solid #D1D1D1;
float: right;
display: inline;
margin-left: 10px;
margin-bottom: 1px;
}
.random-image {
float: right;
width: 60px;
padding: 2px;
height: 60px;
border: 1px solid #E1E1E1;
display: inline;
margin-left: 10px;
}
.random a:link, .random a:visited {
float: right;
display: block;
font-size: 13px;
font-weight: bold;
}
.titles-boxes {
float: right;
display: block;
font-size: 13px;
font-weight: bold;
padding-bottom:5px;
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 28px;
line-height: 30px;
}
.thumbnail-div-featured {
border: 5px solid #E7F3FF;
width: 580px;
height: 160px;
}
#featured {
background-color: #FFF;
background-image: url(images/post-bg.gif);
background-repeat: repeat-x;
padding: 10px;
width: 593px;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
.featured-content {
float: left;
width: 353px;
margin-left: 5px;
}
.current-category {
background-color: #222;
border: 1px solid #aaa;
color: #ddd;
padding: 5px;
display: block;
margin-bottom: 10px;
width: 601px;
}
.nanotabs {
width:562px;
}
.tabs {}
.tabs li {
float:right;
list-style:none;
text-align: center;
}
.tabs li a {
display:block;
text-align: center;
padding:5px 0px;
background:#F5F5F5;
color:#333;
font-size: 11px;
text-decoration:none;
width: 104px;
height: 18px;
float: right;
margin-bottom: -1px;
z-index: 100;
margin-left: 2px;
}
.tabs li a:hover {
color:#000;
background:#ddd;
}
.tabs li a.selected {
color: #FFF;
background-color: #CF0000;
}
.nanotabs div {
display:none;
width: 542px;
padding-left: 10px;
padding-right: 10px;
float: right;}
.idTabs {
padding: 0px;
float: right;
list-style-type: none;
margin-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
}
.idTabs ul {
margin-right: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
}
.idTabs li {
display: inline;
float: right;
text-align: center;
font-size: 11px;
}
.idTabs li a {
color: #ddd;
background-color: #222;
border: 1px solid #aaa;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
height: 25px;
margin-left: 4px;
display: block;
float: right;
font-size: 10px;
}
.idTabs li a:hover {
color:#fff;
background:#a70000;
border: 1px solid #000;
}
.idTabs li a.selected {
background-color: #CF0000;
border: 1px solid #fff;
color: #FFF;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
height: 25px;
display: block;
float: right;
margin-left: 4px;
}
#recententries {
float: right;
display: block;
background-color: #222;
margin-bottom: 10px;
padding : 1px;
padding-bottom : 5px;
}
#recentcomments2 {
float: right;
display: none;
background-color: #222;
margin-bottom: 10px;
padding-right: 5px;
}
#mostcomments {
float: right;
display: none;
background-color: #222;
color: #ccc;
margin-bottom: 10px;
padding : 1px;
padding-bottom : 5px;
}
table,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
.single-entry table { margin:0 0 1em 0; }
.single-entry td, .single-entry th {background:#e1e1e1; border:1px solid #333; padding:7px; font-size: 11px;}
.single-entry th { background:#e1e1e1; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
blockquote { background:#dddddd; border:1px solid #cdcdcd; font-family:Tahoma, Arial; font-size:12px; direction:rtl; -moz-border-radius:10px; border-radius:10px; padding:10px 5px; color:#555; margin:5px auto 10px auto; text-shadow:0 1px 0 white; }
.tagcloud{
text-shadow:0 1px 0 black;
padding-right:3px;
}
.tagcloud a{
text-shadow:0 1px 0 black;
padding-right:3px;
color: #bbb;
}
.tagcloud a:hover{
text-shadow:0 3px 0 black;
padding-right:3px;
color: #eee;
}
input{
background-color: #444;
color: #ddd;
border: thin dotted #D6D6D6;
margin: 5px;
margin-right: 8px;
font-family: tahoma;
font-size: 11px;
}
select{
background-color: #444;
color: #ddd;
margin: 5px;
margin-right: 8px;
font-family: tahoma;
font-size: 11px;
}
textarea{
background-color: #444;
color: #ddd;
border: thin dotted #D6D6D6;
margin: 5px;
margin-right: 8px;
font-family: tahoma;
font-size: 11px;
width: 300px;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.aligncenter{
padding-right:25px;
padding-left:25px;
text-align: center;
}
.alignleft {
float: left
}
.Buttons{
background-image: url(images/bot.gif);
color: #ddd;
}
.nav, .nav * {direction:rtl;margin:0;padding:0;list-style:none;}
.nav ul {position:absolute;top:-999em;}
.nav li {float:right;position:relative;z-index:99;font-size:12px;}
#nav2 li {float:right;position:relative;z-index:1000;font-size:12px;}
.nav a {display:block;}
.nav ul li{width: 100%;}
.nav li:hover ul,ul.nav li.sfHover ul {right:0px;top:45px;}
#nav2 li:hover ul,ul#nav2 li.sfHover ul {right:0px;top:43px !important;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {right:15em;top:0px;}
.nav li:hover ul,.nav li li:hover ul {top: -999em;}
/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/
.nav li li {
display: block;
padding: 0px;
}
.nav li li a:link, .nav li li a:visited {
width: 180px;
display: block;
background-color: #C40000;
padding: 10px 30px 0px 30px;
margin: 0px 0px 0px 0px;
}
#nav2 li li a:link, #nav2 li li a:visited {
background-color: #313131 !important;
}
.nav li li a:hover {
background-image: none !important;
background-color: #940000;
color: #FFF !important;
}
#nav2 li li a:hover {
background-color: #000 !important;
}