Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

2.1 Haberler Ve Bültenler YENİ

replikacep

Tam Üye
Katılım
15 Ara 2018
Mesajlar
176
Tepkime puanı
22
Puanları
18
Yaş
1019
Web sitesi
www.replikacep.com
Demo geçiçi: http://demo.replikacepsatis.com





NOT  : Tema  Yapıp yayımlasam bundan iyi galiba  :D

heberler bültenler    yenilendi  ve hareket etme kabiliyeti getirildi

BoardIndex.template.php bul

Kod:
echo '
 <ul id="smf_slider" class="roundframe">';

 foreach ($context['news_lines'] as $news)
 echo '
 <li>', $news, '</li>';


degiş :
Kod:
   echo '
    <ul id="smf_slider" class=" p-3 mb-2 Replikacep bg-warning text-dark sy-list" style="border-radius: 7px;margin: 15px 0 0 0;">';
     foreach ($context['news_lines'] as $news)
    echo '
 <li style="padding: 1px 16px;"><i class="fas fa-exclamation-triangle tekyurek"></i>', $news, '</li>';


index css ye ekle :
Kod:
/* Haberler  css  başlangıç */
i.fas.fa-exclamation-triangle.tekyurek::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f071";font-size: 25px;color: #fefefe;}
.tekyurek {animation: drsm 8s ease-in-out 0s infinite;animation-delay: 0s;transform-origin: 50% 0;}
@-webkit-keyframes drsm{0% { -webkit-transform: rotate(0); } 5% { -webkit-transform: rotate(10deg); }
 10% { -webkit-transform: rotate(-9deg); } 15% { -webkit-transform: rotate(8deg); } 
 20% { -webkit-transform: rotate(-7deg); } 25% { -webkit-transform: rotate(6deg); }
 30% { -webkit-transform: rotate(-5deg); } 35% { -webkit-transform: rotate(4deg); } 
 40% { -webkit-transform: rotate(-3deg); } 45% { -webkit-transform: rotate(2deg); } 
 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(0); } }
@-moz-keyframes drsm{0% { -moz-transform: rotate(0); }5% { -moz-transform: rotate(10deg); }
 10% { -moz-transform: rotate(-9deg); } 15% { -moz-transform: rotate(8deg); }
 20% { -moz-transform: rotate(-7deg); } 25% { -moz-transform: rotate(6deg); }
 30% { -moz-transform: rotate(-5deg); } 35% { -moz-transform: rotate(4deg); }
 40% { -moz-transform: rotate(-3deg); } 45% { -moz-transform: rotate(2deg); }
 50% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } }
@keyframes drsm{ 0% { transform: rotate(0); } 5% { transform: rotate(10deg); }
 10% { transform: rotate(-9deg); } 15% { transform: rotate(8deg); }
 20% { transform: rotate(-7deg); } 25% { transform: rotate(6deg); }
 30% { transform: rotate(-5deg); } 35% { transform: rotate(4deg); }
 40% { transform: rotate(-3deg); } 45% { transform: rotate(2deg); }
 50% { transform: rotate(0); } 100% { transform: rotate(0); } }
.Replikacep { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.19);border: 1px solid rgba(0, 0, 0, .1);box-shadow: 0 3px 5px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, 0.3);position: relative;}
.Replikacep::before { position: absolute;top: -16px;right: 10px;height: 30px;line-height: 30px;width: 60px;text-align: center;font-size: 16px;border: 1px solid rgba(0, 0, 0, .1);box-shadow: 0 3px 5px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, 0.3);border-radius: 30px;}
.mb-2.Replikacep.bg-warning::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f05a";background: rgb(255, 193, 7);}
.mb-2, .my-2 {margin-bottom: .0rem !important;}
/* Haberler  css  Bitiş */


slider.min  css de  bul :
Kod:
#smf_slider {overflow: hidden;}

degiştir :
Kod:
#smf_slider {position: sticky;}

bul :
Kod:
.sy-pager li.sy-active a{background-color:#557EA0}

degiştir :
Kod:
.sy-pager li.sy-active a{background-color:#ffc107}

 

ismet

Kayitli Üye
Katılım
21 Ara 2018
Mesajlar
68
Tepkime puanı
2
Puanları
8
cok güzel kardeşim emegine sagık
 

replikacep

Tam Üye
Katılım
15 Ara 2018
Mesajlar
176
Tepkime puanı
22
Puanları
18
Yaş
1019
Web sitesi
www.replikacep.com
buradan öncelikle  fontawesome  indirin ve temanıza gömün : https://fontawesome.com/download

aşagıdaki degişiklikleride uygulayın sitenizde  Bootstrap ve font awesome  kurulu olmuş olacaktır

index.template.php bul 

Kod:
function template_init()
{
 global $settings, $txt;


degiştir :
Kod:
function template_init()
{
 global $settings, $txt;
 loadCSSFile('all.css');



bul  :
Kod:
// Load in any javascipt that could be deferred to the end of the page
 template_javascript(true);;

degiştir :
Kod:
// Load in any javascipt that could be deferred to the end of the page
 template_javascript(true);
 echo ' <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>';

index.css  bul  :
Kod:
/* You can find detailed information at https://wiki.simplemachines.org/smf/Curve2_CSS


degiştir :
Kod:
@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css);
/* You can find detailed information at https://wiki.simplemachines.org/smf/Curve2_CSS

 

Benzer konular

Üst Alt