önizleme fotoğrafları

01-02-2014, 17:26:26

#1

CengiS

Kimlik doğrulama veya yönetimden onay bekliyor.

meraba arkadaşlar
ben anasayfamdaki önizleme fotoğraflarının önüne (istediğim, bazı fotoğrafların) bir bant eklemek istiyorum ve üzerine kod aktiftir diye bir yazı yazmak istiyorum bunu hangi kodlarla yapabilirim ?

<a href="<?php echo get_permalink(); ?>" class="oyunresim">

<img alt="<?php the_title(); ?> " src="<?php echo get_post_meta($post->ID, "image", true); ?>">

anasayfada resimleri bu kodlarla gösteriyorum. image özel alanına resim urlsini girdiğim anda resimler gözüküyor fakat istediğim bazı resimlerin üzerine bu şekilde bir bant ve yazı eklemem lazım bunu nasıl yapabilirim

örnek

şimdiden teşekkürler.
01-02-2014, 19:51:50

#2

~~TylerDurden~~

Üyeliği durduruldu

değerleri düzenlerseniz:

Alıntı

<div class="thumb">
<a href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>">
<div class="aktif">
<img src="http://üste gelecek resmin adresi" alt="" />
</div>
<img src="<?php echo get_post_meta($post->ID, "image", true); ?>" alt="<?php the_title(); ?>" />
</a>
</div>

css

Alıntı

.thumb{
position:relative;
overflow:hidden;
}

.aktif {
position:absolute;
margin:0;
border:none;
padding:0;
display:block;
}

.aktif img {
margin:50px 0 0 0;
border:none;
padding:0;
width:100px;
height:200px;
}