Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj12.10.2014, 11:37 (UTC)    
Mesaj konusu: Sizden Kod İstiyorum !!

Arkadşlar Bu Blogu Yeni Açtım Anasayfada Resimli Menü İstiyorum Örnek olarak http://blogcuabi.tr.gg/

Bu Sayfadaki Resimli Menü Var Blog Yazıların Hemen Üstünde Ondan İstiyorum !!
Mesaj12.10.2014, 12:05 (UTC)    
Mesaj konusu:

Css Kodu Kısmına
Kod:
/*-------------------------------------
   Basic Slider
--------------------------------------*/
#slider {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    display: block;
    overflow: hidden;
}
.slider-main {margin: 5px;}
.slider-content {margin-bottom: 10px;}

#basic-slider {max-width: 100% !important;}

.bjqs, .bjqs-slide {
   margin: 0;
   padding: 0;
   list-style: none;
   display: none;
}
.bjqs {position: relative;}
.bjqs-slide {position: absolute;}

.bjqs-slide a {
   display: block;
}
.bjqs-slide img {
   display: block;
   margin: auto;
}

.bjqs-controls {
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 9999;
}
.bjqs-controls a {
   position: absolute;
   -webkit-transition: left 0.3s ease-in-out;
   -webkit-transition-property: left, right;
   -moz-transition: left 0.3s ease-in-out;
   -moz-transition-property: left, right;
   transition: left 0.3s ease-in-out;
   transition-property: left, right;
}
.bjqs-prev a {left: -50px;}
.bjqs-next a {right: -50px;}
.slider-prev {background-image: url('images/slider-prev.png');}
.slider-next {background-image: url('images/slider-next.png');}
.slider-prev, .slider-next {
   display: block;
   height: 32px;
   width: 38px;
}
#basic-slider:hover li.bjqs-next a {right: 10px;}
#basic-slider:hover li.bjqs-prev a {left: 10px;}

.slider-element {display: none;}

.bjqs-heading, .bjqs-descript {
   background-color: rgba(0, 0, 0, 0.65);
   color: #EEE;
   padding: 8px;
   width: 100%;
}
.bjqs-heading {
   position: absolute;
   top: 0;
   font-size: 16px;
}
.bjqs-descript {
   position: absolute;
   bottom: 0;
}


Ana Sayfa'ya Eklenecek

Kod:
" class="slider-content">
<div id="basic-slider">
   
   <ul class="bjqs">
      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/ilginc-bilgiler/nasil-soluk-alip-veririz/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/bilgi-nedir-400x2661.jpg" alt="" />

                                 <h4 class="slider-element">Nasıl Soluk Alıp Veririz?</h4>
               
                                 <p class="slider-element">Akciğerlerin yapısında kas bulunmadığından kasılıp gevşeme yetenekleri yoktur. Bu nedenle soluk alışverişini kendileri gerçekleştiremezler. Kaburga ve di­yafram kasının birlikte çalışmaları sonucu akciğerlere hava girip çıkar. Akciğerle­re hava girmesine soluk alma denir. Soluk alma aşağıdaki işlemlerle gerçekleştirilir ✓  Kaburgalar arasındaki kaslar&hellip;</p>
               
            </a>
         </li>

      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/ilginc-bilgiler/kangurular-hakkinda-ansiklopedik-bilgi/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/kanguru-ve-yavrusu.jpg" alt="" />

                                 <h4 class="slider-element">Kangurular Hakkında Ansiklopedik Bilgi</h4>
               
                                 <p class="slider-element">Bugun izledigim bir haberde kangurularin kavgalarını gördüm bunlar nasil dövüşüyor? ve Ardından bu sekilde bir yazı Buldum ve Paylaşmak İstedim. Bataklık volabisi &nbsp; Kanguru hakkında ansiklopedik bilgi Kanguru Familyası: Kangurugiller (Macropodidae). Yaşadığı yerler: Büyük kangurular Avustralya, ağaç kangurusu Yeni Gine’de.&hellip;</p>
               
            </a>
         </li>

      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/mobil/telefon-yuzundeki-ciziklerden-nasil-kurtulunur/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/iphone6s-rendering.jpg" alt="" />

                                 <h4 class="slider-element">Telefon Yüzündeki Çiziklerden Nasıl Kurtulunur?</h4>
               
                                 <p class="slider-element">Günümüzde akıllı telefonlar artık temel ihtiyaçlarımız arasında saydığımız ürünlerden biri haline geldi. Günümüzde akıllı telefonlar artık temel ihtiyaçlarımız arasında saydığımız ürünlerden biri haline geldi. Aylık maaşımızın çok üstünde fiyatı olan akıllı telefonları bile bir şekilde ihtiyaç kredisi çekerek veya dişimizden&hellip;</p>
               
            </a>
         </li>

      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/bilgisayar/gecmisten-gunumuze-gta/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/GTA_logo.png" alt="" />

                                 <h4 class="slider-element">Geçmişten Günümüze Gta</h4>
               
                                 <p class="slider-element">&nbsp; Grand Theft Auto (GTA) Nedir? Grand Theft Auto, oyun programcısı David Jones ve Mike Dailly, Dan ve Sam Houser kardeşler ileu oyun tasarımcısı Zachary Clarke tarafından yaratılan video oyunu serisidir.İlk olarak Rockstar North (eski adıyla DMA Design) tarafından Birleşik Krallık’da geliştirilmiş ve Rockstar Games tarafından yayımlanmıştır.Serinin adı motorlu araç hırsızlığı anlamına gelen “Grand Theft&hellip;</p>
               
            </a>
         </li>

      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/saglik/su-maycugunun-zararlari/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/xauhbl.jpg" alt="" />

                                 <h4 class="slider-element">Su Maycuğunun Zararları</h4>
               
                                 <p class="slider-element">Bitkilerin büyümesi için gübre olarak kullanılan ve suyla temasında 400 kat büyüyen renkli toplar çocukları hasta etti. Bakkal, market, kırtasiye, akvaryumcular ile seyyar satıcılarda satılan ve suyun içine atıldığında bölünerek çoğalan ‘su maymunları’ yüzünden onlarca aile Acil servislere başvurdu. Yutulduğunda&hellip;</p>
               
            </a>
         </li>

      
         
         <li>
            <a href="http://tayyipkarakuran.vv.si/android/minecraft-pocket-edition-son-surum-final-0-9-5-indir/">

               <img class="slider-element" src="http://tayyipkarakuran.vv.si/wp-content/uploads/2014/10/200px-McPeLogo.png" alt="" />

                                 <h4 class="slider-element">Minecraft Pocket Edition Son Sürüm Final 0.9.5 İndir</h4>
               
                                 <p class="slider-element">Bir Önceki Yazımda Minecraft Pocket Edition’un 0.8.1 Sürümünü Paylaşmıştım  O sürüm En Güvenilir Sürüm ve Kasmayan Bir Sürümdür Şimdi İse Yine Son Sürümünü Sizlerle Paylaşıyorum. Kurulumu Android Cihazlar İçin İlk Olarak Dosyayı İndirin. İnidikten Sonra (Eyer Açıl Değilse) Ayarlar/Güvenlik/Bilinmeyen Kaynakları&hellip;</p>
               
            </a>
         </li>

      
         </ul>
</div>

</div>
Mesaj12.10.2014, 14:38 (UTC)    
Mesaj konusu: :D

Kardeş Ne Yazık ki Kod Bozuk Sad
Mesaj12.10.2014, 20:33 (UTC)    
Mesaj konusu:

İstediğiniz kod slider ise yardımcı olabilirim? Smile
______________

ua1905ua agasu06 baslangic-sayfam tasarimci-amca2 grafikdizayn biryaziatolyesi

Mesaj13.10.2014, 12:48 (UTC)    
Mesaj konusu: :D

Evet Slider
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu