Rustin

ابزارک های درون سایدبار

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

سلام دوستان

این کد مربوط به سایدبار سایت من هست، که از فایل style.php ورداشتم.

==============================================================================================================================
/*	Sidebar | Width																								Sidebar | Width
/* ============================================================================================================================ */
	
<?php 
	$sidebarW 	= mfn_opts_get( 'sidebar-width', '23' );
	$contentW 	= 100 - $sidebarW;
	$sidebar2W 	= $sidebarW - 5;
	$content2W 	= 100 - ( $sidebar2W * 2 );
	$sidebar2M 	= $content2W + $sidebar2W;
	$content2M 	= $sidebar2W;
?>

.with_aside .sidebar.columns {
	width: <?php echo $sidebarW; ?>%;
}
.with_aside .sections_group {
	width: <?php echo $contentW; ?>%;
}

.aside_both .sidebar.columns {
	width: <?php echo $sidebar2W; ?>%;
}
.aside_both .sidebar.sidebar-1{ 
	margin-left: -<?php echo $sidebar2M; ?>%;
}
.aside_both .sections_group {
	width: <?php echo $content2W; ?>%;
	margin-left: <?php echo $content2M; ?>%;
}
	
	
/* 

من این کد رو به طور کامل نمیتونم بفهمم، تنها چیزی که میتونم توش عوض کنم عرض سایدبار هست (همون عدد 23). مشکل من اینه که من نمیخام برای اینکه ابزارک هام بدرستی نمایش داده بشن مجبور بشم اینقدر سایدبارم رو عریض کنم. اگر به سایت مراجعه کنید میبینید که سایدبار خیلی عریض هست و این صرفا به این دلیله که میخاستم ابزارک ها بدرستی نمایش داده بشن... ولی ابزارک ها تمام فضای سایدبار رو نگرفتن بلکه قسمت چپ سایدبار کامل خالیه...
چطور میتونم بدون تغییر دادن عرض خود سایدبار، کاری کنم که فقط عرض ابزارک های تو سایدبار افزایش پیدا کنه و بدرستی نمایش داده بشن؟ توی کد بالا که همچنین چیزی رو نمیتونم ببینم. (اگر دوستان کسی میتونه کد بالا رو برام توضیح بده تشکر میکنم.)
پیشاپیش از پاسخگوییتون تشکر میکنم.
اینم آدرس سایتم: http://www.ouroboros.ir

0

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


لینک به پست

با سلام و احترام دوست عزیز ربطی به ساید بار ندارد شما استایلی که استفاده کردید 10 درصد از گوشه ها رو فاصله داخلی دادید 

@media only screen and (min-width: 768px){
.layout-boxed #Subheader .container, .layout-boxed:not(.with_aside) .section:not(.full-width), .layout-boxed.with_aside .content_wrapper, .layout-boxed #Footer .container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

برای همین فاصله افتاده دوست عزیز 

1

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


لینک به پست

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

در 4 ساعت قبل، a2h گفته است :

با سلام و احترام دوست عزیز ربطی به ساید بار ندارد شما استایلی که استفاده کردید 10 درصد از گوشه ها رو فاصله داخلی دادید 


@media only screen and (min-width: 768px){
.layout-boxed #Subheader .container, .layout-boxed:not(.with_aside) .section:not(.full-width), .layout-boxed.with_aside .content_wrapper, .layout-boxed #Footer .container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

برای همین فاصله افتاده دوست عزیز 

سلام، بله دقیقا مشکل همین بود، بی نهایت تشکر.

ویرایش شده در توسط Rustin
0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Pluto65
      سلام
      وردپرس 4.8.1 دارم و افزونه پارسی دیت را نصب کرده ام.این افزونه، ابزارکی به نام "بایگانی تاریخ خورشیدی" دارد که تاریخ را به شمسی تبدیل می کند اما فونت نمایش اعداد در آن با فونت اصلی سایت منطبق و هماهنگ نیست.
      برای سایت از فونت "یکان" استفاده کرده ام و در تمام سایت این فونت اعمال شده اما در این ابزارک اعمال نمی شود.
      لازم به ذکر است با افزونه جلالی هم تست کردم و همین مشکل در آن جا هم وجود داشت.
       
      برای حل مشکل، راهنمایی بفرمایید .

    • توسط Rustin
      سلام
      2 تا سوال دارم اگه دوستان بتونن کمک کنن، بی نهایت متشکر خواهم بود.
      1. چطور میشه یک لینک داخلی (به یک صفحه یا مطلب) در سایدبار ایجاد کرد؟ بصورتی که حاوی یک عکس باشه و دائما در سایدبار نمایش داده بشه؟
      چیزی شبیه این که از سایت بیگ بنگ برداشته شده (http://bigbangpage.com/)

      2. سوال دیگه ای هم که دارم اینه که چطور باید ویجت ها (ابزارک ها) را با فاصله از هم قرار داد؟ برای من وقتی چندتا ویجت در سایدبار میزارم، همه چسبیده به هم نمایش داده میشن. نه مثل تصویر بالا جدا جدا.
    • توسط TheOnlyMen
      درود خدمت دوستان گرامی
      خواستم بدانم که چطور می شود که در قسمت title یک ابزارک در وردپرس تغییر ایجاد کرد برای هر ابزارک به طور اختصاصی (بتوان یک کلاس را کنار title قرار داد)
      مثل تصویر زیر:
       

    • توسط Rustin
      سلام، من یک مشکل اساسی با سایدبار سایتم دارم.
      من از پوسته bethem استفاده میکنم. یک سایدبار ایجاد کردم ولی وقتی ابزارک ها رو توی سایدبار میزارم، محتوای ابزارک بطرز فجیعی بد نمایش داده میشه.
      توی تمام مرورگرهای دسکتاپ چک کردم بد نشون میده ولی توی مرورگر کروم توی اندروید خوبه (تقریبا).
      اینم آدرس سایتم: http://www.ouroboros.ir
      هر کدوم از مطالب رو که باز کنید، سمت چپ سایدبار نمایش داده میشه.
      پیشاپیش تشکر.
    • توسط Fast-Learn
      سلام.
      ببخشید میخواستم ببینم بهترین راه برای ساخت سایدبار نیمه چسبان مثل سایدبار همیار وردپرس چیه؟
       
      سایدبار نیمه چسبان: وقتی که داریم از بالا به پایین اسکرول میدیم و به انتهای ابزارک ها میرسیم، سایدبار پوزیشنش فیکس میشه و وقتی داریم از پایین به بالا اسکرول میدیم و به ابتدای ابرازک ها میرسیم هم همین طور!