Neler yeni
Kullanıcı:
Filtreler

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol

kayan yazı nasıl eklerim ?

TheGaMeLiFe_HD
TheGaMeLiFe_HD

TheGaMeLiFe_HD

xFanatik
SMS onaylı
Kullanıcı
xf1 bir şekilde forum_list üstüne nasıl eklemiştim.
xf2 bir şekilde forum_list üstüne yazı yazmak istiyorum xf1 kod buydu
Kod: 
<div class="sectionMain duyuru" style="padding-bottom: 20px;">
<div class="duyuruWrapper">
<div style="float:left; margin-right:5px;">
<font color="red"><a><b>Duyuru: </b></a></font></div>
<div style="float:left; width:92%; right:0px;">
<marquee direction="left">Forum yönetim ekibiyle iletişime geçmek istiyorsanız <b>Forum Destek</b> kategorisini kullanınız, özel mesajlara destek verilmemektedir.</marquee>
</div>
</div>
</div>
Bu yazıyı yazmak istiyorum xf2 kayan yazı olarak yardımcı olurmusunuz. @mkucuksari
 
Tarihe göre sırala Oylara göre sırala
Aynı kodu node_list_category şablonunun en üstüne ekleyerek bir deneyin.

Öncekinin aynısı gibi görünmesi için sectionMain, duyuru ve duyuruWrapper class değerlerini de css olarak eklemeniz gerekecek.
 
Oyla 0 Downvote
Yigit13' Alıntı:
Bende kayan yazı eklemek istiyorum nasıl yapılacak?
Genişletmek için tıkla ...
Merhaba,

Aşağıda verdiğim kodları Şablonlara eklemeniz gerekmektedir.

Görünüm ve dilleri / Şablonlar / node_list_category Şablonun içerisine en üste ekleyiniz.

XML: 
<div class="XenGenMarquee">
  <p>Buraya Birinci Yazı Gelicektir.</p>
  <p>Buraya İkinci Yazı Gelicektir.</p>
</div>



Görünüm ve dilleri / Şablonlar / Extra.less şablonun içerisine Ekleyiniz.


CSS: 
.XenGenMarquee {
  width: 500px;
  height: 50px;
  margin: 25px auto;
  overflow: hidden;
  position: relative;
  border: 1px solid #000;
  margin: 25px auto;

  background-color: #222;

  -webkit-border-radius: 5px;
  border-radius: 5px;

  -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
}

.XenGenMarquee p {
  position: absolute;
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  color: #fff;
  transform:translateX(100%); 
}

.XenGenMarquee p:nth-child(1) {
  animation: left-one 20s ease infinite;
}
.XenGenMarquee p:nth-child(2) {
  animation: left-two 20s ease infinite;
}
@keyframes left-one {
  0%  {
    transform:translateX(100%);
  }
  10% {
    transform:translateX(0);
  }
  40% {
    transform:translateX(0);
  }
  50% {
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(-100%);
  }
}
@keyframes left-two {
  0% {
    transform:translateX(100%);
  }
  50% {
    transform:translateX(100%);
  }
  60% {
    transform:translateX(0); 
  }
  90% {
    transform:translateX(0); 
  }
  100%{
    transform:translateX(-100%);
  }
}


Demo :
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
 
Oyla 0 Downvote
MusaPekel' Alıntı:
Merhaba,

Aşağıda verdiğim kodları Şablonlara eklemeniz gerekmektedir.

Görünüm ve dilleri / Şablonlar / node_list_category Şablonun içerisine en üste ekleyiniz.

XML: 
<div class="XenGenMarquee">
  <p>Buraya Birinci Yazı Gelicektir.</p>
  <p>Buraya İkinci Yazı Gelicektir.</p>
</div>



Görünüm ve dilleri / Şablonlar / Extra.less şablonun içerisine Ekleyiniz.


CSS: 
.XenGenMarquee {
  width: 500px;
  height: 50px;
  margin: 25px auto;
  overflow: hidden;
  position: relative;
  border: 1px solid #000;
  margin: 25px auto;

  background-color: #222;

  -webkit-border-radius: 5px;
  border-radius: 5px;

  -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
}

.XenGenMarquee p {
  position: absolute;
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  color: #fff;
  transform:translateX(100%);
}

.XenGenMarquee p:nth-child(1) {
  animation: left-one 20s ease infinite;
}
.XenGenMarquee p:nth-child(2) {
  animation: left-two 20s ease infinite;
}
@keyframes left-one {
  0%  {
    transform:translateX(100%);
  }
  10% {
    transform:translateX(0);
  }
  40% {
    transform:translateX(0);
  }
  50% {
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(-100%);
  }
}
@keyframes left-two {
  0% {
    transform:translateX(100%);
  }
  50% {
    transform:translateX(100%);
  }
  60% {
    transform:translateX(0);
  }
  90% {
    transform:translateX(0);
  }
  100%{
    transform:translateX(-100%);
  }
}


Demo :
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
Genişletmek için tıkla ...
ekledim ama sitede göremiyorum tam olarak hangi kısımda görünecek
 
Oyla 0 Downvote
MusaPekel' Alıntı:
Merhaba,

Aşağıda verdiğim kodları Şablonlara eklemeniz gerekmektedir.

Görünüm ve dilleri / Şablonlar / node_list_category Şablonun içerisine en üste ekleyiniz.

XML: 
<div class="XenGenMarquee">
  <p>Buraya Birinci Yazı Gelicektir.</p>
  <p>Buraya İkinci Yazı Gelicektir.</p>
</div>



Görünüm ve dilleri / Şablonlar / Extra.less şablonun içerisine Ekleyiniz.


CSS: 
.XenGenMarquee {
  width: 500px;
  height: 50px;
  margin: 25px auto;
  overflow: hidden;
  position: relative;
  border: 1px solid #000;
  margin: 25px auto;

  background-color: #222;

  -webkit-border-radius: 5px;
  border-radius: 5px;

  -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);
}

.XenGenMarquee p {
  position: absolute;
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  color: #fff;
  transform:translateX(100%);
}

.XenGenMarquee p:nth-child(1) {
  animation: left-one 20s ease infinite;
}
.XenGenMarquee p:nth-child(2) {
  animation: left-two 20s ease infinite;
}
@keyframes left-one {
  0%  {
    transform:translateX(100%);
  }
  10% {
    transform:translateX(0);
  }
  40% {
    transform:translateX(0);
  }
  50% {
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(-100%);
  }
}
@keyframes left-two {
  0% {
    transform:translateX(100%);
  }
  50% {
    transform:translateX(100%);
  }
  60% {
    transform:translateX(0);
  }
  90% {
    transform:translateX(0);
  }
  100%{
    transform:translateX(-100%);
  }
}


Demo :
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
Genişletmek için tıkla ...
emegine saglık dostum bu kayan yazı yapışıcak mı yoksa sayfayı aşagıya indirince mi görünücek ? çünkü malum forumlar var en üstte forum istatistik var eger aşagıda kalıcaksa kaç kişi görücek ki ?
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Sisteme duyarlı
Gündüz modu
Gece modu
Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri