blu3

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

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

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

سلام

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

 

 

2.png

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

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


لینک به پست

با سلام.

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

0

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


لینک به پست

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

در 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
0

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


لینک به پست
در 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 رو به اون بدید.

 

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

0

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


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

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

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

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

 

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

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

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

.

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

 

0

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


لینک به پست

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

در 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
0

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


لینک به پست
در در 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; 
}

 

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

0

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


لینک به پست

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

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

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

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


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

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

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


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