رفتن به مطلب
::AmiR::

بکگراند رنگی برای متن در پوسته

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

سلام و خدا قوت

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

}
.top-news-footer {
    bottom: 0 !important;
    color: #FFFFFF;
    font-family: "B Titr";
    font-size: 45px;
    position: absolute;
    right: 34px;
    width: 88%;
}

من میخوام در بخش بگراند این متن یک بگراند با روشنی 20 درصد ایجاد کنم که متن بهتر دیده بشه.چطور باید استایل رو تغییر بدم که به شکل عکس دوم بشه؟

ممنون میشم راهنمایی کنید.

 

es.jpg

es2.jpg

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


لینک به ارسال

background-color:yellow  رو به استایل اضافه کم. جای نام رنگ میتوانی از نام رنگ ها و کد رنگ های دیگه استفاده کنی ...

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


لینک به ارسال

یعنی اینطوری

}
.top-news-footer {
    bottom: 0 !important;
    color: #FFFFFF;
    background-color: yellow;
    font-family: "B Titr";
    font-size: 45px;
    position: absolute;
    right: 34px;
    width: 88%;
}

 

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


لینک به ارسال
در ۱ ساعت قبل، vakilp1 گفته است :

یعنی اینطوری


}
.top-news-footer {
    bottom: 0 !important;
    color: #FFFFFF;
    background-color: yellow;
    font-family: "B Titr";
    font-size: 45px;
    position: absolute;
    right: 34px;
    width: 88%;
}

 

سپاس

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

من میخوام کاری کنم که اصلا اون بخش یه بگراند کلی داشته باشه که مثلا بگم اون بگراند 40 درصد رنگ باشه

الان طبق تصویر پیوستی هست و به نظرم شکیل نیست

یا حداقل بشه بهش سایز داد که مثلا اینقدر در اینقدر رو دارای کادر مثلا مشکلی کن

 

eslah.jpg

ویرایش شده توسط ::AmiR::

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


لینک به ارسال
background-color: rgba(236, 90, 43, 0.2);

 

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


لینک به ارسال

جای 0.2 میتوانی تا 1 خاصیت شفافیت رو تغییر بدی و مابقی اعداد رنگ هستن ...

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


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

جای 0.2 میتوانی تا 1 خاصیت شفافیت رو تغییر بدی و مابقی اعداد رنگ هستن ...

دقیقا همونیه که میخوام

فقط راهی نداره برای بگراند سایز تعیین کرد که مثلا طول و عرض بگراند چی باشه؟

چون دو طرف متن خالی است و اگه بشه بهش طول و عرض داد میشه طول رو برابر با عکس قرار داد

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


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

دقیقا همونیه که میخوام

فقط راهی نداره برای بگراند سایز تعیین کرد که مثلا طول و عرض بگراند چی باشه؟

چون دو طرف متن خالی است و اگه بشه بهش طول و عرض داد میشه طول رو برابر با عکس قرار داد

من تا جایی که میدونم این خاصیت رو باید به div داد برای این کار نه به نوشته ( p یا span ) ...

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


لینک به ارسال

پیشنهادی دارید برای من که بتونم این کار رو بکنم؟ ممنون میشم اطلاعات خودتون رو برای رفع این موضوع در اختیار من قرار بدید

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


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

آدرس سایت ؟

خصوصی ارسال شد

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


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

خصوصی ارسال شد

padding-right: 10px;

اینو اضافه کنی متن از سمت راست دیگه نمیچسبه به کادر . نمیدونم چرا نمیشه از خاصیت background-size:  استفاده کرد !!!!

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


لینک به ارسال

هزاران بار تشکر

با راهنمایی های شما الان به بهترین شکل ممکن در اومد

واقعا ممنونم

فقط یک سوال دیگه

ببخشید

چطور میشه متن رو justify یا وسط چین کرد؟

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


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

هزاران بار تشکر

با راهنمایی های شما الان به بهترین شکل ممکن در اومد

واقعا ممنونم

فقط یک سوال دیگه

ببخشید

چطور میشه متن رو justify یا وسط چین کرد؟

<p style="text-align: center;">
  متن
</p>

از تگ <center> هم میشه استفاده کرد ولی قدیمی شده. استفاده نکنین بهتره. برای همون بخش همینو اضافه کن ...

text-align: center;

 

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


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

<p style="text-align: center;">
  متن
</p>

از تگ <center> هم میشه استفاده کرد ولی قدیمی شده. استفاده نکنین بهتره. برای همون بخش همینو اضافه کن ...


text-align: center;

 

واقعا ازتون ممنونم

خیلی لطف کردید

واقعا برام دغدغه شده بود

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


لینک به ارسال

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

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

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

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

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

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

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

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


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