راست چین کردن منو

-Mitra

Member
سلام :rose:

دوستان من وردپرس نصب کردم یک قالب هم نصب کردم اما دوست دارم منو بالای سایت از سمت چپ یه سمت راست منتقل بشه منو دباره ما و خانه
ممنون میشم راهنمایی کنید
 

sheisebaboo

Active Member
سلام.
در داخل css قالبتون، کدهای مخصوص منو رو پیدا کنید و مقدار کدهای Float،direction رو به زیر تغییر بدید.

کد:
float:right
direction:rtl
اگر تغییری پیدا نکرد،باید قالبتون رو ببینم
 

delhamid

Member
آی دی بنده را ادد نمایید
راه حل مشکل شما در دستان ماست

گرافیکباز طراحی و فارسی انواع قالب های وردپرس برای شما
 

meysamz

Member
تو کد سی اس اس مخصوص منو تک تکText-align: left ها را right کنید و direction: LTR را به rtl تغییر دهید.
فقط توجه کنید چون به سی اس اس مسلط نیستید سعی نمایید مرحله به مرحله این تغییرات بالا را انجام دهید
 

amirsign

New Member
سلام ببحشید یک سوال من یک کد ساده html دارم که بعد از convert کردنش به utf-8 جای همه تکست ها تونستم قارسی بنویسم جز در این خطوط به جای مثلا Home :
<header class="header">
<div class="row-top">
<div class="main">
<h1><a href="index.html">Karting racing club</a></h1>
<nav>
<ul class="sf-menu">
<li><a class="current" href="index.html"><strong><strong>Home</strong></strong></a>
</li>
<li><a href="index-1.html"><strong><strong>Karts</strong></strong></a></li>
<li><a href="index-2.html"><strong><strong>Tracks</strong></strong></a></li>
<li><a href="index-3.html"><strong><strong>Events</strong></strong></a></li>
<li><a href="index-4.html"><strong><strong>Photos</strong></strong></a></li>
<li><a href="index-5.html"><strong><strong>locations</strong></strong></a></li>
</ul>
</nav>
</div>
</div>
 

delhamid

Member
یعنی چی نمیشه؟
توضیح بیشتر

متن که مشکلی نداره
یه حدسی که میتونم بزنم اینه که قالب شما داره از فونت های مخصوص لاتین استفاده میکنه.
توی css تون هرجا فونت فامیلی دیدید تاهوما بزارید و تست کنید.
موفق ...
 

amirsign

New Member
آقا دمت گرم بله تو JS فایلاش چندتا فایل مربوط به این قسمت بود فونتاشو Tahoma کردم ردیف شد ، پرچمت بالاست.
 

amirsign

New Member
دوست عزیز عین همین مشکلم با xml تو فلش دارم ایده ای نداری؟
 

delhamid

Member
توی xml شما نیاز به یه تبدیل کننده دارید

من خودم کار نکردم

ولی دیدم از یه جور ادد آن و کد اضافی استفاده میکنن یا متن فارسی رو توی عکس مینویسن و اونو توش استفاده میکنن.

دادا پرچم بالا رو بی خیال تشکرو بچسبون :rose:
 

tarenoco

Member
مشکل در راستچین کردن منو

من یه قالب html دارم که منو اون رو خواستم راستچین کنم ولی مشکل دارم
ممنون میشم دوستان کمکم کنند
من فایل قالب رو ضمیمه می کنم
 

پیوست ها

  • azonprint.rar
    13.5 مگایابت · بازدیدها: 23

delhamid

Member
سلام دوست عزیز

برای سریع پاسخ گرفتن بهتره کد + تصویر قرار بدید سریع تر دوستان کمکتون میکنن
css منو هم بذارید میشه راهنمایی کرد
 

tarenoco

Member
خیلی ممنون
من فایل قالب رو کامل گذاشتم
ممنون میشم کمک کنید
در اصل من منو سایت http://azonprinter.com میخوام که فارسیش کنم
ولی مشکل دارم
 
آخرین ویرایش:

tarenoco

Member
راستچین کردن منو

من تقریبا درستش کردم ولی این قسمت رو نتونستم
این مثلث رو میخوام بره سمت راست و برعکس به سمت منو قبلی بشه
ممنون میشم راهنمایی کنید
تو سایت http://azonprinter.com همه برید میبینید نسخه اصلیش رو

این هم کد های css

کد:
/*
Theme Name: iFeature Pro 5
Theme URI: http://www.cyberchimps.com/ifeaturepro/
Author: CyberChimps
Author URI: http://www.cyberchimps.com/
Description: iFeature Pro 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature Pro 5 also includes the power of a dozen plugins in a single theme allowing you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
Version: 5.1.2.3
Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template, flexible-header,
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
body {
    color: #555555;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-weight: 400;
}

table {
    margin-bottom: 25px;
}

table .label {
    padding: 7px;
    background: none;
    text-shadow: none;
    line-height: normal;
}

tr {
    border-bottom: 1px solid #cccccc;
}

td {
    padding: 5px;
}

dt {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 26px;
    font-weight: bold;
}

dd {
    margin-bottom: 15px;
    margin-left: 26px;
}

ul, ol {
    margin: 0 0 25px 0;
}

ol, ul {
    margin-left: 21px;
    list-style-position: inside;
}

pre {
    margin-bottom: 25px;
    -moz-border-radius: 0;
    border-radius: 0;
}

code {
    white-space: pre-wrap;
}

.clear {
    clear: both;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

/********************************************************************************************************************/
/******************************************** HEADER ****************************************************************/
/********************************************************************************************************************/

header#cc-header {
    margin-bottom: 20px;
}

/*======================================= TOP BAR =============================================*/

#top_header {
    margin-bottom: 15px;
    background-image: url('images/topbarbg.jpg');
}

#top_header .top-head-description {
    margin: 8px 0 6px 0;
    color: #bababa;
    font-size: 14px;
}

#top_header .top-head-social .symbol {
    float: right;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 5px;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 2em;
    line-height: 0.7;
}

header #social .symbol {
    float: right;
    margin-left: 5px;
}

.icons {
    margin-top: 15px;
}

#top_header .top-head-social .default-icons a.symbol {
    box-shadow: 1px 1px 0 #333333;
}

/*======================================= DETAILS =============================================*/

header#cc-header h2.site-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 32px;
}

header#cc-header h2.site-description {
    margin: 0;
    font-size: 14px;
}

header#cc-header .contact_details {
    float: right;
    margin-top: 15px;
    color: #888888;
}

header#cc-header .contact_details .cc-telephone-number {
    text-align: right;
}

header#cc-header .contact_details .cc-telephone-number img {
    margin-top: -3px;
    margin-left: 10px;
}

header#cc-header .contact_details .cc-email {
    text-align: right;
}

header#cc-header .contact_details .cc-email img {
    margin-top: -2px;
    margin-left: 10px;
}

header#cc-header .register {
    float: right;
}

header#cc-header .blog_description {
    float: right;
}

header#cc-header p {
    font-size: 1.2em;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-earphone, .glyphicon-envelope {
    margin: 2px 10px;
    color: #cccccc;
}

/*======================================= SEARCH ===============================================*/

header #search #searchform {
    float: right;
    margin-top: 20px;
}

/********************************************************************************************************************/
/******************************************** MENU ******************************************************************/
/********************************************************************************************************************/

#navigation {
    margin-bottom: 30px;
}

.main-navigation.navbar {
    margin-bottom: 0;
}

