قالب وردپرس

[soheyl_ir89]

سلام دوستان
در قالب زیر، sidebar رو آوردم سمت راست و mainlayout رو بردم سمت چپ:
http://s2.picofile.com/file/7325882468/untitled2.png
تصویر زمینه عناوین sidebar رو برعکس کردم.
مشکلی که الان وجود داره، فاصله بین sidebar و mainlayout هست.
تصویر :
http://www.upload.carsworld.ir/images/neebu7u6qjmwwa4owyl.png (http://www.upload.carsworld.ir/)
این هم کدهای style.css (البته همش نیست) :





/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { overflow-x:hidden; overflow-y:scroll; background: #b5b5b5 url(images/main-bg.jpg) no-repeat center top; text-align: center; font-family: BYekan, Arial, Verdana, sans-serif; font-size: 12px; color: #ffffff; line-height: 21px; }

a { text-decoration: none; color: #454444; text-shadow: 1px 1px 1px #ffffff;}
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #000000; letter-spacing: -1px; line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; text-shadow: none;}

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#page-wrap { width: 810px; margin: 0 auto; position: absolute; top: 25%; left: 20%; margin-right:-9px; }
#main-content { float: left; text-align: right; width: 586px; }
img#logo { margin: 138px 0px 0px 65px; }
div.container-top { background: url(images/container-top.png) no-repeat; height: 16px; }
div.container-bottom { background: url(images/container-bottom.png) no-repeat; height: 16px; margin-bottom:15px; }
div.container { background: url(images/container.png) repeat-y; min-height: 340px; padding: 24px 0px 0px; }

div.container-top, div.container-bottom, div.container { visibility: hidden; }
div.divider { width: 559px; height: 18px; clear: both;}

div.heading { padding: 0px 42px 21px 39px; background: url(images/divider.png) no-repeat bottom left; }
.pagetitle { letter-spacing:-2.3px; }
span.separator { margin: 5px 13px 0px 8px; }
.pagetitle, span.separator { float: right; color: #4a4949; text-shadow: 1px 1px 1px #d2d2d2; font-size: 36px; }
div.heading span.tagline {color: #4a4949; font-family: BYekan, Century Gothic,Arial,Verdana,sans-serif; font-size: 24px; text-shadow: 1px 1px 1px #c9c9c9; padding-top:11px; display:block; }

div.entry { text-shadow: 1px 1px 1px #717171; padding: 11px 42px 8px;}

div.page { visibility: hidden; }
div.page ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
div.page ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
div.page ul li ul, div.page ul li ol { margin: 2px 0px 2px 20px; }
div.page ol li ul, div.page ol li ol { margin: 2px 0px 2px 35px; }


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { float: right; width: 223px; text-align: right; line-height: 50px; padding-top: 14px; }

ul#nav li { height:55px; margin-right:-9px; padding: 8px 44px 0px 0px; }
ul#nav li img { float:left; margin: 10px 3px 0px 0px; display: none; }

ul#nav li.active { background: url(images/pageactive-bg2.png) no-repeat top right; }
ul#nav li.active a { color: #ffffff; text-shadow: 1px 1px 1px #717171; }
ul#nav li a { text-decoration: none; float: right; padding-right:10px; }
ul#nav li a.hover { background: url(images/hover-bullet.png) no-repeat center right; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #000000; text-shadow: none;}
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

با تشکر از شما

[lordmhn]

چند تا کار میتونید انجام بدین !

1- عکس سمت راست رو زیاد تر کنید
2- میتونید از margin-left:-50px; استفاده کنید
3- میتونید از margin-right-50px; استفاده کنید
4- میتونید width منوی سمت راست رو زیاد تر کنید
5- میتونید هر دو رو float:right; بزارید ولی باید دقت کنید که سایز هر دو در کنار هم به سایز استاندارد نزدیک بشه تا مشکلی نداشته باشه !

---------- Post added at 02:52 PM ---------- Previous post was at 02:50 PM ----------


چند تا کار میتونید انجام بدین !

1- عکس سمت راست رو زیاد تر کنید
2- میتونید از margin-left:-50px; استفاده کنید
3- میتونید از margin-right-50px; استفاده کنید
4- میتونید width منوی سمت راست رو زیاد تر کنید
5- میتونید هر دو رو float:right; بزارید ولی باید دقت کنید که سایز هر دو در کنار هم به سایز استاندارد نزدیک بشه تا مشکلی نداشته باشه !

البته این راهنمایی هایی که کردم باید توی کلاس مناسب انجام بشه یعنی جایی که margin-left باید استفاده کنید توی منو ها هست و جایی که margin-right استفاده باید کرد برای متن اصلی هست

[soheyl_ir89]

هنوز اندر خم همون کوچه م !

لطفا راهنماییم کنید دوستان

[lordmhn]

هنوز اندر خم همون کوچه م !

لطفا راهنماییم کنید دوستان

شما اگه میتونید یک لینک از این قالب بذارید تا بتونم راحتر کمکتون کنم !

[soheyl_ir89]

با تشکر از همراهیت
تو لوکال هاست دارم کار می کنم
لینک دموی قالب اصلی : BusinessCard Theme | Just another WordPress weblog (http://www.elegantthemes.com/preview/BusinessCard/)

الان این جوریش کردم :
http://www.upload.carsworld.ir/images/gwnqgcoqm7vuraab8.gif (http://www.upload.carsworld.ir/)

---------- Post added at 04:14 PM ---------- Previous post was at 04:12 PM ----------

حالا باید کاری کنم که رو هم برن
اما الان sidebar می آد پایین

---------- Post added at 04:38 PM ---------- Previous post was at 04:14 PM ----------


حالا باید کاری کنم که رو هم برن
اما الان sidebar می آد پایین

چه جوری این کارو بکنم؟
کدش چیه؟

موقعی که چپ چین بود، در قسمت sidebar ، کد margin-right:-9px; بود.
اما حالا نمی دونم چی کار کنم
خیلی امتحان کردم

[lordmhn]

این الان که این طوری شده یا میتونه از clear باشه میتونه از سایز زیاد باشه باید چک کنی ببینی که توی html بعد از قسمت متنه <div class="clear"></div> هست یا نه و این که width کلی که در نظر گرفته شده چقدره و این که آیا margin-left و right توی این قسمت ها درست به کار رفته یا نه این اتفاق زمانی می افته که width و margin زیاد باشه و نتونه کنار هم قرار بگیره !

[soheyl_ir89]

هنوز نتونستم این مشکل رو برطرف کنم!
دوستان
ممنون می شم کمکم کنید

---------- Post added at 09:50 PM ---------- Previous post was at 08:02 PM ----------

حالا باید کاری کنم که رو هم برن
اما الان sidebar می آد پایین

چه جوری این کارو بکنم؟
کدش چیه؟

موقعی که چپ چین بود، در قسمت sidebar ، کد margin-right:-9px; بود.
اما حالا نمی دونم چی کار کنم
خیلی امتحان کردم

[SaynaServer]

هنوز نتونستم این مشکل رو برطرف کنم!
دوستان
ممنون می شم کمکم کنید

---------- Post added at 09:50 PM ---------- Previous post was at 08:02 PM ----------

حالا باید کاری کنم که رو هم برن
اما الان sidebar می آد پایین

چه جوری این کارو بکنم؟
کدش چیه؟

موقعی که چپ چین بود، در قسمت sidebar ، کد margin-right:-9px; بود.
اما حالا نمی دونم چی کار کنم
خیلی امتحان کردم
می تونم کمکتون کنم از امضا ای دیم رو بر دارید در ارتباط باشید

[sazsaz]

مشکل خود را در انجمن راهنمای وردپرس فارسی (http://wp-help.ir/index.php) بنویسید متاسفانه به خاطر حرکتی از سوی سیستم بن شده بودید که الان فعال شدید

[soheyl_ir89]

دوستان کمکم کنید لطفا
هنوز نتونستم درستش کنم این قالب رو!
با تشکر از شما

[hostspace]

منم کلی کار کردم روش
اما سایدبار \ایین میوفته

[333]

شما یه پیام در انجمن راهنمای وردپرس فارسی بدید مhttp://wp-help.ir (http://wp-help.ir/) پاسخ داده میشه من که از وقتی شناختم خیلی مشکلاتم برطرف شده

[SaynaServer]

دوستان کمکم کنید لطفا
هنوز نتونستم درستش کنم این قالب رو!
با تشکر از شما

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

[sazsaz]

بله آدرس را بفرست ما که علم غیب نداریم آنلاین بهت می گیم کجاش اشکال داره

[soheyl_ir89]

ممنون دوستان
قبلا گفتم که در لوکال هاست دارم ویرایشش می کنم.
اگر دوستان می دونن مشکل از چیه، راهنمایی کنن لطفا
محتوای style.css رو می ذارم





@font-face {
font-family: 'BYekan';
src:url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.woff') format('woff'),
url('fonts/BYekan.ttf') format('truetype');
}

/*
Theme Name: BusinessCard
Theme URI: http://www.elegantthemes.com/gallery/businesscard
Version: 2.7
Description: one-page theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { overflow-x:hidden; overflow-y:scroll; background: #b5b5b5 url(images/main-bg.jpg) no-repeat center top; text-align: center; font-family: BYekan, Arial, Verdana, sans-serif; font-size: 12px; color: #ffffff; line-height: 21px; }

a { text-decoration: none; color: #454444; text-shadow: 1px 1px 1px #ffffff;}
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #000000; letter-spacing: -1px; line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: BYekan, Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; text-shadow: none;}

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#page-wrap { width: 820px; margin: 0 auto; position: absolute; top: 25%; left: 20%; }
#main-content { float: left; text-align: right; width: 586px; }
img#logo { margin: 138px 0px 0px 65px; }
div.container-top { background: url(images/container-top.png) no-repeat; height: 16px; }
div.container-bottom { background: url(images/container-bottom.png) no-repeat; height: 16px; margin-bottom:15px; }
div.container { background: url(images/container.png) repeat-y; min-height: 340px; padding: 24px 0px 0px; }

div.container-top, div.container-bottom, div.container { visibility: hidden; }
div.divider { width: 559px; height: 18px; clear: both; }

div.heading { padding: 0px 42px 21px 39px; background: url(images/divider.png) no-repeat bottom left; }
.pagetitle { letter-spacing:-2.3px; }
span.separator { margin: 5px 13px 0px 8px; }
.pagetitle, span.separator { float: right; color: #4a4949; text-shadow: 1px 1px 1px #d2d2d2; font-size: 36px; }
div.heading span.tagline {color: #4a4949; font-family: BYekan, Century Gothic,Arial,Verdana,sans-serif; font-size: 24px; text-shadow: 1px 1px 1px #c9c9c9; padding-top:11px; display:block; }

div.entry { text-shadow: 1px 1px 1px #717171; padding: 11px 42px 8px;}

div.page { visibility: hidden; }
div.page ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
div.page ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
div.page ul li ul, div.page ul li ol { margin: 2px 0px 2px 20px; }
div.page ol li ul, div.page ol li ol { margin: 2px 0px 2px 35px; }


/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { float: right; width: 223px; text-align: right; line-height: 50px; padding-top: 14px; padding-right: 20px; }

ul#nav li { height:55px; margin-left:-9px; padding: 8px 44px 0px 0px; }
ul#nav li img { float:left; margin: 10px 3px 0px 0px; display: none; }

ul#nav li.active { background: url(images/pageactive-bg2.png) no-repeat top right; }
ul#nav li.active a { color: #ffffff; text-shadow: 1px 1px 1px #717171; }
ul#nav li a { text-decoration: none; float: right; padding-right:10px; }
ul#nav li a.hover { background: url(images/hover-bullet.png) no-repeat center right; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #000000; text-shadow: none;}
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-right:15px; }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }

.gallery-wrap { position: relative; }
.gallery-item { margin-right: 25px; width: auto !important; }
.gallery { position: relative !important; width: 502px; height: 210px; }
.gallery .slide { position: absolute; top: 0px; left: 0px; }
a.prevgallery, a.nextgallery { display: block; width: 9px; height: 17px; text-indent: -9999px; position: absolute; top: 77px; }
a.prevgallery { background: url(images/arrow-left.png) no-repeat; position: absolute; left: -23px; }
a.nextgallery { background: url(images/arrow-right.png) no-repeat; right: -20px; }



---------- Post added at 11:14 AM ---------- Previous post was at 09:18 AM ----------


منم کلی کار کردم روش
اما سایدبار \ایین میوفته

چی کار می شه کرد؟