رفتن به مطلب

چطور بین لینکهای ویجت ها فاصله ایجاد کنیم؟


پست های پیشنهاد شده

سلام

چطور پاراگرافها (لینک ها) رو از هم جدا کنیم چیزی مثل عکس پیوست (سمت راستی بشه مثل سمت چپ). بین لینکهای یک ویجت (مثل محبوب ترین پستها) فاصله بندازیم یا بوسیله یه خط از هم جداشون کنیم

 

 

2.png

ویرایش شده توسط blu3
لینک به ارسال
در 33 دقیقه قبل، start گفته است :

 

با سلام.

در قدم اول کلاس های مربوط به عناصر رو باید بدست بیارید و بعد با استفاده از padding و border-bottom به راحتی میتونید به نتیجه دلخواهتون برسید.

.sidebar .widget {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
	margin-bottom:50px;
	font-size:13px;
}

کلاس منظورتون همین .sidebar .widget هست؟

border و padding رو خودم بوسیله یه سایت به sidebar .widget اضافه کرده بودم یه بردر به ویجتها اضافه کرد. border-bottom اضافه میکنم هیچ تغییری نمیکنه

ویرایش شده توسط blu3
لینک به ارسال
در 13 دقیقه قبل، blu3 گفته است :

.sidebar .widget {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
	margin-bottom:50px;
	font-size:13px;
}

کلاس منظورتون همین .sidebar .widget هست؟

border و padding رو خودم بوسیله یه سایت به sidebar .widget اضافه کرده بودم یه بردر به ویجتها اضافه کرد. border-bottom اضافه میکنم هیچ تغییری نمیکنه

بله، کلاس همون هست.

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

پس باید اون عنصر که a هست رو هدف بگیرید و padding و border رو به اون بدید.

 

اگر باز موفق نشدید، لینک آنلاین بدید که دقیق تر بشه راهنمایی کرد.

لینک به ارسال
در 32 دقیقه قبل، start گفته است :

بله، کلاس همون هست.

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

پس باید اون عنصر که a هست رو هدف بگیرید و padding و border رو به اون بدید.

 

اگر باز موفق نشدید، لینک آنلاین بدید که دقیق تر بشه راهنمایی کرد.

بله میخوام بین اون دوتا فضای خالی ایجاد شه یا یه خط بیفتوته بینشون ...عکسی که گذاشتم دوتا لینک هست...  وقتی لینکهایی که بیشتر از یک سطر هست ، لینکها قاطی میشن ... 

کلاس مربوط به لینکها هم فکر کنم کد زیر هست. line-height فاصله بین سطرها رو تغییر میده نه فاصله بین لینکها رو

.

sidebar .widget li a {
    line-height: 2.3;
    color:#505050;
}

 

لینک به ارسال
در 9 دقیقه قبل، blu3 گفته است :

بله میخوام بین اون دوتا فضای خالی ایجاد شه یا یه خط بیفتوته بینشون ...عکسی که گذاشتم دوتا لینک هست...  وقتی لینکهایی که بیشتر از یک سطر هست ، لینکها قاطی میشن ... 

کلاس مربوط به لینکها هم فکر کنم کد زیر هست. line-height فاصله بین سطرها رو تغییر میده نه فاصله بین لینکها رو

.


sidebar .widget li a {
    line-height: 2.3;
    color:#505050;
}

 

بله، line-height که کلا کاربرد دیگه ای داره.

اگر کلاسش اون هست، اینطور تغییرش بدید:

.sidebar .widget li a {
    line-height: 2.3;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #505050;
}
.sidebar .widget li:last-of-type a {
    border-bottom: 0; 
}

 

ویرایش شده توسط start
لینک به ارسال
در در 12/1/2016 at 18:26، start گفته است :

بله، line-height که کلا کاربرد دیگه ای داره.

اگر کلاسش اون هست، اینطور تغییرش بدید:


.sidebar .widget li a {
    line-height: 2.3;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #505050;
}
.sidebar .widget li:last-of-type a {
    border-bottom: 0; 
}

 

ممنون ؛ چیزی که می خواستم نشد . از افزونه استفاده کردم

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...