Resim üzerine icon eklemek

21-11-2015, 15:22:11

parq

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba arkadaşlar,
wp sitemde resmin üzerine otomotik play iconu eklemek istiyorum bunu nasıl yapabilirim acaba? İcon sürekli orada kalacak şekilde

22-11-2015, 20:38:41

#2

susmus

watermark eklentilerine göz atabilirisiniz

22-11-2015, 21:21:07

#3

baranzorlu

Watermark yerine CSS ile kolayca ekleyebilirsin. Bana yapmak istediğin şeyi yazarsan css ile basit bir kod yazarım senin için.

22-11-2015, 23:02:18

#4

parq

Arkadaşlar teşekkür ederim ben şu şekilde bir yol izledim.
istediğim .php dosyaya

<div class="img1"><span></span></div>

.img1 img {width:200px;height:200px;}
.img1 span {width:190px;height:120px;display:block;position:absolute}
.img1 span {display:block;background:url(../img/play.png)no-repeat center center;}

Şeklinde kodlar ekledim istediğim sonucu aldım fakat play ikonu resmin üzerine gelince resim linki bloke oldu linklendirmeyi başaramadım ufak bir ekleme yapmak lazım sanırım araştırıyorum..
Yardım edebilicek arkadaşlar varsa şimdiden teşekkür ederim..

24-11-2015, 20:45:19

#5

baranzorlu

parq adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar teşekkür ederim ben şu şekilde bir yol izledim.
istediğim .php dosyaya

<div class="img1"><span></span></div>

.img1 img {width:200px;height:200px;}
.img1 span {width:190px;height:120px;display:block;position:absolute}
.img1 span {display:block;background:url(../img/play.png)no-repeat center center;}

Şeklinde kodlar ekledim istediğim sonucu aldım fakat play ikonu resmin üzerine gelince resim linki bloke oldu linklendirmeyi başaramadım ufak bir ekleme yapmak lazım sanırım araştırıyorum..
Yardım edebilicek arkadaşlar varsa şimdiden teşekkür ederim..

Linki en dıştaki elemana ver mesela <div id="video1"> ise bunun da dışına ekle. Oradaki php kodunu atarsan sana daha kolay yardımcı olabilirim.

24-11-2015, 21:55:22

#6

parq

baranzorlu adlı üyeden alıntı: mesajı görüntüle

Linki en dıştaki elemana ver mesela <div id="video1"> ise bunun da dışına ekle. Oradaki php kodunu atarsan sana daha kolay yardımcı olabilirim.

     <div class="widget_highlighted_post_area">
      <?php $featured = 'colormag-highlighted-post'; ?>
         <?php
         $i=1;
         while( $get_featured_posts->have_posts() ):$get_featured_posts->the_post();
            ?>
            <div class="single-article">
[B]<div class="img1"><span></span></div>
[/B]               <?php
               if( has_post_thumbnail() ) {
                  $image = '';
                  $title_attribute = get_the_title( $post->ID );
                  $image .= '<figure class="highlights-featured-image">';
                  $image .= '<a href="' . get_permalink() . '" title="'.the_title( '', '', false ).'">';
                  $image .= get_the_post_thumbnail( $post->ID, $featured, array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ) ) ).'</a>';
                  $image .= '</figure>';
                  echo $image;
               } else { ?>
                  <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                     <img src="<?php echo get_template_directory_uri(); ?>/img/highlights-featured-image.png">
                  </a>
               <?php }
               ?>
               <div class="article-content">
                  <?php colormag_colored_category(); ?>
                  <h3 class="entry-title">
                     <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute();?>"><?php kes_baslik(28); ?></a>
                  </h3>

                  <div class="below-entry-meta">
                     <?php
                        $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time>';
                        $time_string = sprintf( $time_string,
                           esc_attr( get_the_date( 'c' ) ),
                           esc_html( get_the_date() )
                        );
                        printf( __( '', 'colormag' ),
                           esc_url( get_permalink() ),
                           esc_attr( get_the_time() ),
                           $time_string
                        );
                     ?>
</div>
               </div>

            </div>

28-11-2015, 17:31:00

#7

baranzorlu

parq adlı üyeden alıntı: mesajı görüntüle

     <div class="widget_highlighted_post_area">
      <?php $featured = 'colormag-highlighted-post'; ?>
         <?php
         $i=1;
         while( $get_featured_posts->have_posts() ):$get_featured_posts->the_post();
            ?>
            <div class="single-article">
[B]<div class="img1"><span></span></div>
[/B]               <?php
               if( has_post_thumbnail() ) {
                  $image = '';
                  $title_attribute = get_the_title( $post->ID );
                  $image .= '<figure class="highlights-featured-image">';
                  $image .= '<a href="' . get_permalink() . '" title="'.the_title( '', '', false ).'">';
                  $image .= get_the_post_thumbnail( $post->ID, $featured, array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ) ) ).'</a>';
                  $image .= '</figure>';
                  echo $image;
               } else { ?>
                  <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                     <img src="<?php echo get_template_directory_uri(); ?>/img/highlights-featured-image.png">
                  </a>
               <?php }
               ?>
               <div class="article-content">
                  <?php colormag_colored_category(); ?>
                  <h3 class="entry-title">
                     <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute();?>"><?php kes_baslik(28); ?></a>
                  </h3>

                  <div class="below-entry-meta">
                     <?php
                        $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time>';
                        $time_string = sprintf( $time_string,
                           esc_attr( get_the_date( 'c' ) ),
                           esc_html( get_the_date() )
                        );
                        printf( __( '', 'colormag' ),
                           esc_url( get_permalink() ),
                           esc_attr( get_the_time() ),
                           $time_string
                        );
                     ?>
</div>
               </div>

            </div>

8. satırı

<b><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><div class="img1"><span></span></div></a>

olarak değiştirirsen sorunun hallolur.