p30msb

ساخت زمینه دلخواه

7 پست در این موضوع قرار دارد

سلام دوستان من یموخاستم یک زمینه دلخواه مثل سایت زیر برای سایتم بسازم

لینک دانلودش رو ببینید

http://www.p30msb.ir/2013/12/31/%D8%A8%D8%A7%D8%B2%DB%8C-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C-%D8%AC%D9%86%DA%AF-%D9%87%D8%A7%DB%8C-%D9%82%D8%B1%D9%88%D9%86-%D9%88%D8%B3%D8%B7%DB%8C-%D8%A2%D9%86%D8%AF%D8%B1%D9%88%DB%8C/

عکس ها را در پوشه image قالب آپلود کردم

بعد این کد ها رو به

style.css

اضافه کردم


.dl-box {
background: url("images/Downloads.png") no-repeat scroll left center transparent;
border: 2px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
list-style: none outside none;
margin: 0 auto;
padding: 8px;
width: 640px;
}
.file-size {
background: url("images/size.png") no-repeat scroll right center transparent;
line-height: 20px;
padding-right: 18px;
}
.file-link {
background: url("images/download.png") no-repeat scroll right center transparent;
font-weight: 400;
line-height: 20px;
padding-right: 18px;
}
.file-password {
background: url("images/password.png") no-repeat scroll right center transparent;
line-height: 20px;
padding-right: 18px;
}

بعد این کدها رو هم در

single.php

قرار دادم


<?php $src = get_post_meta($post->ID, 'src', true); ?>
<?php $link = get_post_meta($post->ID, 'link', true); ?>
<?php $ramz = get_post_meta($post->ID, 'ramz', true); ?>
<?php $haj = get_post_meta($post->ID, 'haj', true); ?>
<ul class="dl-box">
<?php if(get_post_custom_values('haj')) : ?><li class="file-size"> حجم فایل : <?php echo $haj;?></li><?php endif;?>
<?php if(get_post_custom_values('link')) : ?><li class="file-link">
<a href="<?php echo $link;?>" rel="nofollow" target="_blank"><?php the_title()?> - لینک مستقیم </a>
</li><?php endif;?>
<?php if(get_post_custom_values('ramz')) : ?><li class="file-password">رمز عبور فایل فشرده در صورت نیاز : <?php echo $ramz;?></li><?php endif;?>

<?php $mycode = get_post_meta($post->ID, 'mycode', true); ?>
<?php if(get_post_custom_values('mycode')) : ?>
<textarea id="mcodeta" onclick="this.focus();this.select()" cols="60" rows="20">
<?php echo $mycode;?>
</textarea> <button onclick="document.getElementById('mcodeta').focus();document.getElementById('mcodeta').select()">select all</button>
<?php endif;?>
</ul>

ولی لینک دانلود و حجم فایل بصورت ساده نمایش داده می شود

نگاه کنید

http://www.mobile123.ir/2013/12/30/asdasd/

0

به اشتراک گذاری این پست


لینک به پست

منظورتون از ساده چیه؟

2

به اشتراک گذاری این پست


لینک به پست

منظورتون از ساده چیه؟

یعنی استایلش کار نمیکنه

0

به اشتراک گذاری این پست


لینک به پست

استایل ها + عکس های فراخوانی شده لود شدند و مشکلی از بابت لود نشدن وجود نداره

باید استایل رو با قالب هماهنگ کنید

و margin ها و width و height ها رو تنظیم کنید تا در مکان مورد نظر قرار بگیرند.

2

به اشتراک گذاری این پست


لینک به پست

استایل ها + عکس های فراخوانی شده لود شدند و مشکلی از بابت لود نشدن وجود نداره

باید استایل رو با قالب هماهنگ کنید

و margin ها و width و height ها رو تنظیم کنید تا در مکان مورد نظر قرار بگیرند.

چطوری تنظیم کنم

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

چطوری تنظیم کنم

اینم فایلهای استایل

/*

Theme Name: Amiran98

Description: Amiran98 is a free clean WordPress theme with custom header, Responsive design, rtl language support, translation ready, Slider, menu and widget, fast loading and displays a featured image for each post (150px by 150px) in index page. It is very easy to customise and supports widgets, a custom menu, slider, Related posts, about author, and header images - so you can customise your website as much as you need.

Author: Ali Mirzaei

Author URI: http://alimir.ir

Version: 3.0.0

Theme URI: http://alimir.ir/amiran98

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, white, one-column, two-columns,three-columns, right-sidebar,left-sidebar,flexible-width, custom-background, theme-options, featured-images, custom-header, custom-menu, flexible-header, full-width-template, rtl-language-support, translation-ready

*/

body {

font-family: Arial, Geneva, sans-serif;

font-size: 12px;

color: #000;

direction:ltr;

}

body.archive{

position:absolute;

right:0;

left:0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

clear: both;

font-family: Georgia, serif;

line-height: 1;

margin:0;

}

h1 {

font-size: 48px;

padding: 0 0 10px 0;

}

h2 {

font-size: 30px;

padding: 0 0 5px 0;

}

h3 {

font-size: 22px;

margin: 5px 0;

}

h4 {

font-size: 20px;

margin: 5px 0;

}

h5 {

font-size: 18px;

margin: 5px 0;

}

h6 {

font-size: 16px;

margin: 5px 0;

}

p {

padding: 10px 0 0 0;

}

small {

font-size: smaller;

}

b,

strong {

font-weight: bold;

}

dl {

margin: 0 20px;

}

dt {

font-weight: bold;

}

dd {

margin: 0 0 20px;

}

fieldset {

border: 1px solid #c0c0c0;

margin: 0 2px;

padding: 0.35em 0.625em 0.75em;

}

legend {

border: 0;

padding: 0;

white-space: normal;

}

table {

border-bottom: 1px solid #ededed;

border-collapse: collapse;

border-spacing: 0;

font-size: 14px;

line-height: 2;

margin: 0 0 20px;

width: 100%;

}

caption,

th,

td {

font-weight: normal;

text-align: left;

}

caption {

font-size: 16px;

margin: 20px 0;

}

th {

font-weight: bold;

text-transform: uppercase;

}

td {

border-top: 1px solid #ededed;

padding: 6px 10px 6px 0;

}

del {

color: #333;

}

ins {

background: #fff9c0;

text-decoration: none;

}

a:link, a:visited {

text-decoration: none;

color:#d64141;

}

a:hover {

text-decoration: none;

color: #F00;

}

hr {

background: url(images/dotted-line.png) repeat center top;

background-size: 4px 4px;

border: 0;

height: 1px;

margin: 0 0 24px;

}

code, pre {

display: block;

padding: 9.5px;

margin: 0 0 10px;

font-size: 13px;

line-height: 20px;

word-break: break-all;

word-wrap: break-word;

white-space: pre;

white-space: pre-wrap;

background-color: #f5f5f5;

border: 1px solid #ccc;

border: 1px solid rgba(0,0,0,0.15);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

direction: ltr;

text-align: left;

}

blockquote {

background: #f9f9f9;

border-left: 10px solid #ccc;

margin: 1.5em 10px;

padding: 0.5em 10px;

}

blockquote cite,

blockquote small {

font-size: 14px;

font-weight: normal;

text-transform: uppercase;

}

blockquote em,

blockquote i {

font-style: normal;

font-weight: 300;

}

blockquote strong,

blockquote b {

font-weight: 400;

}

blockquote p {

display:inline;

}

select{

font-size: 100%;

margin: 10px;

width: 93%;

vertical-align: baseline;

}

.alignleft {

float: left;

margin: 5px 20px 5px 0;

padding: 0;

}

.alignright {

float: right;

margin: 5px 0 5px 20px;

padding: 0;

}

.aligncenter {

display: block;

margin: 1em auto;

text-align: center;

}

.wp-caption-text {

margin: 0.5em 0;

color: #666;

font-size: 0.923em;

}

#wrapper {

max-width: 1000px;

width: 100%;

margin:0 auto;

overflow:hidden;

}

#header {

text-align: center;

padding: 0px 0 30px;

}

#header h1 {

font-size: 5px;

visibility: hidden;

}

#logo {

}

.main-menu {

float: left;

width: 99.7%;

margin: 0 0 10px 0;

font-weight: normal;

font-size: 16px;

line-height: 50px;

height: auto;

color: #666666;

background:#f6f6f6;

background-image: linear-gradient(to bottom,#f6f6f6,#e4e4e4);

border: 1px solid #c4c4c4;

-moz-box-shadow: 0 9px 5px -5px #999;

-webkit-box-shadow: 0 9px 5px -5px #999;

box-shadow: 0 9px 5px -5px #999;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

border-radius: 7px

}

.main-menu ul {

margin: 0;

list-style: none;

background: #444;

padding:0 10px;

}

.topnav li a {

padding-left: 10px;

padding-right: 10px;

}

.main-menu ul a {

display: block;

position: relative;

color: #666666;

text-decoration: none;

}

.main-menu li a:hover{

color:#FF6600;

}

.main-menu ul li {

float: left;

margin: 0 0px;

position: relative;

}

.main-menu ul li:hover {

visibility: inherit;

}

.main-menu ul ul {

position: absolute;

margin:8px 0px;

top: -9999px;

width: 160px;

z-index: 5;

padding: 5px 15px 8px 15px;

background:#f6f6f6;

background-image: linear-gradient(to bottom,#f6f6f6,#e4e4e4);

line-height: 14px;

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

border: 1px solid #c4c4c5;

border-radius:4px

}

.main-menu ul ul li {

float: none;

margin: 0 -15px;

padding: 0;

}

.main-menu ul ul li a {

display: block;

color: #666666;

font-size: 12px;

padding: 10px 10px;

}

.main-menu ul ul li a:hover {

border-bottom-color: transparent;

color: #f00;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

border-radius: 7px

}

.main-menu ul li:hover ul {

left: -2px;

top: 42px;

z-index: 10;

}

.main-menu ul li:hover li ul,

.main-menu ul li li:hover li ul,

.main-menu ul li li li:hover li ul {

top: -9999px;

}

.main-menu ul li li:hover ul,

.main-menu ul li li li:hover ul,

.main-menu ul li li li li:hover ul {

left: 190px;

top: -14px;

}

.nav-option {

width:90%;

display: none;

}

select.nav-option {

color:#666666;

height:30px;

font-size:16px;

vertical-align: middle;

background: transparent;

border: 1px solid #ccc;

font-family:Tahoma;

}

.nav-option option:hover {

cursor: pointer;

}

#content {

max-width: 520px;

width: 100%;

float: left;

margin: 0;

}

.col1{

float:left;

}

.post {

float: right;

max-width: 520px;

width: 100%;

margin: 0 0 10px 0;

}

.sticky .post-body,.sticky .post-top {

background-color:#ededed;

}

.excerpt {

font-size: 13px;

color: #313131;

font-family: Tahoma, Geneva, sans-serif;

line-height: 24px;

margin-bottom:20px;

padding: 15px 15px;

}

.single-content {

font-family: Tahoma, Geneva, sans-serif;

padding: 5px 20px 5px 20px;

font-size: 13px;

line-height: 22px;

}

.single-content img,

.comment-body img,

.widget img,

.wp-caption {

max-width: 100%;

}

.single-content img,

.comment-body img[height],

img[class*=align],

img[class*=wp-image-],

img[class*=attachment-] {

height: auto;

}

img.size-full,

img.size-large,

img.wp-post-image {

height: auto;

max-width: 100%;

}

.title {

max-width:95%;

float: left;

min-height:30px;

padding:12px 15px 5px;

word-wrap:break-word;

}

.title a {

font-family: Georgia, serif;

font-size: 22px;

color: #333333;

font-weight: normal;

}

.title a:hover {

color: #F00;

}

.title-seprator {

background: url(images/seprator-2.png) repeat-x;

height: 2px;

width:100%;

float:left;

}

.post-body {

background: url(images/center.png) repeat;

float: left;

border-radius:0 0 5px 5px;

width: 99%;

border:1px solid #ccc;

border-top:none;

}

.post-top {

border-radius:5px 5px 0 0;

background: url(images/center.png) repeat;

width: 99%;

float:left;

margin-top:10px;

border:1px solid #ccc;

border-bottom:none;

}

.meta-post {

float: left;

clear:both;

font-size: 13px;

margin: 5px 0 10px;

width: 100%;

}

.date {

background: url("images/icons.png") no-repeat top left;

background-position: 0 -254px;

font-size: 10px;

padding: 0 14px 5px 14px;

margin-left: 17px;

float:left;

text-shadow: 1px 1px #FFFFFF;

}

.cat-post {

background: url("images/folder.png") no-repeat top left;

padding: 0 14px 5px 14px;

text-shadow: 1px 1px #FFFFFF;

font-size:10px;

float:left;

margin-left:17px;

}

.comment-post {

float: right;

height: 24px;

max-width:120px;

padding:0 8px 0 8px;

width: 15%;

overflow:hidden;

margin: -25px 0 0 10px;

background: #d65c5c;

text-shadow: 0 1px 0 rgba(0,0,0,0.5);

color: #FFF;

line-height:24px;

font-size: 13px;

text-align:center;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid rgba(0,0,0,0.3);

border-bottom-width: 3px;

}

a.readmore {

display: block;

float: right;

height: 24px;

padding:0 10px 0 10px;

width: 15%;

overflow:hidden;

margin: -25px 30px 0 10px;

background: #27394e;

text-shadow: 0 1px 0 rgba(0,0,0,0.5);

color: #FFF;

line-height:24px;

font-size: 13px;

text-align:center;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid rgba(0,0,0,0.3);

border-bottom-width: 3px;

}

a.readmore:hover {

background-color: #132e4e;

border-color: rgba(0,0,0,0.5);

}

a.readmore:active {

background-color: #00244e;

border-color: rgba(0,0,0,0.9);

}

.postThumb img {

float: left;

width: 150px;

height: 150px;

display: block;

padding: 4px;

border: 1px solid #ddd;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);

box-shadow: 0 1px 3px rgba(0,0,0,0.055);

margin: 0px 15px 10px 15px;

-moz-border-radius: 10px;

-webkit-transition: all .3s ease;

-moz-transition: all .3s ease;

-ms-transition: all .3s ease;

-o-transition: all .3s ease;

transition: all .3s ease;

}

.postThumb img:hover {

opacity: 0.6;

}

.postTags {

font-size: 13px;

margin: 10px;

color: #878789;

}

.postTags span {

font-size: 17px;

background: url("images/icons.png") no-repeat top left;

background-position: 0 -351px;

padding-left:25px;

}

ul.tagbox{

padding: 5px 10px!important;

list-style: none;

}

ul.tagbox a {

color: #333;

border-radius: 3px;

padding: 1px 1px;

}

.tagbox a:hover {

background: #0099FF;

color: #FFFFFF;

}

.post-404 {

margin-top: 10px;

text-align: center;

font-size: 20px;

}

.post-404 h2 , .post-404 h4 {

font-weight: normal;

font-size: 26px;

}

#breadcrumbs {

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

color: #3d3d3d;

margin: 10px 5px 0 0;

padding:10px;

text-shadow: 1px 1px 0 #FFFFFF;

background: url(images/center.png) repeat;

border:1px solid #ccc;

border-radius:5px;

}

