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

مقاله: تاپیک هاور های بسیار زیبا

    1. تاپیک هاور های بسیار زیبا

      تاپیک هاور های بسیار زیبا

      درود دوستان
      در این تاپیک هاور های زیبایی رو قرار میدم و روز به روز اپدیت میکنم
      ===========================================

      -1
      شاید دیده باشید رو یه متن میرید بقیه متن ها کم رنگ تر میشن خب این هاور رو براتون میزارم

      من اسم کلاسم رو گذاشتم ho و بر اساس li هست

      خب

      ما کاری میکنیم که وقتی روی یک li یا متن میریم بقیه متن ها کم رنگ شه

      کد:
      .ho:hover li {
          opacity: 0.1;
      }

      چون الان همش کم رنگ میشه بهش میگیم همون که روشیم کم رنگ نشه

      کد:
      .ho li:hover {
          opacity: 1 !important;
      }

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

  1. #2
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    اپدیت

    2-
    هاور بزرگ تر شدن و یا زوم شدن یک متن یا عنصر


    به کلاس اصلی این کد رو میدیم

    مثال:
    کد:
    .class {
        -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;
    }
    و به hover این کد رو میدیم

    مثال:
    کد:
    .class:hover {
    transform: scale(1.2);
    
    
    }

    10 نفر از اعضا پست jey8des را پسندیده اند



  2. #3
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    اپدیت

    3-هاور چرخش عنصر یا عکس

    برای ایجاد این هاور زیبا

    به کلاس اصلی
    کد:
        -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;
    اضافه میکنیم که میتونید به جای 3 عدد مورد نظر رو بزارید
    مثال :

    کد:
    .class {
        -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;
        }
    و به هاور کلاس اضافه میکنیم
    کد:
    transform:rotate(360deg);
    مثال
    کد:
    .class:hover {
    transform:rotate(360deg);    
    
    }
    ===================
    اگه هاوری مد نظرتون بود بگید میزارم به شرطی که ریپ نباشهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



  3. #4
    peyman mohebbi آنلاین نیست.
    peyman mohebbi
    کاربر سايت
    11نوشته1مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6407
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    11
    No Set
    سلام و درود این کد ها رو باید کجا قرار بدیم ؟؟؟ با تشکر

  4. #5
    ye bandekhoda آنلاین نیست.
    ye bandekhoda
    کاربر سايت
    64نوشته4مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3530
    پسندیده است
    41 پست
    بلاگ
    پست
    میزان امتیاز
    14
    No Set
    سلام
    دمو هم بزاريد

  5. #6
    designin آنلاین نیست.
    designin
    کاربر اخراجي
    20نوشته2مورد پسند

    تاریخ عضویت
    Aug 2014
    شماره عضویت
    6220
    پسندیده است
    12 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set
    شما حسین هستید ؟! مدیر jeydesign ?

  6. #7
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    خیر عزیز:X

  7. #8
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    سلام و درود

    این کد ها در کجای قالب قرار بگیرند ؟ ....

    لطفا وقتی یک اموزش میدین کامل درموردش بگین ...

    در پناه حق

    - - - Updated - - -

    خورم کدشو پیدا کردم + اموزشش میزارم براتون ....

    این کد پایین رو در انتهای قالب additional.css قرار بدید .

    کد:
    .ho li { text-align:center; list-style:none; 	-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; 	}  .ho li:hover {     opacity: 1 !important; } .ho:hover li {     opacity: 0.1;
    و این کد رو در FORUMHOME پیدا کنید و پایین این کد قرار بدید ...

    کد:
    <head>
    پایین این کد قرار بگیرد این کدی که پایین میزارم ...

    کد:
    <div class="ho">
    موفق و پیروز باشید ...

    تشکر نشانه ی رضایت شماست ...

    در پناه حق

    کاربر زیر پست Sp!D3R را پسندیده است:



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

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

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

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

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

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