hamedi

ایجاد یک خط در سایدبار

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

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

باسلام. در قسمت سایدبار تعداد زیادی ابزارک ایجاد کردم که بعدا هم تعدادی بهشون اضافه میشه. بهتره که با یک خط از هم جداشون کنم که محتویات هرکدوم  اختصاصا با عنوانش مربوط باشه. مشکل اینه که با inspect element   سایدبار رو بررسی کردم و به قسمتی رسیدم که دقیقا جای قرار گرفتن خط بود  از همینجا یک استایل border-top برای کلاس sidebar .widget. ایجاد کردم و خط بخوبی ایجاد شد. ولی برای نهایی کردن این کار  وقتی همین کد رو داخل کدهای custom css قالب قرار میدم  عمل نمیکنه. کد این هست که فقط آخرین خط رو خودم اضافه کردم.

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 از قسمت inspect  سایدبار سایت مطابق تصویر زیر شد و خط دقیقا همونجایی که خواستم قرار گرفت. کلاسهای مختلف رو بررسی کردم ولی متاسفانه از custom css  همین تغییرات ایجاد نمیشه. لطفا راهنمایی کنید امکانش هست این کار انجام بشه! ممنون میشم از سایت بررسی کنید. باتشکر. 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 

 

 

لطفا برای مشاهده attachment وارد سایت شوید و یا ثبت نام کنید.

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

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


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

درود.

شما می تونید تغییرات رو در مسیر و فایل زیر اعمال کنید.

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

در انتهای فایل بالا، کد زیر رو قرار بدید:

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

نتیجه ی کار:

Screenshot_1.png.fc77cee9c52ae018b54d6e1114c87f0e.png

 

 

یا بجای خط کشی و استفاده از کد بالا، محدوده ی هر ابزارک رو پس زمینه بدید. به صورت زیر:

لطفا برای مشاهده attachment وارد سایت شوید و یا ثبت نام کنید.

 

که برای داشتن چنین حالتی، بجای کد قبل، کد زیر رو باید در فایل استایل قرار بدید:

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

بعد از قرار دادن کد، اگر در سایتتون از افزونه کش استفاده می کنید، حتما کش رو خالی کنید. و حتما کش مرورگر رو خالی کنید (تنها در صورتی که تغییرات اعمال نمی شوند.)

موفق باشید.

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


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

درست شد خوشبختانه. مشکل از کش مرورگر بود. بیشتر وقتا بدون خالی کردن کش  کدها اعمال میشن بخاطر همین گاهی مرورگر غلط انداز میشه. باتشکر.

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


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

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

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

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

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


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

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

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


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

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.