.main-navigation .navbar-inner {
    padding: 0;
    min-height: 20px;
    border: 1px solid;
    border-color: #888888 #666666 #666666 #666666;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #b6b6b6;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(51%, #919191), color-stop(52%, #858585), color-stop(100%, #717171));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #919191 51%, #858585 52%, #717171 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
}

.main-navigation .nav > li {
    border-left: 1px solid rgb(182, 182, 182);
    float: right;
    direction: rtl;
    margin-right: -1.5%;
    margin-left: 1%;    
}

.main-navigation .nav > li > a {
    display: block;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-size: 1.1em;
    float:right;
    direction:rtl;
}

.main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
    margin-top: 10px;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.main-navigation .nav > li > a:hover {
    background: #666666;
    color: #f6f6f6;
}

.main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {
    background: #717171;
    color: #ffffff;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {
    background-color: #717171;
    color: #ffffff;
}

.main-navigation .nav li ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {
    background: #717171;
    color: #c5c5c5;
    filter: none;
}

.main-navigation .nav li ul li a {
    color: #f6f6f6;
}

.main-navigation .nav li ul li ul {
    margin-left: 0;
    list-style: none;
}

.main-navigation .nav li ul li ul li a {
    padding-left: 24px;
}

.main-navigation .nav li ul li ul li ul li a {
    padding-left: 30px;
}

.main-navigation .nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0;
    background: #666666;
}

.navbar .nav > li > .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #666666;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    content: '';
}

.navbar .nav > li > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #666666;
    border-left: 6px solid transparent;
    content: '';
}

#navigation #searchform {
    margin-right: 15px;
}

.navbar .btn-navbar {
    margin-bottom: 5px;
}

/* 3rd tier */
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    filter: none;
}

.main-navigation .nav > li > ul > li {
    position: relative;
}

.main-navigation .nav > li > ul > li > ul {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1001;
    display: none;
    margin-top: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #666666;
}

.main-navigation .nav > li > ul > li:hover > ul {
    display: block;
}

.main-navigation .nav > li > ul > li > ul::before {
    position: absolute;
    top: 7px;
    left: -7px;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #666666;
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom: 7px solid transparent;
    content: '';
}

.main-navigation .nav > li > ul > li > ul::after {
    position: absolute;
    top: 8px;
    left: -6px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid #666666;
    border-bottom: 6px solid transparent;
    content: '';
}

@media (max-width: 979px) {
    .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
        border: none;
    }

    .main-navigation .nav > li > ul > li > ul {
        position: static;
        display: block;
        border: none;
    }

    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 0px;
    }

    .nav-collapse.in {
        background-color: #747474;
        background-image: none;
    }

    .nav-collapse.in .nav li {
        background-color: #747474;
    }

    .nav-collapse.in .nav ul {
        background: #747474;
    }

    .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
        display: none;
    }

    .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
        background-color: #666666;
        color: #ffffff;
    }

    .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
        color: #ffffff;
        text-shadow: none;
        font-weight: normal;
    }

    .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
        background: #666666;
        box-shadow: none;
        color: #ffffff;
    }

    .nav-collapse.in .dropdown .caret {
        display: none;
    }

    .nav-collapse.in .dropdown-menu {
        display: block;
    }

    .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
        background-color: #666666;
        background-image: none;
        color: #ffffff;
    }
}

/********************************************************************************************************************/
/******************************************** MAIN CONTENT **********************************************************/
/********************************************************************************************************************/

.container {
    background: transparent;
}

article.post, article.page, article.attachment {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

.entry-content {
    margin: 0;
}

.page-header {
    margin-top: 0;
    padding: 0;
    border: none;
}

.page-title {
    font-size: 31px
}

/*==================================== POST AND PAGE CONTENT ===========================================*/

article {
    background: #ffffff;
}

.entry-header {
    margin: 0;
    padding: 0 20px;
}

.entry-summary {
    margin: 0;
    padding: 20px;
}

.entry-content {
    padding: 20px;
}

.postformats {
    float: right;
    margin-left: 20px;
    width: 42px;
    height: 38px;
    border: 1px solid #2b7a9f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #6fb7d6;
    background: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
    background: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
}

.postformats .glyphicon {
    padding-top: 6px;
    color: #ffffff;
    font-size: 1.6em;
}

.postformats .glyphicon-file {
    padding-left: 2px;
}

blockquote {
    margin: 10px 10px 20px;
    padding: 3px;
    background-color: #cccccc;
}

blockquote p {
    margin: 10px;
}

blockquote cite {
    font-size: 0.9em;
}

blockquote cite:before {
    position: relative;
    top: -2px;
    margin: 0 5px;
    content: ' ̶ ';
}

.page-links {
    clear: both;
}

.more-content {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 10px 20px 5px 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

.previous-post {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
}

.next-post {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: right;
}

.featured-image {
    float: left;
    margin: 0px 10px 10px 0px;
}

.entry-title a {
    font-size: 22px;
}

/*==================================== TAXONOMY ========================================================*/

.entry-title {
    margin-top: 25px;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2em;
}

.entry-title a {
    color: #333333;
}

.entry-title a:hover {
    color: #0088cc;
    text-decoration: none;
}

article.post p, article.page p {
    font-size: 1.1em;
    line-height: 1.5em;
}

/*==================================== IMAGES ==========================================================*/

.alignnone {
    display: block;
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}

img.size-full {
    max-width: 100%;
    height: auto;
}

.wp-caption {
    padding: 15px 3px 10px;
    max-width: 96%;
    border: 1px solid #f0f0f0; /* Image does not overflow the content area */
    background: #ffffff;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    max-width: 95%;
    width: auto;
    height: auto;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

.caption_title {
    font-size: 16px;
}

.gallery-pagination {
    margin: 20px 0;
}

.gallery-pagination .previous-image a {
    float: left;
}

.gallery-pagination .next-image a {
    float: right;
}

/*==================================== META ============================================================*/

.entry-meta {
    color: #afaeae;
    font-size: 0.9em;
    line-height: 1em;
}

footer.entry-meta {
    clear: both;
    padding: 0px 20px 15px 20px;

}

.byline:before {
    margin-left: 5px;
    content: '\2022';
}

.cat-links {
    clear: left;
    margin-top: 10px;
    line-height: 1.6em;
}

.taglinks {
    display: inline-block;
    margin-left: 0;
}

.taglinks a {
    position: relative;
    float: left;
    margin: 0 5px 10px 0;
    padding: 4px 12px 4px 0;

    /*border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #c6c6c6;
        border-left: 1px  solid #e7e7e7;
        background: #ffffff;
        background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);*/
    font-size: 1em;
    line-height: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
}

.taglinks a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 5px;
    content: "\e041";
    font-weight: normal;
    font-style: normal;
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.taglinks a:after {
    /*position: absolute;
    top: -1px;
    left: 100%;
    width: 20px;
    height: 25px;
    background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
    content: '';*/
}

.comments-link:before {
    margin-right: 5px;
    content: '\2022';
}

.edit-link {
    display: block;
    clear: both;
}

.edit-link a {
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #888888;
    color: #ffffff;
}

.edit-link a:visited {
    color: #ffffff;
}

.edit-link a:hover {
    color: #cccccc;
    text-decoration: none;
}

.cyberchimps_article_share {
    float: right;
}

/*==================================== COMMENTS ========================================================*/

.comments-area {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

label[for="comment"] {
    display: block;
}

ol.commentlist {
    list-style: none;
}

ol.commentlist p {
    clear: left;
    margin-left: 8px;
}

ol.commentlist li.comment {
    padding: 10px;
}

ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal;
}

ol.commentlist li.comment div.vcard img.avatar {
    margin: 0 10px 10px 10px;
}

ol.commentlist li.comment div.comment-meta {
    font-size: 11px;
}

ol.commentlist li.comment div.comment-meta a {
    color: #888888;
}

ol.commentlist li.comment div.reply {
    margin-left: 8px;
    font-size: 11px;
}

ol.commentlist li.comment div.reply a {
    font-weight: bold;
}

ol.commentlist li.comment ul.children {
    margin: 10px 0 0;
    list-style: none;
}

ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 10px 10px;
}

ol.commentlist li.even {
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fafafa;
}

ol.commentlist li.odd {
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
}

.comment, .trackback, .pingback {
    margin: 10px 0 10px 0;
    padding: 10px;
}

.odd {
    background: #f8f8f8;
}

#form-allowed-tags code {
    font-size: 12px;
}

#respond input, #respond textarea {
    overflow: auto;
    margin: 0 5px 5px 0;
}

#respond textarea {
    width: 99%;
    height: 150px;
}

.avatar {
    float: left;
}

/********************************************************************************************************************/
/******************************************** SIDEBAR & WIDGETS *****************************************************/
/********************************************************************************************************************/

#sidebar .widget-container {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0 0 15px 0;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#sidebar h3.widget-title {
    margin-top: 0;
    padding: 10px 10px 10px 23px;
    border: 1px solid;
    border-color: #888888 #666666 #666666 #666666;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #b6b6b6;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(100%, #717171));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    box-shadow: none;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-weight: 100;
    font-size: 1.3em;
    line-height: 1.3em;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
}

#sidebar .widget-container ul, #sidebar .widget ul {
    margin: 0;
    padding: 0 20px;
}

#sidebar .widget-container ul li, #sidebar .widget ul li {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ededed;
    list-style: none;
    font-size: 14px;
    line-height: 1.4em;
}

#sidebar .widget-container > ul > li ul {
    margin: 5px 0 5px 5px;
}

#sidebar .widget-container ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

#sidebar .widget-container > ul > li li {
    margin: 0 0 3px 0;
    padding: 0;
    list-style: none;
}

#sidebar .widget-container ul li a {
    border-bottom: 1px dotted #c5e5f4;
}

#sidebar .widget-container p {
    padding: 0 20px;
}

#sidebar .widget-container .tagcloud {
    padding: 0 20px;
}

table#wp-calendar {
    width: 100%;
}

table#wp-calendar th {
    font-size: 14px;
}

table#wp-calendar td {
    padding: 5px 0;
    width: 14.28571428571429%;
    text-align: center;
    font-size: 14px;
}

#sidebar .widget_search, .widget_search {
    padding: 15px;
}

.widget-container #searchform.pull-right {
    float: none;
    margin-right: 30px;
}

.widget-container #searchform input.input-medium {
    display: inline-block;
    float: none;
    width: 100%;
}

/*==================================== SEARCH FORM ====================================================*/

#searchform {
    float: left;
    margin: 5px 0 0 -975px;
}

/********************************************************************************************************************/
/******************************************** FOOTER ****************************************************************/
/********************************************************************************************************************/

#footer_widgets_wrapper {
    margin-top: 20px;
    padding-top: 20px;
    background-color: #303030;
}

#footer-widgets {
    margin-bottom: 30px;
}

#footer-widgets .widget-container {
    border: none;
}

#footer-widget-container {
    background: transparent;
}

#footer-widgets .widget-container {
    background: transparent;
    color: #ffffff;
}

#footer-widgets .widget-container h3 {
    color: #ffffff;
    font-size: 1.3em;
}

#footer-widgets .widget-container ul {
    margin: 0;
}

#footer-widgets .widget-container a {
    border-bottom: 1px dotted #cccccc;
    color: #ffffff;
}

#footer-widgets .widget-container p {
    color: #cccccc;
}

#after_footer {
    margin-top: -1px;
    padding-bottom: 1px;
    background-color: #171717;
}

.site-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.site-footer #copyright {
    text-align: right;
}

/*================================== FOOTER MENU ================================================= */

#footer_menu {
    padding: 20px 0 0;
    background: #171717;
    text-align: center;
}

#footer_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

#footer_menu li {
    display: inline;
    margin-right: 5px;
}

#footer_menu li a {
    color: #cccccc;
    text-decoration: none;
}

#footer_menu li a:hover {
    color: #ffffff;
}

#footer_menu li a::after {
    margin-left: 5px;
    content: ' | ';
}

#footer_menu li a:hover::after {
    color: #cccccc;
}

#footer_menu li:last-child a::after {
    content: '';
}

/********************************************************************************************************************/
/******************************************** WORDPRESS DEFAULTS ****************************************************/
/********************************************************************************************************************/

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/********************************************************************************************************************/
/******************************************** ELEMENTS **************************************************************/
/********************************************************************************************************************/

/*==================================== CALLOUT ====================================================*/

#callout_container {
    margin-bottom: 30px;
}

#callout {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

.callout-text h2.callout-title {
    margin-top: 0;
    font-size: 1.6em;
    line-height: 1em;
}

.callout-text p {
    font-size: 1.2em;
}

.callout-text p:last-child {
    margin-bottom: 0;
}

#callout_button a {
    float: right;
    margin-top: 5px;
}

#callout_button a .btn-primary {
    border: 1px solid #2b7a9f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #6fb7d6;
    background-image: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
    background-image: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
}

#callout_button a:hover .btn {
    background-color: #3599c7;
    background-image: none;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#callout_button a .btn-primary p {
    margin-bottom: 0;
}

/*==================================== WIDGET BOXES ===============================================*/

.box {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

h2.box-widget-title {
    margin-top: 0;
    text-align: center;
    font-size: 1.6em;
    line-height: 1em;
}

.box p {
    font-size: 1.1em;
    line-height: 1.2em;
}

#widget_boxes_container #searchform {
    padding-right: 30px;
}

#widget_boxes_container #searchform.pull-right {
    float: none;
}

#widget_boxes_container #searchform input.input-medium {
    display: inline-block;
    float: none;
    width: 100%;
}

/*==================================== BOXES ======================================================*/

#boxes_container .box h2.box-widget-title {
    margin-top: 20px;
}

#boxes_container .box a {
    display: block;
    color: #555555;
    text-align: center;
}

/*==================================== CAROUSEL ===================================================*/

#carousel {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

/*==================================== PORTFOLIO ===================================================*/

#portfolio {
    margin-bottom: 30px;
}

#gallery {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#gallery ul.row-fluid {
    margin: 0;
    padding: 0;
}

#gallery h2 {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1em;
}

#gallery ul.row-fluid li#portfolio_wrap {
    text-align: center;
}

#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
    padding: 20px;
}

/*==================================== TWITTER =====================================================*/

#twitter_container {
    margin-bottom: 30px;
}

#twitter_bar {
    overflow: hidden;
    padding: 20px 20px 0 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#twitter_text ul {
    margin: 0;
    list-style: none;
}

#twitter_bar #twitter_text img {
    float: left;
    margin-left: 0;
}

#twitter_bar p.tweet {
    margin-bottom: 0;
    padding: 10px 10px 10px 75px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #9f9f9f;
    color: #000000;
    font-size: 12px;
}

#twitter_bar a {
    color: #ffffff;
}

#twitter_bar .twitter-img {
    float: left;
    margin-top: -8px;
    padding: 3px;
    border: 2px solid #9f9f9f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #ffffff;
}

#twitter_text p.twitter-followers {
    float: left;
    clear: left;
    margin-left: 6px;
    padding-left: 0px;
    color: #000000;
    font-size: 8px;
}

#twitter_text p.twitter-followers a {
    color: #000000;
}

#twitter_text li, #twitter_text li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#twitter_text li {
    margin-bottom: 20px;
    min-height: 60px;
}

@media (max-width: 480px) {
    #twitter_bar #twitter_text img {
        margin-top: 0;
        width: 30px;
    }

    #twitter_bar #twitter_text p {
        padding-left: 40px;
    }
}

/*==================================== BREADCRUMBS =================================================*/

.breadcrumbs {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
    font-size: 1.1em;
}

/*==================================== PAGINATION ==================================================*/

.pagination {
    margin-top: 0;
    margin-bottom: 30px;
}

.pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pagination ul li a, .pagination ul li span {
    margin-right: 10px;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    color: #969696;
    line-height: 1em;
}

.pagination ul li:first-child a, .pagination ul li:last-child a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pagination ul li.active a, .pagination ul li a:hover {
    border: 1px solid #3089b2;
    background-color: #41a1ce;
    color: #ffffff;
}

/*==================================== RECENT POSTS ================================================*/

#recent_posts {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#recent_posts h5.recent-posts-post-title {
    font-size: 1.2em;
    line-height: 1em;
}

.recent-posts-image {
    margin-bottom: 10px;
}

/*==================================== HTML BOX ==================================================*/

#htmlbox_container {
    margin-bottom: 30px;
}

/*==================================== SLIDER ====================================================*/

#slider {
    margin-bottom: 30px;
}

#slider .carousel-control {
    top: 100%;
    margin-top: -45px;
    border: none;
    background: rgba(0, 0, 0, 0.25);
    opacity: 1;
}

#slider .carousel-caption {
    padding: 5px 0;
    min-height: 40px;
}

#slider .carousel-caption h4, #slider .carousel-caption p {
    padding: 9px 60px 0;
}

/*==================================== MAGAZINE ==================================================*/

#magazine .post-container {
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#magazine .featured-image {
    width: auto;
}

#magazine .magazine-metadata {
    margin-bottom: 15px;
}

/* ==================================== PRODUCT ================================================== */

#product_element_section {
    margin-bottom: 30px;
}

#product_element_section #cyberchimps_product_container {
    overflow: hidden;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}

#cyberchimps_product {
    padding: 20px;
}

#cyberchimps_product #cyberchimps_product_button {
    margin-top: 20px;
}

/*==================================== PROFILE ==================================================*/

#profile {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #fdfdfd;
    box-shadow: 0 1px 0 0 #adadad;
}

#profile_pic img {
    float: right;
    padding: 3px;
    width: 100px;
    height: 110px;
    border: 5px solid #eaeaea;
    border-radius: 5px;
    background-color: #ffffff;
}

.profile {
    padding: 5px 0px 30px 0px;
    border-bottom: 1px solid #cccccc;
}

.profile-icons a {
    margin: 3px;
}

/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/

/*==================================== TABLETS ===================================================*/

@media (max-width: 767px) {
    .container-full {
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .container-full-footer {
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .container-full-footer .container {
        padding: 0 20px;
    }

    body {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-full-width .container {
        margin: 0px 20px;
    }
}

/*==================================== PHONES ====================================================*/

@media (max-width: 480px) {
    header#cc-header .span7 {
        text-align: center;
    }

    header#cc-header .span5 {
        text-align: center;
    }

    header#cc-header .span5 div.icons a {
        float: none;
    }

    header#cc-header .span5 div.blog-description {
        float: none;
    }

    header#cc-header .span5 div.register {
        float: none;
    }

    header#cc-header .span5 #searchform {
        float: none;
    }

    .container-full .top-head-social .icons {
        margin-bottom: 10px;
    }

    .container-full-width .container {
        margin: 0px 10px;
    }
}
 

پیوست ها

  • Untitled.png
    Untitled.png
    119.4 کیلوبایت · بازدیدها: 3

Pejii

Member
خط 380 تا 401 رو تغییر بدید به:

کد:
.main-navigation .nav > li > ul > li > ul::before {
	position: absolute;
	top: 7px;
	right: 7px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-left: 7px solid #666666;
	border-right-color: rgba(0, 0, 0, 0.2);
	border-bottom: 7px solid transparent;
	content: '';
}

.main-navigation .nav > li > ul > li > ul::after {
	position: absolute;
	top: 8px;
	right: -6px;
	display: inline-block;
	border-top: 6px solid transparent;
	border-left: 6px solid #666666;
	border-bottom: 6px solid transparent;
	content: '';
}
 

پیوست ها

  • RTL_SubmenuFix.jpg
    RTL_SubmenuFix.jpg
    197.2 کیلوبایت · بازدیدها: 2
آخرین ویرایش:

tarenoco

Member
خیلی ممنون
من میخوام این منو رو به منو وردپرس تبدیل کنم ولی وقتی کد های وردپرس رو میزارم
منو رو میاره ولی استایل رو اعمال نمی کنه
در صورتی که من فقط کد های وردپرس رو بجای کد های html می زارم
 

tarenoco

Member
این کد نسخه وردپرس هست که مشکل داره ولی html مشکل نداره

header.php

کد:
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 9]>
<html class="ie ie9" lang="en-US" prefix="og: http://ogp.me/ns#"> 
<![endif]-->
<!--[if gt IE 9]>  <html lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if !IE]><!--> 
<html lang="fa">
<!--<![endif]-->




<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    
    <title>Innovation printing - Azonprinter</title>
    
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="wordpress/xmlrpc.php" />
    
    <!-- IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="js/html5.js" type="text/javascript"></script>
    <![endif]-->
    
    


<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="canonical" href="./index.php" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="#" />
<meta property="og:description" content="" />
<meta property="og:url" content="index.php" />
<meta property="og:site_name" content="Azonprinter" />




<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon"/>
<link rel='stylesheet' id='shortcode_style-css'  href='<?php bloginfo('template_url'); ?>/css/shortcodes7e2e.css' type='text/css' media='all' />
<link rel='stylesheet' id='font_style-css'  href='<?php bloginfo('template_url'); ?>/css/font-awesome.css' type='text/css' media='all' />
<link rel='stylesheet' id='font_style-css'  href='<?php bloginfo('template_url'); ?>/css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='elements_style-css'  href='<?php bloginfo('template_url'); ?>/css/elements7e2e.css' type='text/css' media='all' />
<link rel='stylesheet' id='jcarousel-skin-css'  href='<?php bloginfo('template_url'); ?>/css/jcarousel/skin7e2e.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-style-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap.min1c12.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-responsive-style-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap-responsive.min1c12.css' type='text/css' media='all' />
<link rel='stylesheet' id='cyberchimps_responsive-css'  href='<?php bloginfo('template_url'); ?>/bootstrap/css/cyberchimps-responsive.min5152.css' type='text/css' media='all' />
<link rel='stylesheet' id='core-style-css'  href='<?php bloginfo('template_url'); ?>/css/core5152.css' type='text/css' media='all' />
<link rel='stylesheet' id='style-css'  href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' media='all' />




<style type="text/css">.ie8 .container {max-width: 1020px;width:auto;}</style><style type="text/css">
.container-fluid { margin-top: -10px !important; }
</style>
    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>


