bazikadeh 1 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 در اولین صفحه قالب یک سری مطالب هستن که تصاویر شاخص دارند این تصاویر بدون افکت نمایش پیدا می کنند . الان میخواهم وقتی موس بر روی عکس رفت یک افکتی صورت بگیرد (اکثر سایت ها دارند) ... ممنون میشوم نقل قول لینک به ارسال
M.Javad 684 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 سلام چه افکتی مد نظرتونه ؟! با هاور میشه خیلی کارا کرد مثلا تصویر کمی محو بشه یا حاشیه دورش عوض شه یا زوم بشه و ... 1 نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 هر افکتی باشد چه محو شود چه زوم و و و نقل قول لینک به ارسال
M.Javad 684 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 کد قالب رو قرار بدید فایل index.php نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 <?php get_header(); ?> <?php get_template_part('slider') ?> <div id="primary" class="content-area"> <div id="content" class="site-content" role="main"> <div class="container"> <h2 class="archive-title"><?php echo esc_html(siteorigin_setting('text_latest_posts', __("Latest Videos", 'focus'))) ?></h2> <?php get_template_part('loop') ?> </div> </div><!-- #content .site-content --> </div><!-- #primary .content-area --> <?php get_footer(); ?> نقل قول لینک به ارسال
mk-73 165 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 سلام خدمت دوست عزیز این ادرس یکی از این افکت هایی که شما میخوای، بعد شما همچنین میتونی با سرچ image hover eftectفکر کنم به تعداد زیادی از افکت های زیبا برخورد کنی موفق باشی 2 نقل قول لینک به ارسال
M.Javad 684 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 در 9 ساعت قبل، bazikadeh گفته است : <?php get_header(); ?> <?php get_template_part('slider') ?> <div id="primary" class="content-area"> <div id="content" class="site-content" role="main"> <div class="container"> <h2 class="archive-title"><?php echo esc_html(siteorigin_setting('text_latest_posts', __("Latest Videos", 'focus'))) ?></h2> <?php get_template_part('loop') ?> </div> </div><!-- #content .site-content --> </div><!-- #primary .content-area --> <?php get_footer(); ?> من در این کد تصویر شاخص یا تصویر دیگه ای نمیبینم آدرس سایت هم لطف بفرمایید 1 نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 روی لوکال استفاده میکنم ؟ از قالب focus استفاده میکنم نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 در 9 ساعت قبل، mk-73 گفته است : سلام خدمت دوست عزیز این ادرس یکی از این افکت هایی که شما میخوای، بعد شما همچنین میتونی با سرچ image hover eftectفکر کنم به تعداد زیادی از افکت های زیبا برخورد کنی موفق باشی ممنونم ولی نشد ... نقل قول لینک به ارسال
mk-73 165 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 (ویرایش شده) دوست عزیز با این لینکی من خدمت شما معرفی کردم راحت میتونید افکت را اعمال کنید.بازم این را سرچ کنید در گوگل image effect hover css3 روش کار هر کدام هم گفته شده بسیار ساده است. این 3لینک هم جالب است http://designshack.net/articles/css/joshuajohnson-2/ دمو: http://designshack.net/tutorialexamples/imagehovers/index.html http://www.webdesignerdepot.com/2015/02/3-cool-css3-image-hover-effects/ در مورد لینک اول تست شده وخودمم استفاده کردم کافی هست با کد سایت خودتون تطبیق دهید برای نمونه من این کد را از سایت های بالا که برات تعریف کردم برداشتم. برای زوم تصاویر کافیه این کد را قرار دهید برای تصاویر خودت /*GROW*/ .grow img { height: 300px; width: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grow img:hover { width: 400px; height: 400px; } به جای کلاس growکلاس دایو ویا بخش تصاویر خود قرار دهید. ویرایش شده دی 94 توسط mk-73 1 نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 در در 1/9/2016 at 17:55، mk-73 گفته است : دوست عزیز با این لینکی من خدمت شما معرفی کردم راحت میتونید افکت را اعمال کنید.بازم این را سرچ کنید در گوگل image effect hover css3 روش کار هر کدام هم گفته شده بسیار ساده است. این 3لینک هم جالب است http://designshack.net/articles/css/joshuajohnson-2/ دمو: http://designshack.net/tutorialexamples/imagehovers/index.html http://www.webdesignerdepot.com/2015/02/3-cool-css3-image-hover-effects/ در مورد لینک اول تست شده وخودمم استفاده کردم کافی هست با کد سایت خودتون تطبیق دهید برای نمونه من این کد را از سایت های بالا که برات تعریف کردم برداشتم. برای زوم تصاویر کافیه این کد را قرار دهید برای تصاویر خودت /*GROW*/ .grow img { height: 300px; width: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grow img:hover { width: 400px; height: 400px; } به جای کلاس growکلاس دایو ویا بخش تصاویر خود قرار دهید. مرسی ولی من از قالب http://hamyarwp.com/focus/ میخوام استفاده کنم . نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 روش اضافه کردن به این قالب رو میگین ؟ نقل قول لینک به ارسال
mk-73 165 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 خب دوست عزیز کافیه جای کلاس کد بالا را با این کلاس عوض کنید: .thumbnail-wrapper img یعنی شما باید این کد را در فایل style.cssخود قرار دهید: /*GROW*/ .thumbnail-wrapper img { height: 300px; width: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .thumbnail-wrapper img:hover { width: 400px; height: 400px; } حالا افکت های دیگه هم به این شکل است کافیه جای کدهای افکت را عوض کنید. موفق باشید 1 نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 در ۱ ساعت قبل، mk-73 گفته است : خب دوست عزیز کافیه جای کلاس کد بالا را با این کلاس عوض کنید: .thumbnail-wrapper img کجا این رو قرار بدم ؟ نقل قول لینک به ارسال
mk-73 165 ارسال شده در دی 94 گزارش بازنشر ارسال شده در دی 94 در 14 ساعت قبل، mk-73 گفته است : /*GROW*/ .thumbnail-wrapper img { height: 300px; width: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .thumbnail-wrapper img:hover { width: 400px; height: 400px; } کد بالا را در فایل style.cssخود قرار دهید. 1 نقل قول لینک به ارسال
bazikadeh 1 ارسال شده در دی 94 مالک گزارش بازنشر ارسال شده در دی 94 میدونم تئی استایل مشکلی نیست جایی که متن ها نمایش داده میشن چی کنم ؟ نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .