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

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

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;

}

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

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

• منبع : Blog And Web