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

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

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

۱۳۸۶/۱۰/۱۲

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


blogger-estatus-defecto.png

اصولا کادر متن جستجو شامل چهار قسمت ميباشد:
  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;
}


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


blogger-estatus-estilos.png

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

0 نظر:

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