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

XFdestek · 31 Ağu 2016

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>

bildirim örnek resindeki yere bu kodu ekleyin:

Ş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

Ara

Ara

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

XFdestek

Kurucu Üye