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

مقاله: اموزش زیباسازی لوگو انجمن به صورت پازل انیمیشن فول css(برای اولین بار در ایران)

    1. اموزش زیباسازی لوگو انجمن به صورت پازل انیمیشن فول css(برای اولین بار در ایران)

      اموزش زیباسازی لوگو انجمن به صورت پازل انیمیشن فول css(برای اولین بار در ایران)

      سلام دوستان اینم اموزش دوم هعرکی خواست استفاده کنه من بالوگو فعلی انجمنم ساختمش یه فایل پیوست هست که میتونید دان کنید و دموش رو ببینید که چه شکلی کار میکنه این کد

      خب میریم سراغ اموزش جستجو در قالب ها کلاس logo-image رو در بین قالب های css پیدا کرده و کد های اون کلاس رو با کد های زیر تعویض کنید

      کد PHP:
      logo-image
      {
      width:100px;
      height:100px;
      position:absolute;
      animation:myfirst 5s infinite;
      animation-direction:alternate;
      background:url(ادرس عکس لوگو0px 0px;
      top:300px;
      right:0;
      left:0;
      margin:0 auto;


      /* Safari and Chrome */
      -webkit-animation:myfirst 5s infinite;
      -
      webkit-animation-direction:alternate;
      }

      @
      keyframes myfirst
      {
      0%   {background:url(ادرس عکس لوگو0px 0pxleft:0pxtop:0px;}
      9%  {background:url(ادرس عکس لوگو) -100px 0pxleft:100pxtop:0px;}
      18%  {background:url(ادرس عکس لوگو) -200px 0pxleft:200pxtop:0px;}
      27%  {background:url(ادرس عکس لوگو) -300px 0pxleft:300pxtop:0px;}
      36% {background:url(ادرس عکس لوگو) -300px 100pxleft:300pxtop:100px;}
      45% {background:url(ادرس عکس لوگو) -300px 200pxleft:300pxtop:200px;}
      54% {background:url(ادرس عکس لوگو) -200px 200pxleft:200pxtop:200px;}
      63% {background:url(ادرس عکس لوگو) -100px 200pxleft:100pxtop:200px;}
      72% {background:url(ادرس عکس لوگو0px 200pxleft:0pxtop:200px;}
      81% {background:url(ادرس عکس لوگو) -000px 100pxleft:000pxtop:100px;}
      90% {background:url(ادرس عکس لوگو) -100px 100pxleft:100pxtop:100px;}
      100% {background:url(ادرس عکس لوگو) -200px 100pxleft:200pxtop:100px;}
      }

      @-
      webkit-keyframes myfirst /* Safari and Chrome */
      {
      0%   {background:url(ادرس عکس لوگو0px 0pxleft:0pxtop:0px;}
      9%  {background:url(ادرس عکس لوگو) -100px 0pxleft:100pxtop:0px;}
      18%  {background:url(ادرس عکس لوگو) -200px 0pxleft:200pxtop:0px;}
      27%  {background:url(ادرس عکس لوگو) -300px 0pxleft:300pxtop:0px;}
      36% {background:url(ادرس عکس لوگو) -300px 100pxleft:300pxtop:100px;}
      45% {background:url(ادرس عکس لوگو) -300px 200pxleft:300pxtop:200px;}
      54% {background:url(ادرس عکس لوگو) -200px 200pxleft:200pxtop:200px;}
      63% {background:url(ادرس عکس لوگو) -100px 200pxleft:100pxtop:200px;}
      72% {background:url(ادرس عکس لوگو0px 200pxleft:0pxtop:200px;}
      81% {background:url(ادرس عکس لوگو) -000px 100pxleft:000pxtop:100px;}
      90% {background:url(ادرس عکس لوگو) -100px 100pxleft:100pxtop:100px;}
      100% {background:url(ادرس عکس لوگو) -200px 100pxleft:200pxtop:100px;}

      خب ادرس عکستون رو بدین در کد های اول logo-image مکان رو تنظیم کنید پیش فرض من از بالا300 پیکسل و از طرفین وسط قرار دادمش بعد اندازه عکس رو هم پیش فرض 300 در 300 گذاشتم که میتوتنید با تغیر کدهای قسمت keyframes myfirst به دلخواه تنظیمش کنید برای سرعت هم این رو تغییر بدید -webkit-animation:myfirst 5s infinite; سئوالی بود در خدمتم موفق باشید
      اموزش زیباسازی لوگو انجمن به صورت پازل انیمیشن فول css(برای اولین بار در ایران) فايل هاي پيوست شده
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      6 نفر از اعضا پست jigh3da را پسندیده اند


  1. #2
    Morteza آنلاین نیست.
    Morteza
    کاربر سايت
    1,155نوشته800مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    258
    پسندیده است
    1,610 پست
    بلاگ
    1 پست
    میزان امتیاز
    810
    forum.animha.ir/
    یه شات میزاشتی بد نبود

    - - - Updated - - -

    یه شات میزاشتی بد نبود

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



  2. #3
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    درود چه جوری شات بذارم؟؟شما اون فایل رو دان کن بعد فایل html اش رو باز کن بعد یه شات ازش تهیه کن بذار تا بقیه ببینن ماهم دعا کنیم.این حالت یه انیمیشن داره عکس بگیرم چیزی معلوم نیس باید دمو انلاین دیده باشه تا معلوم بشه این چیه

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



  3. #4
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    اقا منم میشم راوی
    دوباره شاهکاری دیگر از محسن خان
    بازم ایول اینم لایک

    2 نفر از اعضا پست r.amir2332 را پسندیده اند



  4. #5
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    لطف داری دادا ممنون

    - - - Updated - - -

    لطف داری دادا ممنون

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



  5. #6
    Apex آنلاین نیست.
    Apex 1,246نوشته1,734مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    199
    پسندیده است
    3,180 پست
    بلاگ
    0 پست
    میزان امتیاز
    1744
    www.gorbe-sag.ir
    خیلی هم خوب ...بابت آموزش های مفید ممنون !
    موفق باشی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



  6. #7
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    اقا هی شاهکار میدی چه کار کنیم ما
    فقط میشه کد هاور بزارید
    یا هدر انجمن خودت رو

  7. #8
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    اموزش لوگو انجمن خودم رو گذاشتم اینم لینکش
    http://www.wikivb.ir/thread8844.html

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



  8. #9
    amirsarab آنلاین نیست.
    amirsarab
    کاربر سايت
    1,167نوشته1,523مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    954
    پسندیده است
    773 پست
    بلاگ
    پست
    میزان امتیاز
    1532
    music-forum.ir
    مرسی جیغصدا با این همه استعداد .

    پاینده جیغ صدا

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




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

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

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

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

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

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