Whmcs Css Loader

19-04-2018, 12:18:24

Arkadaşlar merhaba, kodlama bilgim zayıf olduğu için Buradaki css kodlarını whmcs tabanlı siteye nasıl ekleyeceğimi bilmiyorum.Yardımlarınız için şimdiden çok teşekkürler.

19-04-2018, 12:22:54

#2

~~UmutWare~~

Üyeliği durduruldu

Ücreti dahilinde yardımcı olabilirim.

19-04-2018, 12:23:37

#3

PratikServercom

UmutWare adlı üyeden alıntı: mesajı görüntüle

Ücreti dahilinde yardımcı olabilirim.

Teşekkür ederim.

19-04-2018, 12:23:43

#4

~~AJANSTURKA~~

Üyeliği durduruldu

Hangi ikonu kullanacaksan temanın style.css dosyasına onun css kodunu ekle
Örneğin ilk sıradakinin altında <view source> yazıyor orada tıkla aşağıdaki css kodunu alıp whmcs temanın style.css'ine ekle.

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

Css dosyasına yukarıdaki kodu attıktan sonra nerede göstermek istiyorsan aşağıdaki kodu kullanarak kullanabilirsin.

<div class="loader">Loading...</div>

19-04-2018, 12:28:21

#5

PratikServercom

AJANSTURKA adlı üyeden alıntı: mesajı görüntüle

Hangi ikonu kullanacaksan temanın style.css dosyasına onun css kodunu ekle
Örneğin ilk sıradakinin altında <view source> yazıyor orada tıkla aşağıdaki css kodunu alıp whmcs temanın style.css'ine ekle.

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

Css dosyasına yukarıdaki kodu attıktan sonra nerede göstermek istiyorsan aşağıdaki kodu kullanarak kullanabilirsin.

<div class="loader">Loading...</div>

Hocam öncelikle ilgi ve alakana çok teşekkür ederim. Temanın style.css dosyasını bulamadım.

temam

tema.

19-04-2018, 12:39:13

#6

~~AJANSTURKA~~

Üyeliği durduruldu

PratikServercom adlı üyeden alıntı: mesajı görüntüle

Hocam öncelikle ilgi ve alakana çok teşekkür ederim. Temanın style.css dosyasını bulamadım.

temam

tema.

Dizin Yolu: templates/oxxo/assets/bootstrap/css/whmcsx.css

19-04-2018, 13:28:19

#7

PratikServercom

AJANSTURKA adlı üyeden alıntı: mesajı görüntüle

Dizin Yolu: templates/oxxo/assets/bootstrap/css/whmcsx.css

Teşekkürler hocam.