تغيير شکل کادر پيغام جستجو در وبلاگ

اصولا کادر متن جستجو شامل چهار قسمت ميباشد:

1. کادر متن
2. حاشيه
3. پس زمينه
4. بدنه اصلى

براى تغيير کادر بالا به کادر شخصى خود کدهاى زير را به قسمت CSS قالب خود اضافه کنيد:

#main .status-msg-wrap {
width:90%;
padding:5px;
}

#main .status-msg-body {
font-size:80%;
text-align:left;
padding:5px 5px 5px 30px;
width:auto;
}

#main .status-msg-border {
border:1px solid #a19a36;
opacity:1;
}

#main .status-msg-bg {
background: #FFF9B3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqgS9r6vT7sgZCpyqOfw3VNARqJHl9YqK7p_ksylIIe7EFBsA1iAqkUi0znt9c7P_WHEW18nFQ2e8iaO-86HNl7UJKWNrZd_eaxkv9cdemsK7zcoBjNW9UXBEvx8SRLVsl1ZKioJkwRW4/s1600/gnome-status%5B2%5D.png) center left no-repeat;
opacity:1;
}

پس از اضافه کردن کد بالا کادر پيام جستجو به شکل زير تغيير يدا ميکند:

توجه : براى تغيير لوگوى کادر متن جستجو ، به جاى لينک آيکن بالا ، لسنک آيکن مورد نظر خود را اضافه نمائيد