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

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۶/۱۲/۲۹

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


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

  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(http://1.bp.blogspot.com/_Zuzii37VUO4/RvtwlnVpGrI/AAAAAAAACOw/K5daSpdOLYg/s1600/gnome-status%5B2%5D.png) center left no-repeat;

opacity:1;

}


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



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



0 نظر:

لینکهای دوستان