دایره ای کردن آواتار ها

guy

با سلام ، با یک آموزش دیگر در خدمتون هستیم ، در این آموزش قصد دایره ای کردن اواتار ها را درون تاپیک ها با سی اس اس داریم.

مانند تصویر زیر:



برای این کار فایل زیر را باز کرده :
template\your_template\common\module.css
و
عبارت زیر را :

1. .pls .avatar { margin: 10px 20px; }
   
2.                         .pls .avatar img{background:none;padding:0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

کپی کردن کد

جایگزین این کنید :

1. .pls .avatar { margin: 10px 15px; }
   
2.                         .pls .avatar img { padding: 5px 5px 8px; background: #FFF url({IMGDIR}/midavt_shadow.gif) 0 100% repeat-x; width:120px; }

کپی کردن کد

در نهایت کش را آپدیت کنید و نتیجه را ببینید...