تغییر عرض گزینه ی ادامه مطلب

[arashshiler 12]

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

این کدشه که توی فایل جوملا سی اس اس پیدا کردم

a.readon {
float: left;

margin-top:5px;
padding:20px 30px 10px 40px;
display: block;
background: url(../images/edameh.png) no-repeat right ;
text-decoration: none;
color: #FFF;
font-size:12px;

}
.readon a , a.readon a {
color:#FFF}
a .readon:visited{
color: #FFF;}
a.readon:hover, a.readon:active, a.readon:focus {
color:#000
}

اما عرضش نوشته نیست که من بخام تغییر بدم توی قالب هم که نبود پس کوووووووووووووووو:s

[رامین انگوتی 583]

سلام

در کد بالا و کلاس اول از خاصیت width استفاده کنید

width: 50px;

یاعلی

[مصطفی صفرعلی 2,891]

با سلام

تو همون کد a.readon مقدار float را به right تغییر بدید بعد مقدار padding را بصورت زیر ویرایش کنید

padding: 20px 35px 16px 100px;

بعد دوباره تو همون کد خط زیر را اضافه کنید

background-size: 150px 35px;

در کد بالا مقدار 150 مربوط به عرض میباشد که میتونید به دلخواه خودتون کم و زیادش کنید

اگه احیانا" خواستید عرض را زیادی بزرگ کنید و تصویر ناقص دیده شد در padding مقدار 100 را افزایش دهید

موفق و پیروز باشید

یا حق

:64 (17):