چطور اون metropress رو اون بالا عوض کنم
http://www.mod98.ir/
این کد اسایل
/*
Theme Name: MetroPress
Theme URI: http://smthemes.com/metropress/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 10/01/2012
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/
/* -==========================- GENERAL -==========================- */
/*------------------------------ PAGE ------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Dosis);
html {
background:#250a33;
}
body {
background:url(images/top.jpg) 50% top no-repeat;
color:#dfdfdf;
}
a {
color:#dfdfdf;
}
a:hover {
color:#858585;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
color:#fff;
text-decoration:none;
}
a.post_ttl {
font-size:22px;
}
/*------------------------------ HEADER ------------------------------*/
#header {
background:url(images/header.png) left top repeat-x;
}
#secondarymenu-container {
position:relative;
}
/*------------------------------ SEARCH ------------------------------*/
#s {
border:none;
background:none;
float:right;
color:#dbdbdb;
height:26px;
line-height:26px;
}
.searchbtn {
height:26px;
width:13px;
margin-right:5px;
}
.searchform {
background:#000;
border:1px solid #545454;
}
/*------------------------------ CONTENT ------------------------------*/
.articles .one-post {
border-top:3px solid #270c37;
}
.articles .one-post:first-child {
border:none;
}
#commentform #submit, input.readmore, a.readmore {
background:#fff;
color:#20092d;
}
#commentform #submit:hover, input.readmore:hover, a.readmore:hover {
background:#20092d;
color:#fff;
}
.featured_image {
padding:3px;
background:#fff;
border:none;
}
.widget_posts ul li img,.widget_flickr a {
background:#6c5c80;
padding:2px;
border:none;
}
.page-numbers {
padding:5px 10px;
}
a.page-numbers {
color:#fff;
background:none;
}
a.page-numbers:hover {
}
span.page-numbers {
color:#979797;
background:none;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#fff;
background:none;
width:1000px;
margin:0 auto;
}
#footer .footer_txt {
border-top:3px solid #39214f;
}
/*------------------------------ WIDGETS ------------------------------*/
#content .widget {
border-top:3px solid #39214f;
}
#content .sidebar .widget:first-child {
border:none;
}
.fp-next, .fp-prev {
width:27px;
height:27px;
}
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
.content-r .sidebar.right,
.content-lr .sidebar.right,
.content-r2 .sidebar.right {
margin-left:3px;
}
.content-l .sidebar.left,
.content-lr .sidebar.left,
.content-l2 .sidebar.left
{
margin-right:3px;
}
#logo {
position:absolute;
left:0;
top:67px;
}
.menusearch {
float:left;
margin-top:6px;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:159px;
position:relative;
z-index:11;
}
#menu-box {
}
#secondarymenu {
float:right;
margin-top:12px;
}
#secondarymenu li {
margin-right:5px;
}
#secondarymenu a {
color:#dcdcdc;
text-decoration:none;
padding:10px;
display:block;
font-size:12px;
}
#secondarymenu a:hover{
color:#fff;
}
#mainmenu-container {
height:73px;
background:url(images/header.png) left top repeat;
}
#mainmenu {
}
#mainmenu li a {
min-width:138px;
text-align:center;
color:#fff;
display:block;
text-decoration:none;
font-size:18px;
font-family: 'Dosis', sans-serif;
padding:25px 10px;
}
#mainmenu li ul li {
background:none !important;
}
#mainmenu li, #mainmenu li .inner {
background-image: linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,173,221)), color-stop(1, rgb(0,208,235))); margin-right:2px;
}
#mainmenu li:nth-child(2n),#mainmenu li:nth-child(2n) .inner {
background-image: linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -o-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -moz-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -ms-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(229,95,32)), color-stop(1, rgb(239,132,45)));
}
#mainmenu li:nth-child(3n), #mainmenu li:nth-child(3n) .inner {
background-image: linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,187,94)), color-stop(1, rgb(0,214,128)));
}
#mainmenu li:nth-child(4n), #mainmenu li:nth-child(4n) .inner {
background-image: linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -o-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -moz-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -ms-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(194,40,71)), color-stop(1, rgb(218,56,102)));
}
#mainmenu li:nth-child(5n), #mainmenu li:nth-child(5n) .inner {
background-image: linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -o-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -moz-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -ms-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(220,132,24)), color-stop(1, rgb(234,181,34)));
}
#mainmenu li:nth-child(6n), #mainmenu li:nth-child(6n) .inner {
background-image: linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -o-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -moz-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -ms-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(11,77,132)), color-stop(1, rgb(15,109,181)));
}
#mainmenu a:hover{
text-decoration:underline;
}
#header li ul {
top:39px;
}
#mainmenu li ul {
top:72px;
left:0%;
}
#header li ul .inner {
background:url(images/header.png) left top repeat;
}
#header ul.children li a, .sub-menu li a {
color:#fff !important;
padding:0 !important;
background:none;
}
#header ul.children li a:hover, .sub-menu li a:hover {
color:#ced6dc;
box-shadow:none;
border:none !important;
text-decoration:underline !important;
}
/*------------------------------ SLIDER ------------------------------*/
.slider-container {
margin:4px 0;
}
.slider {
position:relative;
width:980px;
margin:0 auto;
padding:10px;
background:#453160;
}
.fp-prev-next-wrap {
margin: 1px;
}
.fp-prev,.fp-next {
margin:0 10px;
margin-top:-24px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:350px;
width:980px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}
.fp-nav {
bottom:25px;
right:30px;
left:auto;
}
}
/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
#header .container {
background-position:right top;
}
#logo {
float:left;
margin-left:20px;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
float:right;
margin-top:6px;
margin-right:40px;
clear:right;
}
#secondarymenu-container {
height:125px;
}
#secondarymenu {
float:right;
clear:right;
margin-right:15px;
}
#secondarymenu li {
padding:18px;
}
#secondarymenu li a{
color:#fff;
text-decoration:underline;
}
#mainmenu-container {
height:64px;
clear:left;
background:url(images/header.png) 50% top repeat;
margin-bottom:15px;
}
#mainmenu {
margin:0 10px;
}
#mainmenu li {
padding:21px 20px;
float:left;
}
#mainmenu li ul li {
background:none !important;
}
#mainmenu li, #mainmenu li .inner {
background-image: linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,173,221) 0%, rgb(0,208,235) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,173,221)), color-stop(1, rgb(0,208,235))); margin-right:2px;
}
#mainmenu li:nth-child(2n),#mainmenu li:nth-child(2n) .inner {
background-image: linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -o-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -moz-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -ms-linear-gradient(bottom, rgb(229,95,32) 0%, rgb(239,132,45) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(229,95,32)), color-stop(1, rgb(239,132,45)));
}
#mainmenu li:nth-child(3n), #mainmenu li:nth-child(3n) .inner {
background-image: linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,187,94) 0%, rgb(0,214,128) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,187,94)), color-stop(1, rgb(0,214,128)));
}
#mainmenu li:nth-child(4n), #mainmenu li:nth-child(4n) .inner {
background-image: linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -o-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -moz-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -ms-linear-gradient(bottom, rgb(194,40,71) 0%, rgb(218,56,102) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(194,40,71)), color-stop(1, rgb(218,56,102)));
}
#mainmenu li:nth-child(5n), #mainmenu li:nth-child(5n) .inner {
background-image: linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -o-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -moz-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -ms-linear-gradient(bottom, rgb(220,132,24) 0%, rgb(234,181,34) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(220,132,24)), color-stop(1, rgb(234,181,34)));
}
#mainmenu li:nth-child(6n), #mainmenu li:nth-child(6n) .inner {
background-image: linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -o-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -moz-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -ms-linear-gradient(bottom, rgb(11,77,132) 0%, rgb(15,109,181) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(11,77,132)), color-stop(1, rgb(15,109,181)));
}
#mainmenu a {
color:#fff;
text-decoration:none;
font-size:15px;
font-family:'Oswald';
}
#mainmenu li ul {
top:65px;
left:0;
}
#header li ul .transparent {
background:url(images/header.png) left top repeat;
}
#header li ul .inner {
margin:1px;
background:#000;
}
#header ul.children li a, .sub-menu li a {
color:#686868;
padding:0 !important;
background:none;
}
#header ul.children li a:hover, .sub-menu li a:hover {
color:#fff;
}
.slider-container { padding-bottom:35px;}
}
/* -==========================- MOBILE -==========================- */
@media only screen and (min-width:240px) and (max-width:639px) {
#header .container {
background-position:50% top;
}
.menusearch {padding:3px 0;}
#secondarymenu-container {
padding:0;
}
#logo {
}
#secondarymenu, #mainmenu {
background:#fff;
margin:0 -2%;
padding:0 2%;
margin-top:10px;
}
#bgr {
width:100%;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #eee;
}
#secondarymenu li a, #mainmenu li a{
color:#142736;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}
#footer {
width:100%;
}
.widgetf {
border-top:1px solid #45362d;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-5px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;
}
}
اینم هدر
<?php
// html code of the header placed in top.php
global $SMTheme, $return;
$SMTheme->get_layout();
if(!isset($_POST['smt_layout'])){
get_template_part('top');
} else {
$return['title']=$SMTheme->show_title(false);
}
if ( isset($_POST['smt_layout'])&&$_POST['smt_layout']!=$SMTheme->layout ) {
$return['div']='#content .container';
ob_start();
}
if (!isset($_POST['smt_layout'])||$_POST['smt_layout']!=$SMTheme->layout) {
get_sidebar();
?> <div id="main_content"> <?php
}
if ( isset($_POST['smt_layout'])&&$_POST['smt_layout']==$SMTheme->layout ) {
$return['div']='#main_content';
ob_start();
}