<style type="text/css"></style>


<style type="text/css">
.synved-social-resolution-single {
display: inline-block;
}
.synved-social-resolution-normal {
display: inline-block;
}
.synved-social-resolution-hidef {
display: none;
}


@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx),
only screen and (min-resolution: 192dpi) {
    .synved-social-resolution-normal {
    display: none;
    }
    .synved-social-resolution-hidef {
    display: inline-block;
    }
}
</style>


    <style type="text/css">
        body {
        background-color: #ffffff;background-image: none;        }
    </style>
    


        <style type="text/css" media="all">
                        body {
             font-size : 14px;
             font-family : Arial, Helvetica, sans-serif;
             font-weight : normal;
                        }


                                                .container {
             max-width : 1020px;
                        }


            
                        h1, h2, h3, h4, h5, h6 {
            Arial,_Helvetica,_sans-serif : ;
            font-family : Arial, Helvetica, sans-serif;
                        }


            
        </style>
        </head>


<body class="home page page-id-550 page-template-default custom-background cc-responsive">
    
<!-- ---------------- Top Header ------------------- -->


<!-- ---------------- Header --------------------- -->


<div class="container-full-width">
    
    <div class="container">
        
                
            <div class="container-fluid">    
                
                    <header id="cc-header" class="row-fluid">
        <div class="span7">
                    <div id="logo">
            <a href="index.html" title="Azonprinter"><img src="<?php bloginfo('template_url'); ?>/images/pixel.png" alt="logo"></a>
        </div>
            </div>
    </header>
            
            </div><!-- container fluid -->
    
    </div><!-- container -->


</div><!-- container full width -->
    


<!-- ---------------- Menu ----------------------- -->


<div class="container-full-width" id="main_navigation">
    <div class="container">
        <div class="container-fluid">
            <nav id="navigation" role="navigation">
              <div class="main-navigation navbar navbar-inverse">
                <div class="navbar-inner">
                    <div class="container">
                                                    <div class="nav-collapse collapse">
                                              <div class="menu-menu-container">
<?php


$defaults = array(
    'theme_location'  => '',
    'menu'            => 'topmenu',
    'container'       => '',
    'container_class' => '',
    'container_id'    => '',
    'menu_class'      => '',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="menu-main-menu" class="menu">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);


wp_nav_menu( $defaults );


?>


</div>                    
                                                                            
                                            <form method="get"  id="searchform" class="navbar-search pull-right" action="http://www.azonprinter.com/" role="search">
    <input type="text" class="search-query input-medium" name="s" placeholder="Search …" />
</form>
<div class="clear"></div>

این هم کد های استایل

کد:
/*
Theme Name: iFeature Pro 5
Theme URI: http://www.cyberchimps.com/ifeaturepro/
Author: CyberChimps
Author URI: http://www.cyberchimps.com/
Description: iFeature Pro 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature Pro 5 also includes the power of a dozen plugins in a single theme allowing you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
Version: 5.1.2.3
Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template, flexible-header,
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/


/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
body {
    color: #555555;
}


h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-weight: 400;
}


table {
    margin-bottom: 25px;
}


table .label {
    padding: 7px;
    background: none;
    text-shadow: none;
    line-height: normal;
}


tr {
    border-bottom: 1px solid #cccccc;
}


td {
    padding: 5px;
}


dt {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 26px;
    font-weight: bold;
}


dd {
    margin-bottom: 15px;
    margin-left: 26px;
}


ul, ol {
    margin: 0 0 25px 0;
}


ol, ul {
    margin-left: 21px;
    list-style-position: inside;
}


pre {
    margin-bottom: 25px;
    -moz-border-radius: 0;
    border-radius: 0;
}


code {
    white-space: pre-wrap;
}


.clear {
    clear: both;
}


.clear-right {
    clear: right;
}


.clear-left {
    clear: left;
}


/********************************************************************************************************************/
/******************************************** HEADER ****************************************************************/
/********************************************************************************************************************/


header#cc-header {
    margin-bottom: 20px;
}


/*======================================= TOP BAR =============================================*/


#top_header {
    margin-bottom: 15px;
    background-image: url('images/topbarbg.jpg');
}


#top_header .top-head-description {
    margin: 8px 0 6px 0;
    color: #bababa;
    font-size: 14px;
}


#top_header .top-head-social .symbol {
    float: right;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 5px;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 2em;
    line-height: 0.7;
}


header #social .symbol {
    float: right;
    margin-left: 5px;
}


.icons {
    margin-top: 15px;
}


#top_header .top-head-social .default-icons a.symbol {
    box-shadow: 1px 1px 0 #333333;
}


/*======================================= DETAILS =============================================*/


header#cc-header h2.site-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 32px;
}


header#cc-header h2.site-description {
    margin: 0;
    font-size: 14px;
}


header#cc-header .contact_details {
    float: right;
    margin-top: 15px;
    color: #888888;
}


header#cc-header .contact_details .cc-telephone-number {
    text-align: right;
}


header#cc-header .contact_details .cc-telephone-number img {
    margin-top: -3px;
    margin-left: 10px;
}


header#cc-header .contact_details .cc-email {
    text-align: right;
}


header#cc-header .contact_details .cc-email img {
    margin-top: -2px;
    margin-left: 10px;
}


header#cc-header .register {
    float: right;
}


header#cc-header .blog_description {
    float: right;
}


header#cc-header p {
    font-size: 1.2em;
}


.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.glyphicon-home:before {
    content: "\e021";
}


.glyphicon-earphone:before {
    content: "\e182";
}


.glyphicon-envelope:before {
    content: "\2709";
}


.glyphicon-earphone, .glyphicon-envelope {
    margin: 2px 10px;
    color: #cccccc;
}


/*======================================= SEARCH ===============================================*/


header #search #searchform {
    float: right;
    margin-top: 20px;
}


/********************************************************************************************************************/
/******************************************** MENU ******************************************************************/
/********************************************************************************************************************/


#navigation {
    margin-bottom: 30px;
}


.main-navigation.navbar {
    margin-bottom: 0;
}


.main-navigation .navbar-inner {
    padding: 0;
    min-height: 20px;
    border: 1px solid;
    border-color: #888888 #666666 #666666 #666666;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #b6b6b6;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(51%, #919191), color-stop(52%, #858585), color-stop(100%, #717171));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #919191 51%, #858585 52%, #717171 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
}


.main-navigation .nav > li {
    border-left: 1px solid rgb(182, 182, 182);
    float: right;
    direction: rtl;
    margin-right: -1.5%;
    margin-left: 1%;    
}


.main-navigation .nav > li > a {
    display: block;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-size: 1.1em;
    float:right;
    direction:rtl;
}


.main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
    margin-top: 10px;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}


.main-navigation .nav > li > a:hover {
    background: #666666;
    color: #f6f6f6;
}


.main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {
    background: #717171;
    color: #ffffff;
}


.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {
    background-color: #717171;
    color: #ffffff;
}


.main-navigation .nav li ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
}


.main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {
    background: #717171;
    color: #c5c5c5;
    filter: none;
}


.main-navigation .nav li ul li a {
    color: #f6f6f6;
}


.main-navigation .nav li ul li ul {
    margin-left: 0;
    list-style: none;
}


.main-navigation .nav li ul li ul li a {
    padding-left: 24px;
}


.main-navigation .nav li ul li ul li ul li a {
    padding-left: 30px;
}


.main-navigation .nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0;
    background: #666666;
}


.navbar .nav > li > .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #666666;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    content: '';
}


.navbar .nav > li > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #666666;
    border-left: 6px solid transparent;
    content: '';
}


#navigation #searchform {
    margin-right: 15px;
}


.navbar .btn-navbar {
    margin-bottom: 5px;
}


/* 3rd tier */
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    filter: none;
}


.main-navigation .nav > li > ul > li {
    position: relative;
}


.main-navigation .nav > li > ul > li > ul {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1001;
    display: none;
    margin-top: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #666666;
}


.main-navigation .nav > li > ul > li:hover > ul {
    display: block;
}


.main-navigation .nav > li > ul > li > ul::before {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-block;
    border-top: 7px solid transparent;
    border-left: 7px solid #666666;
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom: 7px solid transparent;
    content: '';
}


.main-navigation .nav > li > ul > li > ul::after {
    position: absolute;
    top: 8px;
    right: -6px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-left: 6px solid #666666;
    border-bottom: 6px solid transparent;
    content: '';
}


@media (max-width: 979px) {
    .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
        border: none;
    }


    .main-navigation .nav > li > ul > li > ul {
        position: static;
        display: block;
        border: none;
    }


    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 0px;
    }


    .nav-collapse.in {
        background-color: #747474;
        background-image: none;
    }


    .nav-collapse.in .nav li {
        background-color: #747474;
    }


    .nav-collapse.in .nav ul {
        background: #747474;
    }


    .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
        display: none;
    }


    .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
        background-color: #666666;
        color: #ffffff;
    }


    .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
        color: #ffffff;
        text-shadow: none;
        font-weight: normal;
    }


    .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
        background: #666666;
        box-shadow: none;
        color: #ffffff;
    }


    .nav-collapse.in .dropdown .caret {
        display: none;
    }


    .nav-collapse.in .dropdown-menu {
        display: block;
    }


    .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
        background-color: #666666;
        background-image: none;
        color: #ffffff;
    }
}


/********************************************************************************************************************/
/******************************************** MAIN CONTENT **********************************************************/
/********************************************************************************************************************/


.container {
    background: transparent;
}


article.post, article.page, article.attachment {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


.entry-content {
    margin: 0;
}


.page-header {
    margin-top: 0;
    padding: 0;
    border: none;
}


.page-title {
    font-size: 31px
}


/*==================================== POST AND PAGE CONTENT ===========================================*/


article {
    background: #ffffff;
}


.entry-header {
    margin: 0;
    padding: 0 20px;
}


.entry-summary {
    margin: 0;
    padding: 20px;
}


.entry-content {
    padding: 20px;
}


.postformats {
    float: right;
    margin-left: 20px;
    width: 42px;
    height: 38px;
    border: 1px solid #2b7a9f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #6fb7d6;
    background: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
    background: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
}


.postformats .glyphicon {
    padding-top: 6px;
    color: #ffffff;
    font-size: 1.6em;
}


.postformats .glyphicon-file {
    padding-left: 2px;
}


blockquote {
    margin: 10px 10px 20px;
    padding: 3px;
    background-color: #cccccc;
}


blockquote p {
    margin: 10px;
}


blockquote cite {
    font-size: 0.9em;
}


blockquote cite:before {
    position: relative;
    top: -2px;
    margin: 0 5px;
    content: ' ̶ ';
}


.page-links {
    clear: both;
}


.more-content {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 10px 20px 5px 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


.previous-post {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
}


.next-post {
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: right;
}


.featured-image {
    float: left;
    margin: 0px 10px 10px 0px;
}


.entry-title a {
    font-size: 22px;
}


/*==================================== TAXONOMY ========================================================*/


.entry-title {
    margin-top: 25px;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2em;
}


.entry-title a {
    color: #333333;
}


.entry-title a:hover {
    color: #0088cc;
    text-decoration: none;
}


article.post p, article.page p {
    font-size: 1.1em;
    line-height: 1.5em;
}


/*==================================== IMAGES ==========================================================*/


.alignnone {
    display: block;
    margin: 5px 20px 20px 0;
}


.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}


.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}


.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}


.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}


a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}


a img.alignnone {
    margin: 5px 20px 20px 0;
}


a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}


a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}


img.size-full {
    max-width: 100%;
    height: auto;
}


.wp-caption {
    padding: 15px 3px 10px;
    max-width: 96%;
    border: 1px solid #f0f0f0; /* Image does not overflow the content area */
    background: #ffffff;
    text-align: center;
}


.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}


.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}


.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}


.wp-caption img {
    margin: 0;
    padding: 0;
    max-width: 95%;
    width: auto;
    height: auto;
    border: 0 none;
}


.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}


.caption_title {
    font-size: 16px;
}


.gallery-pagination {
    margin: 20px 0;
}


.gallery-pagination .previous-image a {
    float: left;
}


.gallery-pagination .next-image a {
    float: right;
}


/*==================================== META ============================================================*/


.entry-meta {
    color: #afaeae;
    font-size: 0.9em;
    line-height: 1em;
}


footer.entry-meta {
    clear: both;
    padding: 0px 20px 15px 20px;


}


.byline:before {
    margin-left: 5px;
    content: '\2022';
}


.cat-links {
    clear: left;
    margin-top: 10px;
    line-height: 1.6em;
}


.taglinks {
    display: inline-block;
    margin-left: 0;
}


.taglinks a {
    position: relative;
    float: left;
    margin: 0 5px 10px 0;
    padding: 4px 12px 4px 0;


    /*border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #c6c6c6;
        border-left: 1px  solid #e7e7e7;
        background: #ffffff;
        background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);*/
    font-size: 1em;
    line-height: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
}


.taglinks a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 5px;
    content: "\e041";
    font-weight: normal;
    font-style: normal;
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.taglinks a:after {
    /*position: absolute;
    top: -1px;
    left: 100%;
    width: 20px;
    height: 25px;
    background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
    content: '';*/
}


.comments-link:before {
    margin-right: 5px;
    content: '\2022';
}


.edit-link {
    display: block;
    clear: both;
}


.edit-link a {
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #888888;
    color: #ffffff;
}


.edit-link a:visited {
    color: #ffffff;
}


.edit-link a:hover {
    color: #cccccc;
    text-decoration: none;
}


.cyberchimps_article_share {
    float: right;
}


/*==================================== COMMENTS ========================================================*/


.comments-area {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#comments .navigation {
    padding: 0 0 18px 0;
}


label[for="comment"] {
    display: block;
}


ol.commentlist {
    list-style: none;
}


ol.commentlist p {
    clear: left;
    margin-left: 8px;
}


ol.commentlist li.comment {
    padding: 10px;
}


ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal;
}


ol.commentlist li.comment div.vcard img.avatar {
    margin: 0 10px 10px 10px;
}


ol.commentlist li.comment div.comment-meta {
    font-size: 11px;
}


ol.commentlist li.comment div.comment-meta a {
    color: #888888;
}


ol.commentlist li.comment div.reply {
    margin-left: 8px;
    font-size: 11px;
}


ol.commentlist li.comment div.reply a {
    font-weight: bold;
}


ol.commentlist li.comment ul.children {
    margin: 10px 0 0;
    list-style: none;
}


ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 10px 10px;
}


ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 10px 10px;
}


ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 10px 10px;
}


ol.commentlist li.even {
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fafafa;
}


ol.commentlist li.odd {
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
}


.comment, .trackback, .pingback {
    margin: 10px 0 10px 0;
    padding: 10px;
}


.odd {
    background: #f8f8f8;
}


