رفتن به مطلب

bazikadeh

عضو سایت
  • تعداد ارسال‌ها

    55
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط bazikadeh

  1. در در 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/ میخوام استفاده کنم .

     

  2. <?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(); ?>

     

×
×
  • اضافه کردن...