آموزش قرار دادن آواتار درون کادر

شروع موضوع توسط FaRhAd ‏17 ژانویه 2012 در انجمن آموزش های وی بولتین

  1. FaRhAd

    FaRhAd کاربر جدید

    تاریخ عضویت:
    ‏29 دسامبر 2011
    ارسال ها:
    98
    تشکر شده:
    0
    درود
    براینکه آواتار پست بیتتون افکتی زیبا و ساده داشته باشه فقط کافیست این کد رو به وی بی خودتون اضافه کنید.

    ادمین سی پی-->قالبها و استایل ها-->جستجوی قالب ها-->Additional.css

    این کد رو به انتهای کدها اضافه کنید:

    PHP:
    a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:4px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-image:initial;}a.postuseravatar img:hover,.primary img:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 5px #999;}
    منبع: وی بی ایران
    نمونه کار:
     

    پیوست ها:

  2. Ghiassi

    Ghiassi کاربر جدید

    تاریخ عضویت:
    ‏16 مارس 2013
    ارسال ها:
    118
    تشکر شده:
    0
    واسه سیستم مای بی بی کار نمیکنه؟!
    یه کد شبیه همینو لازم دارم:(
     
  3. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    کافیه یه class برای آواتار تعریف کنید سپس استایل رو از کد بالا استفاده کنید.
     
  4. Ghiassi

    Ghiassi کاربر جدید

    تاریخ عضویت:
    ‏16 مارس 2013
    ارسال ها:
    118
    تشکر شده:
    0
    لطف میکنید کدشو بزارید؟
    بلد نیستم:(
     
  5. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    به قسمت قالب ها و پوسته ها > قالب ها > postbit > و postbit_classic

    کد زیر رو پیدا کنید :

    کد:
    {$post['useravatar']}
    و با کد زیر جایگزین کنید :

    کد:
    <div class="woc-avatar"> {$post['useravatar']} </div>

    حال به قسمت پوسته ها رفته و کد زیر رو به global.css قالبتون اضافه کنید :

    کد:
    .woc-avatar{border:1px solid #D5D5D5;background:white;padding:4px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-image:initial;}
    .woc-avatar:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 5px #999;} 
     
  6. Ghiassi

    Ghiassi کاربر جدید

    تاریخ عضویت:
    ‏16 مارس 2013
    ارسال ها:
    118
    تشکر شده:
    0
    عالی شد، سپاسگزارم:)
    تشکر کم بود یه ارسال هم فرستادم و خواستم بگم که کدتون کار کرد.
    بازم سپاس.