/ ایجاد دو افکت زیبا برای آواتار
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 5 از 5

مقاله: ایجاد دو افکت زیبا برای آواتار

    1. ایجاد دو افکت زیبا برای آواتار

      ایجاد دو افکت زیبا برای آواتار

      درود
      اول برای چرخوندن 360 درجه ای آواتار هست.

      اول این کد ها رو به سی اس اس های اضافه ، اضافه کنید :




      کد:
       
      .myavatar:hover {   transition: all 3s ease;  -webkit-transition: all 3s ease;  -moz-transition: all 3s ease; transform:rotate(360deg);  -moz-transform:rotate(360deg);  -webkit-transform:rotate(360deg); position:relative; }
      
       
      
       


      حالا قالب postbit_legacy رو باز کنید و کد زیر رو پیدا کنید:


      کد:
      img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}"


      عوض کنید با :

      کد:
      div class="myavatar"><img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}"



      این برای چرخوندن 360 درجه ای آواتار بود.



      حالا اگر دوس داشتید که اواتارتون زوم بشه جای اون کد قبلی که توی سی سی اضافه قرار دادید این کد رو بزارید :


      کد:
       
      
      .myavatar:hover {  opacity: 1; ******: alpha(opacity=100); transition: all 2s ease;  -webkit-transition: all 2s ease;  -moz-transition: all 2s ease; transform:rotate(0deg);  -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg); transform: scale(1.5);  -webkit-transform: scale(1.5);  -moz-transform: scale(1.5); position:relative;
      
      }  

      موفق باشید.
      ویرایش توسط M3hRd4D : 12-09-2012 در ساعت 06:57 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      7 نفر از اعضا پست M3hRd4D را پسندیده اند


  1. #2
    Farshid آنلاین نیست.
    Farshid
    کاربر سايت
    413نوشته147مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    65
    پسندیده است
    392 پست
    بلاگ
    پست
    میزان امتیاز
    157
    forum.novelfa.ir
    اول این کد ها رو به سی اس اس های اضافه ، اضافه کنید :
    این کدوم قسمته ؟
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. #3
    Mr.Sina آنلاین نیست.
    Mr.Sina
    مدير بازنشسته
    2,338نوشته4,315مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    51
    پسندیده است
    4,143 پست
    بلاگ
    0 پست
    میزان امتیاز
    4327
    No Set
    نقل قول نوشته اصلی توسط Farshid نمایش پست ها
    این کدوم قسمته ؟
    درود

    additional.css

    5 نفر از اعضا پست Mr.Sina را پسندیده اند


    دستم بوی گل می داد، مرا به جرم چیدن گل محکوم کردند اما هیچ کس فکر نکرد شاید من شاخه گلی کاشته باشم. " چه گوارا "

  3. #4
    Farshid آنلاین نیست.
    Farshid
    کاربر سايت
    413نوشته147مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    65
    پسندیده است
    392 پست
    بلاگ
    پست
    میزان امتیاز
    157
    forum.novelfa.ir
    من این کارو کردم ولی خراب شد ببینید
    2012-12-25_131406.jpg
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #5
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    درود
    بنده چک کردم مشکلی نداشت
    یه بار دیگه کد ها رو چک کنید

    کاربر زیر پست Eagle را پسندیده است:


    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی