1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش افکت به آواتار در مای بی بی

شروع موضوع توسط minaaa ‏26/10/11 در انجمن مدیریت محتوا

  1. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,773
    تشکر شده:
    6,457
    امتیاز دستاورد:
    113
    به مسیر »» قالبها - پوسته ها »» پوسته ها »» پوسته مورد نظر »» globall.css رفته و ویرایش پیشرفته رو انتخاب و کدهای زیر رو به انتهای کدها اضافه کنید ...

    کد PHP:

    <code>.thumbnail{<br>
    position: relative;<br>
    z-index: 0;<br>
    }<
    br>
    <
    br>
    .
    thumbnail:hover{<br>
    background-color: transparent;<br>
    z-index: 50;<br>
    }<
    br>
    <
    br>
    .
    thumbnail span{ /*CSS for enlarged image*/<br>
    position: absolute;<br>
    background-color: lightyellow;<br>
    padding: 5px;<br>
    left: -1000px;<br>
    border: 1px dashed gray;<br>
    visibility: hidden;<br>
    color: black;<br>
    text-decoration: none;<br>
    }<
    br>
    <
    br>
    .
    thumbnail span img{ /*CSS for enlarged image*/<br>
    border-width: 0;<br>
    padding: 2px;<br>
    }<
    br>
    <
    br>
    .
    thumbnail:hover span{ /*CSS for enlarged image on hover*/<br>
    visibility: visible;<br>
    top: 0;<br>
    left: 60px; /*position where enlarged image should offset horizontally
    */
    <br>
    <
    br>
    }</
    code>





    ذخیره کنید و خارج بشید ...

    ----------------------------------------------------------

    سپس به مسیر :
    قالبها »» قالب مورد نظر » postbit template و سپس در بخش postbit_avatar کدهای قبلی رو حذف و کدهای زیر رو جایگزین کنید :
    کد PHP:

    <br><br><a class="thumbnail" href="{$post['profilelink_plain']}"><img src="{$post['avatar']}"><span><img src="{$post['avatar']}" /><br></span></a>





    ذخیره کنید و خارج بشید ...

    ----------------------------------------------------------

    توجه :
    1:قبل از حذف کدها اونها رو در جایی ذخیره کنید
    2:کدهای بالا رو اول در نت پد کپی کنید و سپس جایگزین کنید