2.1 Haberler Ve Bültenler YENİ

[replikacep]

Demo geçiçi: http://demo.replikacepsatis.com





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

heberler bültenler    yenilendi  ve hareket etme kabiliyeti getirildi

BoardIndex.template.php bul

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

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

degiş :

   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 :

/* 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 :

#smf_slider {overflow: hidden;}

degiştir :

#smf_slider {position: sticky;}

bul :

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

degiştir :

.sy-pager li.sy-active a{background-color:#ffc107}

 

[ismet]

cok güzel kardeşim emegine sagık

 

[replikacep]

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 

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

degiştir :

function template_init()
{
 global $settings, $txt;
 loadCSSFile('all.css');

bul  :

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

degiştir :

// 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  :

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

degiştir :

@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