TÜRKİYE CANIM FEDA
Sitemize Hoşgeldiniz, Ziyaretçi! Kayıt Ol

[ Etiketler: mybb | temalariniz | icin | dinamik | slider ]
Konuyu Değerlendir
  • 0 Oy - 0 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
[Eklenti] MyBB Temalarınız İçin Dinamik Slider
#1
 MyBB Temalarınız İçin Dinamik Slider: Resimlerin üzerine gelin açıklamalar büyür. Ne kadar açıklama yazsanız da bozulmaz. Açıklamanızın bir kısmı gözükür sadece.
 Nasıl Yapılır ? Anlatalım.
  1. Temanızın index şablonunu açıp aşağıdaki kodu bulun.
    {$header}
  2. Hemen altına bu kodu ekleyin. Ve gerekli kısımları kendinize göre düzenleyin.
     
    <style>@import url(https://fonts.googleapis.com/css?family=...,500);body {margin: 0px;}#slide {  position: relative;  margin: 1px 0px 20px 0px;  float: left;}#slide ul {  padding: 0px;  margin: 0px;  list-style-type: none;}#slide ul li {    display: inline-block;    float: left;    width: calc( 25% - 2px );    height: 150px;    overflow: hidden;    cursor: pointer;    border-left: 1px solid #fff;}#slide ul li:nth-child(1) {border-left: 0px solid;}#slide ul li img {  width: 100%;  height: 150px;  float: left;}#slide ul li .aciklama {  color: #fff;  line-height: 21px;  text-shadow: 0px 2px 1px black;  font-weight: bold;  text-overflow: ellipsis;  overflow: hidden;  font-family: Ubuntu;  margin: 90px 0px;  height: 30px;  width: calc( 25% - 42px );  padding: 15px 20px;  position: absolute;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f...&0+0,1+100 */background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progidBig GrinXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */  transition: all 250ms;}#slide ul li:hover .aciklama {  margin: 70px 0px;  height: 50px;}</style><div id="slide">  <ul>    <li><a href="#"><img src="https://www.mobilofon.com/blog/wp-content/uploads/2016/04/Samsung-Galaxy-S7-Edge-Fiyat%C4%B1-200-D%C3%BC%C5%9Ft%C3%BC.jpg"><div class="aciklama">Son Döneme Damgasını Vuran 5 İlginç Teknolojik Ürün! Fazla kelimelerde böyle oluyor işte deneme için uzun yazmam lazım gördüğün gibi</div></li>      <li><a href="#"><img src="https://www.mobilofon.com/blog/wp-content/uploads/2016/04/Samsung-Galaxy-S7-Edge-Fiyat%C4%B1-200-D%C3%BC%C5%9Ft%C3%BC.jpg"><div class="aciklama">Son Döneme Damgasını Vuran 5 İlginç Teknolojik Ürün! Fazla kelimelerde böyle oluyor işte deneme için uzun yazmam lazım gördüğün gibi</div></li>         <li><a href="#"><img src="https://www.mobilofon.com/blog/wp-content/uploads/2016/04/Samsung-Galaxy-S7-Edge-Fiyat%C4%B1-200-D%C3%BC%C5%9Ft%C3%BC.jpg"><div class="aciklama">Son Döneme Damgasını Vuran 5 İlginç Teknolojik Ürün! Fazla kelimelerde böyle oluyor işte deneme için uzun yazmam lazım gördüğün gibi</div></li>            <li><a href="#"><img src="https://www.mobilofon.com/blog/wp-content/uploads/2016/04/Samsung-Galaxy-S7-Edge-Fiyat%C4%B1-200-D%C3%BC%C5%9Ft%C3%BC.jpg"><div class="aciklama">Son Döneme Damgasını Vuran 5 İlginç Teknolojik Ürün! Fazla kelimelerde böyle oluyor işte deneme için uzun yazmam lazım gördüğün gibi</div></li>  </ul>
Alıntı }
[ Etiketler: mybb | temalariniz | icin | dinamik | slider ]


Benzer Konular...
Konu Yazar Cevapla Görüntüleme Son Mesaj
  Mybb-Diğer Altyapılar İçin Değişen Site Başlığı Kodu Neo1 0 20 23-10-2020, 00:04
Son Mesaj: Neo1
  [Eklenti] MyBB Konuyu Okuyanlar Modern Stili Neo1 1 166 12-06-2020, 16:06
Son Mesaj: Kromozom
  [Eklenti] MyBB Rastgele Sözler [KOD] Neo1 1 151 12-06-2020, 16:06
Son Mesaj: Kromozom
  [Eklenti] MyBB Kayan Resimli Popüler Konu Manşeti Neo1 1 137 12-06-2020, 16:06
Son Mesaj: Kromozom
  [Eklenti] Mybb öne çıkan konular Neo1 2 159 12-06-2020, 16:06
Son Mesaj: Kromozom

Foruma Git:

Bu konuyu görüntüleyen kullanıcı(lar): 1 Ziyaretçi