#form-allowed-tags code {
    font-size: 12px;
}


#respond input, #respond textarea {
    overflow: auto;
    margin: 0 5px 5px 0;
}


#respond textarea {
    width: 99%;
    height: 150px;
}


.avatar {
    float: left;
}


/********************************************************************************************************************/
/******************************************** SIDEBAR & WIDGETS *****************************************************/
/********************************************************************************************************************/


#sidebar .widget-container {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0 0 15px 0;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#sidebar h3.widget-title {
    margin-top: 0;
    padding: 10px 10px 10px 23px;
    border: 1px solid;
    border-color: #888888 #666666 #666666 #666666;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #b6b6b6;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(100%, #717171));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
    box-shadow: none;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    font-weight: 100;
    font-size: 1.3em;
    line-height: 1.3em;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#717171', GradientType=0);
}


#sidebar .widget-container ul, #sidebar .widget ul {
    margin: 0;
    padding: 0 20px;
}


#sidebar .widget-container ul li, #sidebar .widget ul li {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ededed;
    list-style: none;
    font-size: 14px;
    line-height: 1.4em;
}


#sidebar .widget-container > ul > li ul {
    margin: 5px 0 5px 5px;
}


#sidebar .widget-container ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}


#sidebar .widget-container > ul > li li {
    margin: 0 0 3px 0;
    padding: 0;
    list-style: none;
}


#sidebar .widget-container ul li a {
    border-bottom: 1px dotted #c5e5f4;
}


#sidebar .widget-container p {
    padding: 0 20px;
}


#sidebar .widget-container .tagcloud {
    padding: 0 20px;
}


table#wp-calendar {
    width: 100%;
}


table#wp-calendar th {
    font-size: 14px;
}


table#wp-calendar td {
    padding: 5px 0;
    width: 14.28571428571429%;
    text-align: center;
    font-size: 14px;
}


#sidebar .widget_search, .widget_search {
    padding: 15px;
}


.widget-container #searchform.pull-right {
    float: none;
    margin-right: 30px;
}


.widget-container #searchform input.input-medium {
    display: inline-block;
    float: none;
    width: 100%;
}


/*==================================== SEARCH FORM ====================================================*/


#searchform {
    float: left;
    margin: 5px 0 0 -975px;
}


/********************************************************************************************************************/
/******************************************** FOOTER ****************************************************************/
/********************************************************************************************************************/


#footer_widgets_wrapper {
    margin-top: 20px;
    padding-top: 20px;
    background-color: #303030;
}


#footer-widgets {
    margin-bottom: 30px;
}


#footer-widgets .widget-container {
    border: none;
}


#footer-widget-container {
    background: transparent;
}


#footer-widgets .widget-container {
    background: transparent;
    color: #ffffff;
}


#footer-widgets .widget-container h3 {
    color: #ffffff;
    font-size: 1.3em;
}


#footer-widgets .widget-container ul {
    margin: 0;
}


#footer-widgets .widget-container a {
    border-bottom: 1px dotted #cccccc;
    color: #ffffff;
}


#footer-widgets .widget-container p {
    color: #cccccc;
}


#after_footer {
    margin-top: -1px;
    padding-bottom: 1px;
    background-color: #171717;
}


.site-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}


.site-footer #copyright {
    text-align: right;
}


/*================================== FOOTER MENU ================================================= */


#footer_menu {
    padding: 20px 0 0;
    background: #171717;
    text-align: center;
}


#footer_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}


#footer_menu li {
    display: inline;
    margin-right: 5px;
}


#footer_menu li a {
    color: #cccccc;
    text-decoration: none;
}


#footer_menu li a:hover {
    color: #ffffff;
}


#footer_menu li a::after {
    margin-left: 5px;
    content: ' | ';
}


#footer_menu li a:hover::after {
    color: #cccccc;
}


#footer_menu li:last-child a::after {
    content: '';
}


/********************************************************************************************************************/
/******************************************** WORDPRESS DEFAULTS ****************************************************/
/********************************************************************************************************************/


.sticky {
}


.gallery-caption {
}


.bypostauthor {
}


/********************************************************************************************************************/
/******************************************** ELEMENTS **************************************************************/
/********************************************************************************************************************/


/*==================================== CALLOUT ====================================================*/


#callout_container {
    margin-bottom: 30px;
}


#callout {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


.callout-text h2.callout-title {
    margin-top: 0;
    font-size: 1.6em;
    line-height: 1em;
}


.callout-text p {
    font-size: 1.2em;
}


.callout-text p:last-child {
    margin-bottom: 0;
}


#callout_button a {
    float: right;
    margin-top: 5px;
}


#callout_button a .btn-primary {
    border: 1px solid #2b7a9f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #6fb7d6;
    background-image: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb7d6), color-stop(1%, #4fadd8), color-stop(50%, #4fadd8), color-stop(51%, #399cca), color-stop(100%, #3599c7));
    background-image: -webkit-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -o-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: -ms-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    background-image: linear-gradient(to bottom, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fadd8', endColorstr='#3599c7', GradientType=0);
}


#callout_button a:hover .btn {
    background-color: #3599c7;
    background-image: none;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


#callout_button a .btn-primary p {
    margin-bottom: 0;
}


/*==================================== WIDGET BOXES ===============================================*/


.box {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


h2.box-widget-title {
    margin-top: 0;
    text-align: center;
    font-size: 1.6em;
    line-height: 1em;
}


.box p {
    font-size: 1.1em;
    line-height: 1.2em;
}


#widget_boxes_container #searchform {
    padding-right: 30px;
}


#widget_boxes_container #searchform.pull-right {
    float: none;
}


#widget_boxes_container #searchform input.input-medium {
    display: inline-block;
    float: none;
    width: 100%;
}


/*==================================== BOXES ======================================================*/


#boxes_container .box h2.box-widget-title {
    margin-top: 20px;
}


#boxes_container .box a {
    display: block;
    color: #555555;
    text-align: center;
}


/*==================================== CAROUSEL ===================================================*/


#carousel {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


/*==================================== PORTFOLIO ===================================================*/


#portfolio {
    margin-bottom: 30px;
}


#gallery {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#gallery ul.row-fluid {
    margin: 0;
    padding: 0;
}


#gallery h2 {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1em;
}


#gallery ul.row-fluid li#portfolio_wrap {
    text-align: center;
}


#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
    padding: 20px;
}


/*==================================== TWITTER =====================================================*/


#twitter_container {
    margin-bottom: 30px;
}


#twitter_bar {
    overflow: hidden;
    padding: 20px 20px 0 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#twitter_text ul {
    margin: 0;
    list-style: none;
}


#twitter_bar #twitter_text img {
    float: left;
    margin-left: 0;
}


#twitter_bar p.tweet {
    margin-bottom: 0;
    padding: 10px 10px 10px 75px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #9f9f9f;
    color: #000000;
    font-size: 12px;
}


#twitter_bar a {
    color: #ffffff;
}


#twitter_bar .twitter-img {
    float: left;
    margin-top: -8px;
    padding: 3px;
    border: 2px solid #9f9f9f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #ffffff;
}


#twitter_text p.twitter-followers {
    float: left;
    clear: left;
    margin-left: 6px;
    padding-left: 0px;
    color: #000000;
    font-size: 8px;
}


#twitter_text p.twitter-followers a {
    color: #000000;
}


#twitter_text li, #twitter_text li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#twitter_text li {
    margin-bottom: 20px;
    min-height: 60px;
}


@media (max-width: 480px) {
    #twitter_bar #twitter_text img {
        margin-top: 0;
        width: 30px;
    }


    #twitter_bar #twitter_text p {
        padding-left: 40px;
    }
}


/*==================================== BREADCRUMBS =================================================*/


.breadcrumbs {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
    font-size: 1.1em;
}


/*==================================== PAGINATION ==================================================*/


.pagination {
    margin-top: 0;
    margin-bottom: 30px;
}


.pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.pagination ul li a, .pagination ul li span {
    margin-right: 10px;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    color: #969696;
    line-height: 1em;
}


.pagination ul li:first-child a, .pagination ul li:last-child a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.pagination ul li.active a, .pagination ul li a:hover {
    border: 1px solid #3089b2;
    background-color: #41a1ce;
    color: #ffffff;
}


/*==================================== RECENT POSTS ================================================*/


#recent_posts {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#recent_posts h5.recent-posts-post-title {
    font-size: 1.2em;
    line-height: 1em;
}


.recent-posts-image {
    margin-bottom: 10px;
}


/*==================================== HTML BOX ==================================================*/


#htmlbox_container {
    margin-bottom: 30px;
}


/*==================================== SLIDER ====================================================*/


#slider {
    margin-bottom: 30px;
}


#slider .carousel-control {
    top: 100%;
    margin-top: -45px;
    border: none;
    background: rgba(0, 0, 0, 0.25);
    opacity: 1;
}


#slider .carousel-caption {
    padding: 5px 0;
    min-height: 40px;
}


#slider .carousel-caption h4, #slider .carousel-caption p {
    padding: 9px 60px 0;
}


/*==================================== MAGAZINE ==================================================*/


#magazine .post-container {
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#magazine .featured-image {
    width: auto;
}


#magazine .magazine-metadata {
    margin-bottom: 15px;
}


/* ==================================== PRODUCT ================================================== */


#product_element_section {
    margin-bottom: 30px;
}


#product_element_section #cyberchimps_product_container {
    overflow: hidden;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 0px 0px #adadad;
    box-shadow: 0px 1px 0px 0px #adadad;
}


#cyberchimps_product {
    padding: 20px;
}


#cyberchimps_product #cyberchimps_product_button {
    margin-top: 20px;
}


/*==================================== PROFILE ==================================================*/


#profile {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #fdfdfd;
    box-shadow: 0 1px 0 0 #adadad;
}


#profile_pic img {
    float: right;
    padding: 3px;
    width: 100px;
    height: 110px;
    border: 5px solid #eaeaea;
    border-radius: 5px;
    background-color: #ffffff;
}


.profile {
    padding: 5px 0px 30px 0px;
    border-bottom: 1px solid #cccccc;
}


.profile-icons a {
    margin: 3px;
}


/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/


/*==================================== TABLETS ===================================================*/


@media (max-width: 767px) {
    .container-full {
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }


    .container-full-footer {
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }


    .container-full-footer .container {
        padding: 0 20px;
    }


    body {
        padding-right: 0px;
        padding-left: 0px;
    }


    .container-full-width .container {
        margin: 0px 20px;
    }
}


/*==================================== PHONES ====================================================*/


@media (max-width: 480px) {
    header#cc-header .span7 {
        text-align: center;
    }


    header#cc-header .span5 {
        text-align: center;
    }


    header#cc-header .span5 div.icons a {
        float: none;
    }


    header#cc-header .span5 div.blog-description {
        float: none;
    }


    header#cc-header .span5 div.register {
        float: none;
    }


    header#cc-header .span5 #searchform {
        float: none;
    }


    .container-full .top-head-social .icons {
        margin-bottom: 10px;
    }


    .container-full-width .container {
        margin: 0px 10px;
    }
}

این هم کد داخل function.php

کد:
<?php add_theme_support('menus');?>

ممنون میشم کمک کنید
 
آخرین ویرایش:

Pejii

Member
من با php آشنایی چندانی ندارم، کسی از دوستان ورد پرس کار میتونند در مورد این مشکل راهنمایی کنند؟
 

esix99

New Member
سلام لطفا کمک کنین منو رو راست چین کنم هر کار می کنم نمی شه
.main-navigation ul a {
text-decoration:none;
}
.main-navigation ul {
list-style:none;

}
.main-navigation ul {
position:relative;
margin:0px;
padding:0px;
z-index:9999999999999999999999;

}
.main-navigation ul ul li:hover {
background: rgba(0, 0, 0, 0.1);
}
.main-navigation ul ul li a:hover {
background: rgba(0, 0, 0, 0.11);
}
.main-navigation ul li {
font-weight: 700;
float:left;
zoom: 1;
text-transform: uppercase;
font-size: 14px;

}
.main-navigation ul a:hover {
color:#000;

}
.main-navigation ul li a {
display: block;
color: #fff;
padding: 12px 18px;
padding-top: 13px;
}
.main-navigation ul li:last-child a {
border-right:none;
}
.main-navigation ul li:hover {
position:relative;
}
.main-navigation ul li:hover a {
color:#fff;
}
.main-navigation ul ul {
width:220px;
visibility:hidden;
position:absolute;
top:100%;
left:0;
margin:0;
padding:0;

}
.main-navigation ul ul li {
font-weight: 400;
color: #fff;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
float:none;
}
.main-navigation ul ul li a {
border-right:none;
width:100%;
display:inline-block;
}
.main-navigation ul ul ul {
left:100%;
top:0;
}
.main-navigation ul li:hover > ul {
visibility:visible;
}
.main-navigation ul .sub-menu li {
text-transform:none;
}
.menu-footer,
.menu-footer ul,
.menu-footer ul li,
.menu-footer ul li a,
.menu-footer{
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 99999999;
}
.menu-footer:after,
.menu-footer > ul:after, .menu-footer .menu > ul:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.menu-footer #menu-button {
display: none;
}
.menu-footer > ul > li, .menu-footer .menu > ul > li{
float: left;
}
.menu-footer > ul > li > a, .menu-footer .menu > ul > li > a{
padding-left: 15px;
padding-bottom: 17px; font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
color: #000;
font-weight: 700;
text-transform: uppercase;
}
.secondary-navigation ul li+li a:before {
content: "/";
padding-right: 15px;
color: #C0C0C0;
}
ul.sub-menu li a:before {
content: none !important;
}
.menu-footer ul ul {
position: absolute;
left: -9999px;
}
.menu-footer ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.menu-footer li:hover > ul, .menu-footer .menu li:hover > ul{
left: auto;
}
.menu-footer li:hover > ul > li, .menu-footer .menu li:hover > ul > li{
height: 35px;
}
.menu-footer ul ul ul {
margin-left: 99%;
top: 0;
}
.menu-footer ul ul li a {
border: 1px solid #333;
padding: 11px 15px;
width: 170px;
font-size: 14px;
text-decoration: none;
color: #000;
font-weight: 400;
background: #fff;
}



#bottom-navigation {
float: right;
}

.secondary-navigation-center, .secondary-navigation-best{
background: #efefef;
}
.secondary-navigation-center .menu-footer > ul > li > a, .secondary-navigation-best .menu-footer > ul > li > a{
padding: 20px;
}
.secondary-navigation-center ul li+li a:before, .secondary-navigation-best ul li+li a:before{
content: "";
padding-right: 0px;
}
.site-branding-center {
text-align:center;
}
.secondary-navigation-best {
clear: both;
width: 100%;
 

جدیدترین ارسال ها

بالا