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

مقاله: اموزش چشمک زدن لوگو(برای اولین بار در ایران)

    1. اموزش چشمک زدن لوگو(برای اولین بار در ایران)

      اموزش چشمک زدن لوگو(برای اولین بار در ایران)

      خب سلام اینک هم با یه اموزش دیگه خدمت شما دوستان هستم این چندروز دارم رویاین کد انیمیشن کار میکنم تا ببینم چه جوری میشه لوگو انجمن رو بدون استفاده از عکس هاییی که سنگین کنند جذابش کرد امیدوارم اینم مفید باشه این ساده است لوگو انجمن هی چشمک میزنه
      اموزش کد های کلاس logo-image قسمت css رو با کد های زیر تعویض کنید دقت داشته باشید مکان و سایز تصویر رو ازتوی کلاس قبل logo-image به این جدیده انتقال بدید

      کد PHP:
      .logo-image
      {
      width:سایز مورد نظر;
      height:سایز مورد نظر;
      background:url(ادرس لوگو);
      position:absolute;
      top:فاصله از بالا;
      right:فاصله از راست;
      animation:myfirst1 0.1s infinite;
      animation-direction:alternate;

      /* Safari and Chrome */
      -webkit-animation:myfirst1 0.1s infinite;
      -
      webkit-animation-direction:alternate;
      }

      @
      keyframes myfirst1
      {
      0%   {background:url(ادرس لوگو); opacity:0.1;
      -
      moz-opacity:0.1;
      -
      webkit-opacity:0.1;
      filter:alpha(opacity=10);

      }

      100% {background:url(ادرس لوگو); opacity:1;
      -
      moz-opacity:1;
      -
      webkit-opacity:1;
      filter:alpha(opacity=100);
      }
      }
      @-
      webkit-keyframes myfirst1 /* Safari and Chrome */
      {
      0%   {background:url(ادرس لوگو); opacity:0.1;
      -
      moz-opacity:0.1;
      -
      webkit-opacity:0.1;
      filter:alpha(opacity=10);

      }

      100% {background:url(ادرس لوگو); opacity:1;
      -
      moz-opacity:1;
      -
      webkit-opacity:1;
      filter:alpha(opacity=100);
      }

      موفق باشید

      +
      کد ها تصحیح شد و تست شد و در کروم هم کار میکنه
      ویرایش توسط jigh3da : 09-25-2013 در ساعت 07:50 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

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


  1. #2
    A20Group آنلاین نیست.
    A20Group
    کاربر سايت
    119نوشته153مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2859
    پسندیده است
    324 پست
    بلاگ
    پست
    میزان امتیاز
    163
    forum.pescity.com
    عالیه.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    میگم این چند روز زدی تو کار لوگو و انیمیشن هامرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



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

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

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



  3. #4
    Mr.Alireza آنلاین نیست.
    Mr.Alireza
    کاربر سايت
    268نوشته231مورد پسند

    تاریخ عضویت
    Aug 2013
    شماره عضویت
    2679
    پسندیده است
    138 پست
    بلاگ
    پست
    میزان امتیاز
    241
    fun4s.in
    پیش نمایش نداره؟

  4. #5
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    میتونید در ادیتور آنلاین ویکی ویبی تست کنید ،

    http://wikivb.ir/editor.html

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


    .....

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

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    سلام شما میتونید کد های زیر را در ادیتوری که دوست خوبمون لینکش رو دادن بریزین و ببینید نحوه عملکردش رو
    کد PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    style
    div
    {
    width:400px;
    height:220px;
    background:url(http://jigh3da.xrt.ir/images/s3qg80o61n7d3277dtm.png);
    position:relative;
    animation:myfirst1 0.1s infinite;
    animation-direction:alternate;

    /* Safari and Chrome */
    -webkit-animation:myfirst1 0.1s infinite;
    -
    webkit-animation-direction:alternate;
    }

    @
    keyframes myfirst1
    {
    0%   {background:url(http://jigh3da.xrt.ir/images/s3qg80o61n7d3277dtm.png); opacity:0.1;
    -moz-opacity:0.1;
    -
    webkit-opacity:0.1;
    filter:alpha(opacity=10);

    }

    100% {background:url(http://jigh3da.xrt.ir/images/s3qg80o61n7d3277dtm.png); opacity:1;
    -moz-opacity:1;
    -
    webkit-opacity:1;
    filter:alpha(opacity=100);
    }
    }
    @-
    webkit-keyframes myfirst1 /* Safari and Chrome */
    {0%   {background:url(http://jigh3da.xrt.ir/images/s3qg80o61n7d3277dtm.png); opacity:0.1;
    -moz-opacity:0.1;
    -
    webkit-opacity:0.1;
    filter:alpha(opacity=10);

    }

    100% {background:url(http://jigh3da.xrt.ir/images/s3qg80o61n7d3277dtm.png); opacity:1;
    -moz-opacity:1;
    -
    webkit-opacity:1;
    filter:alpha(opacity=100);
    }
    }


    </
    style>
    </
    head>
    <
    body></body>
    </
    html
    یا هم که فایل زیر رو دان کنید و عملکردش رو ببینید
    http://upload.wikivb.ir/images/fmu1qbagda1twiircibv.zip
    ویرایش توسط jigh3da : 09-25-2013 در ساعت 07:48 PM

  6. #7
    MahMoUoD آنلاین نیست.
    MahMoUoD
    کاربر سايت
    352نوشته322مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1744
    پسندیده است
    820 پست
    بلاگ
    پست
    میزان امتیاز
    333
    www.farshost.net
    خیلی عالیه. مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    فقط نمیدونم چرا تو کروم کار نمیکنه! اما تو فایرفاکس تست کردم کار کرد.

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



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

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

    - - - Updated - - -

    از شما دوست عزیز ممنونم که تست کردید به بنده اطلاع دادید ممنونم

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



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

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

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

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

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




صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

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

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