pary_daryayi

يك مشكل در استايل دادن به ابزارك

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

سلام دوستان. بخشي از كد css مربوط به سايد بار , عنوان و نوشته هاي ابزارك من به اين صورته :


#side{
width:100%;
min-height:150px;
background-color:#fff;
border-radius:10px;
direction:rtl;
}
#side-title{
width:95%;
height:20px;
border-bottom:1px #e8e8e8 solid;
}
#side-text{
width:95%;
min-height:100px;
}

function رو هم تنظيم كردم.


register_sidebar( array (
'name' => __( 'line1' ),
'id' => 'line1',
'before_widget' => '<div id="side-text">',
'after_widget' => '</div>',
'before_title' => '<div id="side-title"><h4>',
'after_title' => '</h4></div>',
) );

مشكلي كه وجود داره اينه كه همشون پشت سر هم قرار ميگيرند و مثلا بين " موضوعات " و " دسته ها " فاصله اي نيست.

علت هم به خاطر كد CSS نيست , چون خارج وردپرس درست كار ميكنه . علت اين كد هست كه با يك خط كل مطالب در دايو side-text فراخواني ميشه.


<div id="side">
<?php if ( is_active_sidebar( 'line1' ) ) : dynamic_sidebar( 'line1'); endif; ?>
</div>

اين رو چطور حل كنم؟

-----------------------------------

مرسي

ویرایش شده در توسط pary_daryayi

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


لینک به پست

سلام

الان روی سایتتون هست تا در عمل کدها رو ببینیم؟

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


لینک به پست

نه هنوز ؛ بازم امتحان ميكنم , اگر نشد يه عكس نمونه ازش ميزارم . مرسي

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


لینک به پست

سلام

چرا دیگه دوست عزیز ایراد از css هست

شما باید بین 2 ابزارک رو در css بهش مثلن margin-bottom بدین تا فاصله ایجاد کنه

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

شما الآن هم در آیدی side و هم در کلاسی که در فانکشن دادین میتونید با استفاده از margin بینشون فاصله بدید

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


لینک به پست

مرسي . من هم قبل از اينكه اين كد رو بزارم از margin-bottom استفاده كرده بودم ولي نتيجه نميده .فكر ميكنم به اين علت كه درون يك حلقه نيست كه بعد از اجراي اولي , فاصله اي ايجاد بشه و حلقه ي بعد اجرا بشه . همشون پشت سر هم قرار ميگيرند . من ميخوام به اين شكل بشه :

--------------------

پ . ن : از پيوست فايل استفاده ميكنم ولي عكس ضميمه نميشه . از كدوم آيتم بايد استفاده بشه ؟

ویرایش شده در توسط pary_daryayi

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


لینک به پست

من ميخوام به اين شكل بشه :

--------------------

پ . ن : از پيوست فايل استفاده ميكنم ولي عكس ضميمه نميشه . از كدوم آيتم بايد استفاده بشه ؟

مثل کدوم؟

بعد از پیوست فایل، افزودن به متن رو هم میزنید؟

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


لینک به پست

مثل عكس اول ميخوام بشه.(از سمت راست )

ولي مثل عكس دومي ميشه !

در كد css هم margin-bootom هم در side و هم در side-text گذاشتم.

مرسي

post-1361-0-99695000-1358838619_thumb.jp

post-1361-0-17258500-1358838671_thumb.jp

ویرایش شده در توسط pary_daryayi

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


لینک به پست

شما آدرس آنلاینش رو بدید چک می کنم اینجوری سخته ممکن هست کد های دیگه ای روی سایدبار هم اثر بگذارند

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


لینک به پست

حق با شماست . فعلا در حال يادگيري هستم , آپ كه كردم آدرس رو ميزارم.

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


لینک به پست

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

کد در قالب شما از جای دیگه ای هم داره استایل می گیره مثلا از ul یا li به صورت عمومی

شما این کد را به کدهای css اضافه کنید و تست بگیرید

در ضمن در کد php بهتره هر دو id را به class تبدیل کنید تا بعدا به مشکل نخورید اگر تبدیل کردید در استایل بجای


#side-text

باید


.side-text

قرار بدید (همینطور در مورد css های خودتون


#side-text
{ margin-top:10px;
margin-bottom:10px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-khtml-border-radius:12px;
}
#side-title
{padding:3px}

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


لینک به پست

مرسي آقاي استاد . حل شد ؛ يه كم دقتي ديگه هم در يه جاي كد داشتم كه برطرف شد .

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


لینک به پست

دوستان مشكل قبلي حل شد ؛ از همه ممنون . يه سوال ديگه در اين قسمت دارم :

اين كد رو ببينيد :


register_sidebar( array (
'name' => __( 'line1' ),
'id' => 'line1',
'before_widget' => '<div id="side-text">',
'after_widget' => '</div>',
'before_title' => '<div id="side-title"><h4>',
'after_title' => '</h4></div>',
) );

بصورت پيش فرض before_title و after_title درون دايو before_widget و after_widget قرار ميگيرند .

يعني در اجرا دايو ها به اين صورت چيدمان شدند :


<div class="side-text">
<div class="side-title"></div>
</div>

ولي من ميخوام به اين صورت باشه


<div class="side-title"></div>
<div class="side-text"></div>

اين چيدمان رو چطور ميتونم تو function تغيير بدم ؟

مرسي

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


لینک به پست


register_sidebar( array (
'name' => __( 'line1' ),
'id' => 'line1',
'before_widget' => '<div class="side-text">',
'after_widget' => '</div></div>',
'before_title' => '<div class="side-title"><h4>',
'after_title' => '</h4></div><div class="side-body">',
) );

یعنی


<div class="side-text">
<div class="side-title">
<h3>عنوان </h3></div>
<div class="side-body">
آیتم ها
</div>
</div>

سئوال جدید تایپیک جدید لطفا

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


لینک به پست

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

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

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

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


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

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

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


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