#breadcrumbs a, span.raquo {

color: #9f9f9f;

}

#breadcrumbs a:hover {

color: #3d3d3d;

text-decoration: none;

}

.rel {

font-family: Arial, Geneva, sans-serif;

margin: 0 10px;

}

.rel p {

font-size: 17px;

background: url("images/icons.png") no-repeat top left;

background-position: 0 -283px;

padding: 15px 0 0 20px;

margin-top:-8px;

color: #878789;

}

.rel ul {

margin-left: -20px;

margin-top: -7px;

}

.rel ul a {

color: #666;

}

.rel ul a:hover {

color: #F00;

}

.rel ul li {

background: url("images/icons.png") no-repeat top left;

background-position: 0 -406px;

margin-bottom:20px;

padding-left: 20px !important;

list-style-type: none;

}

#author-info {

font-family: Arial, Helvetica, sans-serif;

padding: 10px;

color: #333;

}

#author-info h4 {

background: url("images/icons.png") no-repeat top left;

background-position: 0 2px;

font-size: 17px;

font-weight: normal;

padding-left:20px;

}

#author-image {

float: left;

margin: 0 10px 15px 1px;

border: 1px solid #f7f7f7;

margin-top: 5px;

border-radius: 10px;

}

#author-image img {

width: 95px;

height: 95px;

border-radius: 10px;

}

.box_in {

padding: 5px;

margin:10px;

color: #666666;

border: 1px dashed #dadada;

border-radius: 10px;

text-align: center;

}

.sidebar {

max-width: 230px;

width: 100%;

float: right;

margin: 10px 10px 10px 0;

background: url(images/center.png) repeat;

border-radius:5px;

font-size:13px;

word-wrap:break-word;

border:1px solid #ccc;

}

.sidebar2 {

width: 230px;

float: left;

margin: 10px 0 10px 5px;

background: url(images/center.png) repeat;

border-radius:5px;

font-size:13px;

word-wrap:break-word;

border:1px solid #ccc;

}

.divider-arrow {

height: 22px;

overflow: hidden;

clear: right;

background: url(images/widget-divider.png) repeat-x 0 30%;

}

.title-divider {

padding:15px 10px 0;

}

.title-divider h3 {

font-size: 18px;

font-weight:normal;

font-family: Georgia;

color: #666;

float: left;

margin: 0 5px 0 0;

}

.sidebar ul,.sidebar2 ul {

margin: 0;

padding: 0 10px;

list-style: none;

border-radius:5px;

}

.sidebar ul li,.sidebar2 ul li {

padding: 0;

line-height: 22px;

padding: 0 0 0 17px;

background: url("images/bullet.png") no-repeat left 8.5px;

overflow:hidden;

}

.sidebar a ,.sidebar2 a {

line-height:30px;

color: #1c1c1c;

}

.sidebar a:hover ,.sidebar2 a:hover {

color:#d60000;

}

.textwidget {

padding:10px 15px;

display:block;

}

.tagcloud {

padding: 5px 15px;

margin-bottom:10px;

}

.tagcloud a{

background: #f1f1f1;

border-bottom: 2px solid #ccc;

font-family: Arial;

font-size: 1em !important;

color: #6f6f6f;

padding:2px;

text-decoration:none;

border-radius:5px;

line-height:30px;

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

}

.tagcloud a:hover{

background:#132e4e;

border-bottom: 2px solid #001837;

color: #FFFFFF;

}

.searchform {

height: 34px;

padding-bottom:10px;

margin:10px 0 0 10px;

}

.searchform #s {

background: none;

font: normal 100% Georgia, "Times New Roman", Times, serif;

color: #000;

padding-left:5px;

padding-right:5px;

font-size:18px;

width: 63%;

height: 30px;

margin-left: 5px;

border-radius:5px;

}

.searchform #s:focus{

outline: none

}

input#searchsubmit {

height: 35px;

width: 25%;

background: #eee;

color: #666;

line-height:26px;

font-size: 13px;

text-align:center;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid rgba(0,0,0,0.3);

border-bottom-width: 3px;

float:left;

cursor: pointer;

}

#wp-calendar {

width: 80%;

margin: auto;

}

#comments-wrap {

margin: 25px 0 0 5px;

padding-bottom: 30px;

direction: ltr;

}

.comments-navigation {

margin: 10px;

font-size: 12px;

}

.comments-navigation .alignleft {

float: left;

margin: 0;

padding: 0;

}

.comments-navigation .alignright {

float: right;

margin: 0;

padding: 0;

}

h3#comments-number, h3.postcomment {

font-family: Arial, Helvetica, sans-serif;

margin: 0 0 0 -13px;

font-weight: normal;

padding: 20px;

font-size: 24px;

color: #3d3d3d;

}

ol.commentlist {

list-style: none;

margin: 20px 0 0 0;

padding: 0 5px;

text-indent: 0;

max-width:520px;

width:98%;

}

ol.commentlist li {

margin: 0 0 10px 0;

padding: 10px 0 7px 0;

position: relative;

}

.comment-body{

margin: 0 0 10px 95px;

-webkit-border-radius:8px;

-moz-border-radius:8px;

-o-border-radius:8px;

border-radius:8px;

background:#f7f7f7;

border:1px solid #c1c1c1;

text-shadow:1px 1px #fff;

}

