1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress Kayan Film Afişleri Header Altı

Konusu 'Wordpress' forumundadır ve Aşk'a İnanmışt'ı tarafından 19 Mart 2013 başlatılmıştır.

  1. Aşk'a İnanmışt'ı

    Aşk'a İnanmışt'ı Genel Yönetici Staff Member

    Katılım:
    28 Mart 2008
    Mesajlar:
    23.247
    Beğenilen Mesajları:
    2.145
    Bulunduğu Yer:
    ŞANLIURFA
    Tuttuğu Takım:
    GALATASARAY
    Skype:
    fehmi56397
    Header’a eklenecek Kod:
    PHP- Kodu:
    <CENTER>
    <marquee scrollamount="14" onMouseover="this.scrollAmount=3" onMouseout="this.scrollAmount=10">
    <?php query_posts('showposts=10');?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="product-box2">
    <div class="product-image2">
    <?php if( get_post_meta($post->ID, "resim", true) ): ?>
    <a href="<?php the_permalink() ?>" class="red-link" title="<?php the_title(); ?>"><img style="border-width: 0px; height: 200px; width: 150px;" src="<?php echo get_post_meta($post->ID, "resim", true); ?>" alt="<?php the_title(); ?>" width="150" height="200"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" class="red-link" title="<?php the_title(); ?>"><img style="border-width: 0px; height: 100px; width: 110px;" src="<?php bloginfo('template_url'); ?>/resim/yok.gif" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>
    </div>
    </div>
    <?php endwhile; ?>
    </div>
    </marquee>
    </CENTER>
    Hızı Ayarlamak isteyenler kodların içerisindeki kırmızı olan sayıları değiştirebilir.
    İlk Sayı (14): Sayfa Açıldığında Kayma Hızı
    İkinci Sayı (3): Fare İmleci Afişlerin Üzerine Geldiğindeki Hızı
    Üçüncü Sayı (14): Fare İmleci Afişlerin Üzerinden Çekildiğindeki Hızı Şeklindedir.
    PHP- Kodu:
    <marquee scrollamount="14" onMouseover="this.scrollAmount=3" onMouseout="this.scrollAmount=14">
    Css’ye Eklenecek Kod
    PHP- Kodu:
    .product-box2 {
    width:150px;
    border:1px solid #ccc;
    background-color:#f3f3f3;
    padding:5px;
    margin-bottom:5px;
    margin-right:5px;
    float:left;
    height:200px;
    overflow:hidden;
    }
    .product-image2 {
    width:150px;
    height:auto;
    float:left;
     

Sayfayı Paylaş