دوستان من میخوام اون قسمتهایی از سایتم رو که در عکس زیر مشخص کردم . . رو تغییر بدم . .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این ستون سمت راست سایتمه . . البته ستون سمت چپ رو هم میخوام همین کارو باهاش کنم
من میخوام اونجایی که مثل شماره 1 رنگشو قرمز . . کردم . . بجای کدی که رنگ مشخصی بهش داده . .
از یک عکس استفاده کنم که تقریبا میشه یک عکس 160در 25
مثل این
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
حالا من باید چه تغییری در کد Style.css بدم . .؟
این هم کد Style من
/*
Theme Name: --------TAK
Theme URI:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
Description: قالب دو ستونه فارسي <a href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">تک</a>
Version: 1.0
Author: Mohammad Ali Talaghat
Author URI:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
*/
body {
text-align: center;
background-color: #395a7d;
font-size:62.5%;
line-height:1.5;
margin:0pt auto;
color:#000000;
}
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered, img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}
div.wp-caption {
padding:5px;
background-color:#F3F3F3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-align:center;
border:1px solid #DDD;
}
div.wp-caption p.wp-caption-text {
margin:0;
padding:3px 0 0 0;
color:#000;
font-size:11px;
}
A:link {
COLOR: #756A4D; text-decoration: none
}
A:visited {
COLOR: #756A4D; text-decoration: none
}
A:active {
COLOR: #4D7CB3; text-decoration: none
}
A:hover {
COLOR: #4D7CB3; text-decoration: none
}
.middle {
margin-top:10px;
line-height: 150%;
margin-left:10px;
float:left;
width:510px;
border:3px solid #D9E6FD;
overflow:hidden;
font-size:8pt;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#warpper {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: right;
direction:rtl;
background: #FFFFFF url('images/background.gif') top left repeat-y;
}
#warpper-search{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: right;
direction:rtl;
background: #FFFFFF url('images/partsbg.gif') top left repeat-y;
}
#mainbody-search {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
direction:ltr;
background: #FFFFFF url('images/searchbackground.gif') top left repeat-y;
}
.upblock {
text-align:right;
height: 130px;
background: #FFFFFF url('images/logo.jpg') bottom left no-repeat;
clear: both;
}
code {font:12px Arial;color: #333333; direction: ltr; background-color:#fff; display:block; padding:5px; margin:5px; border:1px solid #cccccc; border-left:2px solid #4776C5; text-align:left;}
.code {font:12px Arial;color: #333333; direction: ltr; background-color:#fff; display:block; padding:5px; margin:5px; border:1px solid #cccccc; border-left:2px solid #C54747; text-align:left;}
#menu_bar {
margin:0px;
padding:0px;
border:0px dashed #cccccc;
height:31px;
clear:both;
background: #FFFFFF url('images/menu.gif') bottom left no-repeat;
}
.mainbody {
}
.left {
float: left;
width:159px;
border:0px dashed #cccccc;
margin-top:1px;
}
.left h2 {
background: #F6F6F6;
border-bottom:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
color:#4D7CB3;
direction:rtl;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
height:20px;
margin-top:0px;
padding-right:10px;
padding-top:4px;
text-align:right;
margin-left:1px;
margin-right:1px;
}
.left h3 {
margin-top:0px;
margin-bottom:5px;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #ffffff;
padding:4px;
border: 1px solid #425227;
background-color: #739240;
}
.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type: none; background: transparent url(images/bullet.gif) no-repeat right; border: 0; margin: 0; padding: 0 15px 0 0;}
.left ul li ul li :hover { border-bottom:#ccc 1px solid; }
.right {
float: right;
width:159px;
border:0px dashed #cccccc;
margin-top:1px;
}
.right h2 {
background: #F6F6F6;
border-bottom:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
color:#4D7CB3;
direction:rtl;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
height:20px;
margin-top:0px;
padding-right:10px;
padding-top:4px;
text-align:right;
margin-left:1px;
margin-right:1px;
}
.right h3 {
margin-top:0px;
margin-bottom:5px;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #ffffff;
padding:4px;
border: 1px solid #425227;
background-color: #739240;
}
.alignright {
float: left;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
}
.alignleft {
float: right;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
}
#page_footer {
direction:ltr;
height: 60px;
background: #FFFFFF url(images/footer.gif) repeat-y scroll left top;
color:#000000;
clear: both;
font-family:tahoma;
font-size:8pt;
text-align:center;
border-top:1px solid #E6E6E6;
padding-top:10px;
}
.left list {
padding-right: 0;
width: 150px;
margin-right: 0;
height:1%;
}
@media all and (margin: 0px 15px 0px 0px) {
.list {
padding-right: 0px;
width: 150px;
margin-right: 0;
text-align:right;
margin-left:20px;
}
}
.left ul li ul li,.right ul li ul li {
list-style: none;
margin:0px;
line-height:20px;
font-family:tahoma;
font-size:8pt;
padding-right:20px;
background:transparent url(images/arrow.gif) no-repeat scroll 95% 8px;
direction:rtl;
}
@media all and (margin: 0px 15px 0px 0px) {
.left list li {
direction:rtl;
list-style: none;
margin-right:-40px;
line-height:20px;
font-family:tahoma;
font-size:8pt;
text-align:right;
padding-left:2px;
background:transparent url(images/item-list.gif) no-repeat scroll 95% 8px;
}
}
.list li a { text-decoration: none; }
input,textarea,button {
border: 1px solid #425227; background-color: #D5D0B0;
font-size:8pt;font-family:tahoma; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}
.top-ads {
padding-top:3px;
padding-bottom:5px; }
.menutitle {
background-color:#B9CF00;
border-bottom:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
color:#4D7CB3;
direction:rtl;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
height:20px;
margin-top:0px;
padding-right:10px;
padding-top:4px;
text-align:right;
margin-left:1px;
margin-right:1px;
}
#fa-date {
float:right;
font-family:tahoma;
font-size:11px;
margin-right:10px;
margin-top:5px;
width:170px;
text-align:right;
}
#en-date {
font-family:tahoma;
font-size:11px;
margin-left:10px;
text-align:left;
width:170px;
direction:ltr;
}
* html #en-date {
font-family:tahoma;
font-size:11px;
margin-left:10px;
margin-top:12px;
text-align:left;
width:110px;
direction:ltr;
}
.parts {
float:right;
font-family:tahoma;
font-size:11px;
margin-top:12px;
text-align:center;
width:440px;
}
#mainbody {
float:right;
width:800px;
background:#FFFFFF url(images/partsbg.gif) repeat-y scroll left top;
}
#rightmenu {
background-color:#E0EFF5;
float:right;
width:158px;
}
#centermenu {
background-color:#FFFFFF;
float:right;
padding-left:5px;
padding-right:5px;
width:472px;
margin-top:1px;
}
.linkdooni
{
line-height: 150%;
font-size:8pt;
font-family: Tahoma;
font-size: 11px;
color:#D47F55;
background-color:#F6F6F6;
margin: 4px;
clear:both;
display:block;
border: 1px solid #E6E6E6;
list-style-image: url(images/ll.gif);
list-style-type: none;
padding-top: 0px;
padding-right: 4px;
list-style-position: inside;
padding-bottom: 6px;
padding-left: 4px;
}
#leftmenu {
background-color:#E0EFF5;
float:right;
text-align:right;
width:159px;
}
#centermenu-title {
background-color:#B9CF00;
border-bottom:1px solid #FFFFFF;
color:#4D7CB3;
direction:rtl;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
height:21px;
margin-top:0px;
padding-right:10px;
padding-top:2px;
text-align:right;
}
#centerlinks {
background-color:#DFE4B1;
float:right;
margin-bottom:10px;
margin-top:1px;
width:471px;
}
#text-links {
background:#F6F6F6 none repeat scroll 0% 50%;
border-top:1px solid #E6E6E6;
direction:rtl;
font-family:tahoma;
list-style-image: url(images/ll.gif);
font-size:8pt;
line-height:150%;
margin-right:0pt;
text-align:right;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
}
#post {
background-color:#FFFFFF;
border:1px solid #E6E6E6;
float:right;
margin-bottom:10px;
width:470px;
}
#post a.download {
background-image:url(images/download1.jpg);
background-position:left center;
background-repeat:no-repeat;
border-bottom:medium none;
display:inline-block;
margin:5px 0;
padding:15px 50px 15px 5px;
width:190px;
}
#post a.view {
background-image:url(images/view.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom:medium none;
display:inline-block;
margin:5px 0;
padding:15px 50px 15px 5px;
width:190px;
}
#post a.blogfa {
background-image:url(images/blogfa.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom:medium none;
display:inline-block;
margin:5px 0;
padding:15px 50px 15px 5px;
width:190px;
}
#post a.persianblog {
background-image:url(images/persianblog.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom:medium none;
display:inline-block;
margin:5px 0;
padding:15px 50px 15px 5px;
width:190px;
}
#post a.download:hover {
border-bottom:medium none;
}
#post a.view:hover {
border-bottom:medium none;
}
#post p img{
border: none;
padding: 0px 5px 0px 0px;
}
#post-ads {
background-color:#FFFFFF;
float:right;
margin-bottom:10px;
width:470px;
text-align:center;
padding-bottom:10px;
}
#posttitle {
background-color:#F6F6F6;
border-bottom:1px solid #FFFFFF;
direction:rtl;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
height:20px;
margin-top:0px;
padding-right:10px;
padding-top:4px;
text-align:right;
color:#4D7CB3;
}
#posttextbox {
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding:5px 10px 1px;
text-align:right;
height:1%;
}
.posttextbox-archive {
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding:10px 20px 1px;
border-top:1px solid #E6E6E6;
text-align:right;
}
.posttextbox-archive list li {
direction:rtl;
list-style: none;
margin-right:10px;
line-height:20px;
font-family:tahoma;
font-size:8pt;
text-align:right;
padding-right:10px;
background:transparent url(images/item-list.gif) no-repeat scroll 95% 8px;
}
.posttextbox-archive ul li ul li {
list-style: none;
margin:0px;
line-height:10px;
font-family:tahoma;
font-size:8pt;
padding-right:10px;
background:transparent url(images/item-list.gif) no-repeat scroll 95% 8px;
direction:rtl;
}
#posttextbox-related{
background:#F6F6F6 none repeat scroll 0% 50%;
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding:5px 10px 1px;
text-align:right;
border-top:1px solid #E6E6E6;
line-height:150%;
}
#post-buttom-block {
background-color:#F6F6F6;
border-top:1px solid #E6E6E6;
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding:5px 10px;
text-align:right;
}
#pages {
background-color:#F6F6F6;
border:1px solid #E6E6E6;
float:right;
font-family:tahoma;
font-size:11px;
margin-bottom:10px;
padding-bottom:5px;
padding-top:5px;
width:470px;
text-align:left;
direction:ltr;
}
#buttomblock {
background-color:#F6F6F6;
border-top:1px solid #E6E6E6;
color:#333333;
float:left;
font-family:tahoma;
font-size:8pt;
padding:0px;
width:800px;
text-align:center;
padding-bottom:10px;
}
.entry-more-link {
background-image:url(images/edame.gif);
background-position:right center;
background-repeat:no-repeat;
height:20px;
margin-bottom:0px;
margin-top:20px;
padding-right:20px;
}
input, select, textarea, button {
font-family:tahoma;
}
.comment-footer {
border-bottom:1px dashed;
font-size:9px;
margin-bottom:5px;
padding-bottom:5px;
}
p {
}
form {
display:inline;
}
input.txt {
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
color:#1A4A5E;
height:12px;
padding-top:5px;
text-align:right;
width:100px;
margin-top:6px;
}
input.txt-advance {
border:1px solid #E6E6E6;
color:#000000;
height:12px;
margin-left:5px;
margin-top:5px;
padding-top:5px;
text-align:right;
width:200px;
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
}
input.btn {
background-image:url(images/search.gif);
border:1px solid #E6E6E6;
color:#333333;
height:20px;
left:8px;
padding-top:4px;
position:relative;
width:50px;
}
input.btn-advancesearch {
background-image:url(images/search.gif);
border:1px solid #E6E6E6;
color:#333333;
height:20px;
left:19px;
padding-top:4px;
position:relative;
width:50px;
}
.postinformation {
border-top:1px solid #E6E6E6;
color:#BDB39A;
direction:rtl;
font-family:Tahoma;
font-size:8pt;
padding-top:2px;
padding-left:12px;
text-align:left;
}
.vbpost {
line-height:1.5;
margin-top:10px;
height: 1%;
}
* html .vbpost {
line-height:1.5;
margin-top:15px;
height: 1%;
padding-right:8px;
margin-bottom:10px;
}
li {
height: 1%;
}
.comments{width:445px;
}
.comments-open
{margin-right:10px;}
#text{background:White;
border:1px solid #E6E6E6;
text-align:right;
width:400px;
height:150px;
font-family:tahoma;
font-size:9pt;
color:#000000;
margin-bottom:0px;
}
#author{
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
}
#email{
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
}
#url{
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
}
#commentpost {
background-color:#FFFFFF;
border:1px solid #E6E6E6;
float:right;
margin-bottom:10px;
width:470px;
}
#commentposttextbox {
border-top:1px solid #E6E6E6;
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding-right:30px;
text-align:right;
padding-right:3px;
padding-left:3px;
}
#contactposttextbox {
border-top:1px solid #E6E6E6;
direction:rtl;
font-family:tahoma;
font-size:8pt;
padding-right:30px;
text-align:right;
padding-right:30px;
padding-left:3px;
padding-bottom:10px;
}
#comments-open-up{
float:left;
margin-right:50px;
margin-left:15px;
}
#comments-open-footer{
margin-left:100px;
margin-top:100px;}
#comments-open-data{
padding-right:0px;}
#comment-bake-cookie{
margin-bottom:0px;
}
#comments-open-text{
direction:rtl;
float:right;
margin-bottom:30px;
text-align:right;}
#comment-form-remember-me{
font-family:tahoma;
padding-right:20px;
}
#comment-form-name{
font-family:tahoma;
padding-right:20px;
}
#comment-form-email{
font-family:tahoma;
padding-right:20px;
}
#comment-form-url{
font-family:tahoma;
padding-right:20px;
}
.commentfirstfild{padding-right:20px;
}
.comment-fild{
text-align:center;}
#submit{
background-color:#F6F6F6;
color:#756A4D;
height:25px;
border:1px solid #E6E6E6;
margin-bottom:10px;}
#preview{
background-color:#F6F6F6;
color:#756A4D;
height:25px;
border:1px solid #E6E6E6;
margin-bottom:10px;}
.hr{
background-color:#8FBAD6;
border:medium none;
color:#8FBAD6;
direction:rtl;
height:1px;
text-align:right;
width:100%;}
.comment-details{
width:100%;
border-bottom:1px dotted #8FBAD6;
line-height:150%;
padding-bottom:3px;
}
.comment-details .avatar {
float: left;
padding: 2px;
border: 1px solid #ddd;
margin-right: 10px;
margin-left: 10px;
background: #fff;
}
#search-options{
font-family:tahoma;}
.search-form{direction:ltr;
margin-top:15px;
text-align:center;
}
.search-results-header{
font-family:tahoma;
text-align:right;
padding-right:5px;
font-size:8pt;
font-weight:bold;
margin-top:10px;}
.searchinstruction{
font-family:tahoma;
text-align:right;
padding-right:15px;
padding-bottom:5px;
font-size:8pt;
text-decoration:none;
margin-top:10px;
direction:rtl;}
@media all and (margin: 0px 15px 0px 0px) {
.searchinstruction{
font-family:tahoma;
text-align:right;
padding-right:25px;
margin-right:15px;
padding-bottom:5px;
font-size:8pt;
text-decoration:none;
margin-top:10px;
direction:rtl;}
}
.nosearch{
text-align:right;}
.left textbox{
text-align:right;
margin:0px;}
div.gameBox {
background:#FFFFFF url(images/pro-hback.gif) repeat-x scroll center bottom;
border:1px solid #DDDDDD;
float:left;
height:100px;
margin:13px 10px 10px 19px;
overflow:hidden;
width:179px;
font-family:tahoma;
direction:rtl;
padding:10px;
}
* html div.gameBox {
background:#FFFFFF url(images/pro-hback.gif) repeat-x scroll center bottom;
border:1px solid #DDDDDD;
float:left;
height:100px;
margin-top:13px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
overflow:hidden;
width:178px;
font-family:tahoma;
direction:rtl;
}
img.gameImg {
border:1px solid #CCCCCC;
float:right;
height:70px;
padding:2px;
width:70px;
}
.thumb{
direction:rtl;
font-size:8pt;
float:left;
width:100px;
height:1%;
display: block;
}
.entry-game{
margin-bottom:15px;
border-top:1px solid #E6E6E6;
}
* html .entry-game{margin-bottom:15px;
}
#partsblock {
background:#FFFFFF url(images/partsbg.gif) repeat-y scroll left top;
}
ali {font:12px Arial;color: #333333; direction: ltr; background-color:#fff; display:block; padding:5px; margin:5px; border:1px solid #cccccc; border-left:2px solid #C54747; text-align:left;}
.textbox-cat{
font-family:tahoma;
font-size:8pt;
line-height:150%;
text-align:right;
height:1%;
padding:7px;}
.textbox-hit{
margin-top:0px;}
* html .textbox-hit{
padding-bottom:50px;}
@media all and (margin: 0px 15px 0px 0px) {
.textbox-hit {
margin-bottom:-20px;
}
}
.SearchBox, .MailInput {font-size:8pt;font-family:tahoma;color: #6D7A81;height:18;border: 1px solid #DAE2E3;background-color: #F3F5F5}
.namebox, .webbox, .mailbox, .Comm {font-size:8pt;font-family:tahoma;color: #6D7A81;border: 1px solid #DAE2E3;background-color: #F3F5F5}
.SendBTN,.PoolButton,.SearchBTN, .mailbtn, .resetbtn, .BTN {font-size:8pt;font-family:tahoma;color: #000;border: 1px solid #DAE2E3;background-color: #F3F5F5;text-align:center;height:18; padding-bottom:3px}
.module-categories ul li {
background: url('plus.gif') right 5px no-repeat;
padding: 0 12px 0 0;
font-weight: bold;
}
.module-categories ul li ul li {
background: url('rl.gif') right 5px no-repeat;
padding: 0 12px 0 0;
margin: 0 12px 0 0;
font-weight: 100;
}
امیدوارم منظورم و خوب رسونده باشم . .
موفق باشید . .
مشاهده نسخه کامل
: