/ آموزش افکت دادن به تصاویر داخل پست ها - اختصاصی
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از 21 به 30 از 30

مقاله: آموزش افکت دادن به تصاویر داخل پست ها - اختصاصی

    1. آموزش افکت دادن به تصاویر داخل پست ها - اختصاصی

      آموزش افکت دادن به تصاویر داخل پست ها - اختصاصی

      درود

      بنا به درخواست کاربران!

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

      شات :

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

      آموزش

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

      کد:
      .postcontent img {
      max-width: 600px;
      max-height: 600px;
      margin: 25px;
      border: 2px solid rgba(0, 0, 0, 0.06);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
      -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
      opacity: 0.5;
      -moz-transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      }
      .postcontent img:hover {
      cursor: pointer;
      opacity: 1;
      max-width: 650px !important;
      max-height: 650px !important;
      -moz-transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      }
      موفق باشید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      .
      .
      .
      .
      .
      ویرایش توسط Farshad Ghanbari : 05-22-2014 در ساعت 11:26 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #21
    OfflineFA آنلاین نیست.
    OfflineFA
    کاربر سايت
    128نوشته127مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    http://bluray-movie.com/
    عالی فرشاد جان .

    داش فقظ یک سوال :

    کد رو اوکی کردم اما افکت به یک عکس که در امضا بود هم سرایت کرد حتی کد اصلاح شده رو هم قرار دادم باز مشکل داشت فقط در کد دومی افکت هاور حذف شده بود کادر دورش پا بر جا بود یک کدی باشه که اصلا هیچ تغییر در بقیه عکس های انجمن سرایت نکنه .

    دوم اینکه امکانش هست افکت هاور رو از افکت همین پست بدی بهش : http://www.wikivb.ir/thread14076.html

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

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



  2. #22
    FarziN آنلاین نیست.
    FarziN
    کاربر سايت
    489نوشته466مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    349
    پسندیده است
    1,153 پست
    بلاگ
    پست
    میزان امتیاز
    476
    No Set
    • ممنون فرشاد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



  3. #23
    matin123 آنلاین نیست.
    matin123
    کاربر سايت
    427نوشته271مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4056
    پسندیده است
    910 پست
    بلاگ
    پست
    میزان امتیاز
    281
    kimiyagar.ir
    استاد عزیز ترکوندی من این چند روزه حسابی اموزش های کاربردی دادی واقعا خسته نشی بازم ادامه بده فقط میشه این کدو که تصویرو حرکت نمیده و کادر دورشو برداشی ویراش کنی که رو امضا کار نکنه

    کد PHP:

    .postbody img max-width600pxmax-height600pxmargin25pxopacity0.5; -moz-transitionall 0.3s ease-in; -webkit-transitionall 0.3s ease-in; -o-transitionall 0.3s ease-in; -ms-transitionall 0.3s ease-in; } .postbody img:hover cursorpointeropacity1; -moz-transitionall 0.3s ease-in; -webkit-transitionall 0.3s ease-in; -o-transitionall 0.3s ease-in; -ms-transitionall 0.3s ease-in; } 

  4. #24
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    نقل قول نوشته اصلی توسط matin123 نمایش پست ها
    استاد عزیز ترکوندی من این چند روزه حسابی اموزش های کاربردی دادی واقعا خسته نشی بازم ادامه بده فقط میشه این کدو که تصویرو حرکت نمیده و کادر دورشو برداشی ویراش کنی که رو امضا کار نکنه

    کد PHP:

    .postbody img max-width600pxmax-height600pxmargin25pxopacity0.5; -moz-transitionall 0.3s ease-in; -webkit-transitionall 0.3s ease-in; -o-transitionall 0.3s ease-in; -ms-transitionall 0.3s ease-in; } .postbody img:hover cursorpointeropacity1; -moz-transitionall 0.3s ease-in; -webkit-transitionall 0.3s ease-in; -o-transitionall 0.3s ease-in; -ms-transitionall 0.3s ease-in; } 


    کد:
    .postcontent img {
    max-width: 600px;
    max-height: 600px;
    margin: 25px;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    }
    .postcontent img:hover {
    cursor: pointer;
    opacity: 1;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    }

    2 نفر از اعضا پست Farshad Ghanbari را پسندیده اند



  5. #25
    OfflineFA آنلاین نیست.
    OfflineFA
    کاربر سايت
    128نوشته127مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    http://bluray-movie.com/
    فرشاد جان تمامی کدها تست شد و رو عکس امضا و .. تاثیر گذار هست .

    یک فکری به ذهنم رسید اگر اجرایی کنید ممنون میشم .

    یک بی بی کد طراحی کنید با همین افکت و ... که وقتی عکسی رو فراخوانی کردیم در بین بی بی کد در پست ها افکت روی همون عکس اعمال بشه .

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

  6. #26
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    نقل قول نوشته اصلی توسط RitaWeb نمایش پست ها
    کد:
    .postcontent img {
    max-width: 600px;
    max-height: 600px;
    margin: 25px;
    border: 2px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    }
    .postcontent img:hover {
    cursor: pointer;
    opacity: 1;
    max-width: 650px !important;
    max-height: 650px !important;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    تست کنید نتیجه رو بگید
    جناب این برای من کار کرده ولی شکلک هایی که تو پست قرار میده هم کج میکنه.راهی نیست که بشه عکس های gif را کج نکنه؟؟؟
    برای نمونه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #27
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    خیر دست عزیز راهی نیست

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

  8. #28
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    خوب اگه اون نمیشه راهی نداره فاصله بین عکس ها را کم بشه کرد.خیلی فاصله میندازهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    یا مثل همین ویکی وی بی عکس ها را از سمت راست به سمت چپ هل بده.(کجش نکنه)
    ویرایش توسط mirror : 06-11-2014 در ساعت 10:33 AM

  9. #29
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    جناب راهی هست که عکس تار نباشه.کلا روشن باشه فقط وقتی موس رفت روش کج یا بزرگ بشه؟

  10. #30
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    نقل قول نوشته اصلی توسط mirror نمایش پست ها
    جناب راهی هست که عکس تار نباشه.کلا روشن باشه فقط وقتی موس رفت روش کج یا بزرگ بشه؟
    کد:
    .postcontent img {
    max-width: 600px;
    max-height: 600px;
    margin: 25px;
    border: 2px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.06);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    }
    .postcontent img:hover {
    cursor: pointer;
    opacity: 1;
    max-width: 650px !important;
    max-height: 650px !important;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    2 نفر از اعضا پست Farshad Ghanbari را پسندیده اند



صفحه 3 از 3 نخستنخست 123

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

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

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

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

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

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