ol.commentlist li div.comment-author {

padding:0px 10px;

}

ol.commentlist li div.vcard {

font: bold 12px Arial, Helvetica, sans-serif;

line-height: 24px;

padding-bottom: 5px;

}

ol.commentlist li div.vcard cite.fn {

font-style: normal;

}

ol.commentlist li div.vcard img.avatar {

border:1px solid #f8f8f8;

left:0px;

position:absolute;

width:80px;

height:80px;

border-radius:5px;

}

ol.commentlist li div.comment-meta {

float:right;

margin: -28px 10px 0 0;

}

ol.commentlist li div.comment-meta a {

color: #aaaaaa;

text-decoration: none;

}

ol.commentlist li div.comment-meta a:hover {

color: #37badc;

text-decoration: none;

}

ol.commentlist li p {

font:normal 12px Arial, Helvetica, sans-serif;

line-height: 24px !important;

margin:0 10px 20px 10px;

}

ol.commentlist li form p {

margin: 0;

}

ol.commentlist li ul {

font: normal 12px Arial, Helvetica, sans-serif;

list-style: square;

line-height: 24px;

margin: 0 0 0;

padding: 0;

text-indent: 0;

}

ol.commentlist li div.reply {

text-align:center;

font-size:12px;

max-width: 78px;

width: 15%;

overflow:hidden;

height:22px;

line-height:22px;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border:1px solid rgba(0,0,0,0.3);

border-bottom-width:3px;

background-color:#E48681;

border-color:rgba(0,0,0,0.3);

text-shadow:0 1px 0 rgba(0,0,0,0.5);

margin:-14px 0 10px 0;

float:right;

margin-right:10px;

}

ol.commentlist li div.reply a{

color:#fff;

}

ol.commentlist li ul.children {

list-style: none;

margin: 1em 0 0 25px;

text-indent: 0;

}

ol.commentlist li ul.children li.depth-2 {

margin: 0 0 8px;

}

ol.commentlist li ul.children li.depth-3 {

margin: 0 0 8px;

}

ol.commentlist li ul.children li.depth-4 {

margin: 0 0 8px;

}

ol.commentlist li.pingback div.vcard {

padding: 0 0 0 170px;

}

#respond {

margin-top: 10px;

}

#respond h3#reply-title {

font-size: 16px;

line-height: 1;

}

#respond h3#reply-title #cancel-comment-reply-link {

margin-left: 10px;

margin-left: 0.714285714rem;

font-weight: normal;

font-size: 12px;

font-size: 0.857142857rem;

}

#respond form p.logged-in-as {

margin-bottom: 24px;

margin-bottom: 1.714285714rem;

}

#respond form label {

display: block;

line-height: 1.714285714;

}

#respond form input[type=text],

#respond form textarea {

-moz-box-sizing: border-box;

box-sizing: border-box;

font-size: 12px;

font-size: 0.857142857rem;

line-height: 1.714285714;

padding: 5px;

width: 99%;

}

#respond form p.form-allowed-tags {

margin: 0;

font-size: 12px;

font-size: 0.857142857rem;

line-height: 2;

color: #5e5e5e;

}

.required {

color: red;

}

form#commentform #submit {

display: inline-block;

text-decoration: none;

font: 14px/18px Arial, Helvetica, sans-serif;

color: white;

float: left;

width: 99%;

height: 33px;

margin: 5px 0 0;

cursor: pointer;

background-color: #0064cd;

background-repeat: repeat-x;

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));

background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);

background-image: linear-gradient(to bottom, #049cdb, #0064cd);

border: 1px solid #ccc;

border-color: #0064cd #0064cd #003f81;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-transition: all .2s ease;

-moz-transition: all .2s ease;

-ms-transition: all .2s ease;

-o-transition: all .2s ease;

transition: all .2s ease;

}

form#commentform #submit:hover {

background: #049cdb;

}

.footer {

float: left;

max-width: 960px;

width:100%;

margin: 20px 0;

text-align: center;

}

#footer-seprator {

background: url(images/seprator-2.png) repeat-x;

height: 2px;

max-width: 500px;

width:100%;

margin: 0 auto;

}

.footer h3 {

padding: 5px 0;

text-shadow: 1px 1px #FFFFFF;

font-weight: normal;

font-size: 12px;

}

.prev {

float:right;

margin-right:6px;

}

.next {

float:left;

}

.wp-pagenavi {

clear: both;

padding-top: 20px;

}

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 90%;

}

#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}

#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}

#wp-calendar a {

display: block;

}

#wp-calendar caption {

text-align: center;

width: 100%;

}

#wp-calendar td {

padding: 3px 0;

text-align: center;

}

#wp-calendar td.pad:hover {

background-color: #fff;

}

.wp-pagenavi a, .wp-pagenavi span {

font-family: Arial, Helvetica, sans-serif;

text-decoration: none;

background: #f9f8f2;

color: #666;

padding: 1px 5px;

float: left;

-moz-border-radius: 3px;

border-bottom: 1px solid #999;

text-align: center;

-webkit-transition: color .1s ease-in;

-moz-transition: color .1s ease-in;

-o-transition: color .1s ease-in;

-ms-transition: color .1s ease-in;

transition: color .1s ease-in;

text-shadow: none;

border-radius: 4px;

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

border: 1px solid #f7f7f7;

}

.wp-pagenavi span.current {

background: #fff;

color: #666;

border: 1px solid #ece9d8;

}

.wp-pagenavi a:hover {

background: #e20030;

border-color: #87001d;

color: #fff;

}

.bypostauthor {

position: static;

}

.gallery-caption {

position: static;

}

fieldset {

border:none;

}

@media only screen and (min-device-width: 990px) and (max-width: 1024px) {

#wrapper {

max-width: 768px;

width: 100%;

margin:0 auto;

}

ol.commentlist {

max-width: 768px;

width:99%;

}

#content,.post{

max-width: 768px;

width: 100%;

}

.sidebar,.right-col,.sidebar2{

max-width: 768px;

width:99%;

float:left;

}

.sidebar2 {

margin: 10px 10px 10px 0;

}

.col1{

float:none;

}

.nav-option {

display: block;

margin:10px auto;

}

.main-menu{

float:right;

width: 99%;

}

.main-menu ul{

display: none;

}

}

@media only screen and (max-width: 480px) {

.postThumb img {

width: 120px;

height: 120px;

margin: 0px 15px 10px 15px;

}

#author-info h4 {

font-size: 13px;

}

#author-image img {

width: 55px;

height: 55px;

}

ol.commentlist {

width:95%;

}

ol.commentlist li ul.children {

margin: 1em 0 0 0;

}

ol.commentlist li div.comment-meta,.cat-post {

display:none;

}

ol.commentlist li div.vcard img.avatar {

width:40px;

height:40px;

}

h3#comments-number, h3.postcomment {

margin: 0;

font-size: 18px;

}

.comment-body{

margin: 0 0 10px 45px;

}

.main-menu {

position: relative;

min-height: 40px;

}

.title-divider h3{

font-size:13px;

margin: 5px 5px 0 0;

}

}

@media only screen and (max-width: 320px) {

#logo img{

width:100%;

height:auto;

}

.searchform #s {

width: 45%;

}

}

.dl-box {

background: url("images/Downloads.png") no-repeat scroll left center transparent;

border: 2px solid #CCCCCC;

border-radius: 5px 5px 5px 5px;

list-style: none outside none;

margin:auto;

padding: auto;

width: auto;

}

.file-size {

background: url("images/size.png") no-repeat scroll right center transparent;

line-height: auto;

padding-right: auto;

}

.file-link {

background: url("images/download.png") no-repeat scroll right center transparent;

font-weight: auto;

line-height: auto;

padding-right: auto;

}

.file-password {

background: url("images/password.png") no-repeat scroll right center transparent;

line-height: auto;

padding-right: auto;

}

}

ویرایش شده در توسط Parsa
برای کدهای بلند از longbox استفاده کنید
0

به اشتراک گذاری این پست


لینک به پست

شما یک div قرار دهید و استایل دهید


<div class="post-meta">

</div>


.post-meta {
}

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری