رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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/

لینک به ارسال

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

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

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

لینک به ارسال

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

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

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

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

لینک به ارسال
ارسال شده در (ویرایش شده)

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

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

/*

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 استفاده کنید
لینک به ارسال
  • 2 هفته بعد...

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...