İpuçları&öneriler - Navbarda Kayan Yazı ! | Xenforo Türkçe Destek, XenForo Eklenti ve Tema Topluluğu

İpuçları&öneriler Navbarda Kayan Yazı !


XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
360
Puanları
63
Konum
Türkiye
Bu standart bildirim stilini değiştirmek

PHP:
<style type="text/css">
    <!--
.testnoticeouter{
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
                    transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);                               
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  border: 1px solid #3b8eb5;
  border-radius: 4px;
  color: #fff;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  background-color: #4ea5cd;
    }
.testnoticeinner {                               
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  border: 1px solid #3b8eb5;
  color: #fff;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  background-color: #4ea5cd;
}

-->
    </style>
<div class="testnoticeouter"><div class="testnoticeinner">
<p>Yazıyı Buraya Yazınız</p>
</div></div>
[xenforodestek.net]-006_conditional.png
bildirim örnek resindeki yere bu kodu ekleyin:
[xenforodestek.net]-007_conditional.png

Şimdi EXTRA.CSS içerisine aşağıdaki CSS kodu ekleyin
PHP:
.testnoticeouter{
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
                    transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);                               
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  border: 1px solid #3b8eb5;
  border-radius: 4px;
  color: #fff;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  background-color: #4ea5cd;
    }
.testnoticeinner {                               
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  border: 1px solid #3b8eb5;
  color: #fff;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  background-color: #4ea5cd;
}
kaydettikten sonra, haber (farklı boyutlarda birden fazla fark var özellikle) dışında bir sınır ve mavi arka plan olark kaydetmek isterseniz.
Bu kaldırmak için, EXTRA.CSS aşağıdakileri ekleyin

PHP:
#Notices.PanelScroller .scrollContainer {
  border: none !important;
  background: none !important;
}
#Notices.PanelScroller .panel, .PanelScrollerOff .panel {
    background: transparent !important;
}
Farklı stilleri üzerinde farklı görünüyor
stil başına haber görünümünü değiştirmek istiyorsanız, o zaman CSS yerine Bildirimi kriterleri sizin EXTRA.css eklenmesi gerekiyor. İlk (aşağıdaki biçimi kullanarak Ekle Bildirimi içinde bildirim bilgileri koymak ) dilediğiniz uygun yerleri değiştirebilirsiniz

PHP:
<div class="testnoticeouter"><div class="testnoticeinner">
<p>INSERT YOUR NOTICE TEXT HERE</p>
</div></div>
Güle Güle Kullanın
 
Lütfen Javascript'i etkinleştirin!Javascript'i etkinleştirin!