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

موضوع: کد های hover عکس ها به صورت css [ اختصاصی ویکی وی بی ]

  1. #1
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir

    کد های hover عکس ها به صورت css [ اختصاصی ویکی وی بی ]

    درود !

    در این پست میخوام تمامی hover های زیبا کننده عکس رو قرار بدم .

    اگر تشکر نشه دیگه اصلا پست های مفید نمیزام :(

    خوب این hover ها هر روز یکی گذاشته میشود .

    + اگر بازدید خوبی به عمل در آورد ادامه میدم !

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

    6 نفر از اعضا پست B.A.B.A.K را پسندیده اند



  2. نوين وردپرس تبلیغات شما

  3. #2
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    درود
    عزیز اگر قصد فعالیت دارید من دو انتقاد دارم ازتون
    اول اینکه تاپیک هاتون رو در جای درست بزنید ، ما بخش آموزش css داریم اونوقت شما تو بخش مقالات ویبولتین تاپیک زدید !
    دوم اینکه فعالیت من و شما قبل از هرکسی برای خودمون درش منفعت هست و پیشرفت میکنیم ، درخواست تشکر و لایک و ... کلا کار درستی نیست اما شما الان پستی زدید که رسما هیچ محتوای ارزشمندی نداره و صرفا اطلاع دادید که میخواید آموزش بزارید ، معمولا یک فرد وقتی پستی رو لایک میکنه که ازش استفاده بکنه الان شما جای اعضا هستید آیا پستی که براتون استفاده ای نداشته رو لایک میکنید ؟
    وظیفه خودم دونستم این دو انتقاد که لازم بود رو خدمتتون عرض کنم امیدوارم دلخور نشده باشید
    پیشاپیش تشکر بابت فعالیتتون
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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


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

  4. #3
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    نقل قول نوشته اصلی توسط WikiVB نمایش پست ها
    درود
    عزیز اگر قصد فعالیت دارید من دو انتقاد دارم ازتون
    اول اینکه تاپیک هاتون رو در جای درست بزنید ، ما بخش آموزش css داریم اونوقت شما تو بخش مقالات ویبولتین تاپیک زدید !
    دوم اینکه فعالیت من و شما قبل از هرکسی برای خودمون درش منفعت هست و پیشرفت میکنیم ، درخواست تشکر و لایک و ... کلا کار درستی نیست اما شما الان پستی زدید که رسما هیچ محتوای ارزشمندی نداره و صرفا اطلاع دادید که میخواید آموزش بزارید ، معمولا یک فرد وقتی پستی رو لایک میکنه که ازش استفاده بکنه الان شما جای اعضا هستید آیا پستی که براتون استفاده ای نداشته رو لایک میکنید ؟
    وظیفه خودم دونستم این دو انتقاد که لازم بود رو خدمتتون عرض کنم امیدوارم دلخور نشده باشید
    پیشاپیش تشکر بابت فعالیتتون
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    درود ، مصطفی جان خیلی ممنون بابت انتقادات مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    من دوست دارم همه انتقاد کنند تا مشکلات من رفع بشه .

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

    4 نفر از اعضا پست B.A.B.A.K را پسندیده اند



  5. #4
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    بزرگ شدن با لبه های گرد و زیبا !

    کد زیر رو در انتهای ادیشنال قرار بدید .

    کد:
    /* Coded By B.A.B.A.K */
    
    <style>
    img:hover{border-radius: 50px;
    opacity:0.8;filter:alpha(opacity=80);
    -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size);
    -moz-border-radius:6px;-webkit-border-radius:30px;
    box-shadow: 10px 10px 5px #000;
    -moz-transform:scale(1.1):( Mozilla scale version);
    -moz-transform:scale(0.9):(Explorer scale version);
    
    }
    img:out{border-radius: 40px;
    opacity:1;filter:alpha(opacity=100);
    -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
    padding:0px; float:center;
    -moz-transform:scale(0.9):(Mozilla scale version);
    -moz-transform:scale(0.9):(Explorer scale version);
    
    }
    
    img{
    -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
    -moz-transform:scale(0.8); /*Mozilla scale version*/
    -o-transform:scale(0.8); /*Opera scale version*/
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/
    -o-transition-duration: 0.5s; /*Opera duration version*/
    opacity: 0.7; /*initial opacity of images*/
    margin: 0 10px 5px 0; /*margin between images*/
    }
    
    img:hover{
    -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform:scale(1.1); /*Mozilla scale version*/
    -o-transform:scale(1.1); /*Opera scale version*/
    box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    opacity: 1;
    
    } 
    </style>
    
    /* Coded By B.A.B.A.K */
    دمو :

    کد:
    http://www.vbulletin-wikivb.rozblog.com/page/a1
    موفق و پیروز باشید . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    4 نفر از اعضا پست B.A.B.A.K را پسندیده اند



  6. #5
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    شکل برگ شدن عکس ها !

    کد زیر رو انتهای ادیشنال قرار بدید .

    کد:
    /* Coded By B.A.B.A.K */
    <style>
    img {
    border: datted 5px #000;
    border-radius: 80px 7px 80px 7px;
    box-shadow: 0 0 1px #333;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    } 
    </style>
    /* Coded By B.A.B.A.K */
    دمو :

    کد:
    http://www.vbulletin-wikivb.rozblog.com/page/a2
    موفق و پیروز باشید . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست B.A.B.A.K را پسندیده اند



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

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

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

موضوعات مشابه

  1. پاسخ: 0
    آخرين نوشته: 11-14-2012, 11:46 PM
  2. پاسخ: 0
    آخرين نوشته: 11-14-2012, 11:29 PM
  3. آموزش کادر بندی پست بیت + CSS hover
    توسط The Ph@ntom در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 0
    آخرين نوشته: 11-08-2012, 05:52 PM

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

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

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