Advertisement

PHP İkonlar Gözükmüyor

takix

Hectopat
Katılım
14 Ocak 2017
Mesajlar
47
Merhaba iyi günler öncelikle,
Başka bir sayfada ikonlar gözükürken diğer bir sayfada ikonlar gözükmüyor. (Fontawesome)
Nerde hata yapıyorum bilmiyorum.Hem resim hem kod ekleyeceğim

İkonların GÖZÜKMEDİĞİ kodlar;
resim 2.png

Kod:
{% include 'header.twig' %}

  <link rel="stylesheet" type="text/css" href="/public/huseyin/css/406aqt6bepxatuj2.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/44f480/3o5iazqtetdk2rtl.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
<script src="https://use.fontawesome.com/ae20acd706.js"></script>
     
<script src="https://use.fontawesome.com/ae20acd706.js"></script>
     
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.core.min.js"></script>
<!-- Main variables *content* -->
      <div class="panel-main togg">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 mb-4">
                  <div class="top-notice d-flex align-items-center">
                    <img src="/public/huseyin/img/3086xnz9yyg84gz9.png" height="50" />
                    <b class="pl-3">Sn. {{ user['username'] }}, Eğer yeni bir servise ihtiyacınız olursa veya başka bir yerde daha ucuz bir hizmet bulursanız bize bildirin.</b>
                  </div>
               </div>
              <div class="col-lg-6 mb-4">
                  <div class="top-notice-2 d-flex align-items-center">
                     <b>Artık kendi panelinizi kurabilir, müşterilerinize kendi paneliniz üzerinden {{ settings['site_name']  }} gibi servislerini satabilirsiniz.</b>
                    <a href="https://api.whatsapp.com/send/?phone=905417885432&text=Sat%C4%B1l%C4%B1k+Smm+Panel+ilgili+g%C3%B6r%C3%BC%C5%9Fmek+istiyorum&app_absent=0" class="btn btn-outline btn-block" style="max-width: 150px;font-size: 14px;padding: 15px">Satın Al</a>    
                  </div>
               </div>              
              <div class="col-lg-3">
                  <div class="widget widget-1 mb-2">
                     <img src="/public/huseyin/img/drh1hun0hdod50cm.png" class="pl-3" height="75" />
                     <div class="widget-text pl-2">
                        <b>Bakiyeniz</b>
                        <h2>{{ user['balance'] }}₺</h2>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3">
                  <div class="widget widget-2 mb-2">
                     <img src="/public/huseyin/img/drh1hun0hdod50cm.png" class="pl-3" height="75" />
                     <div class="widget-text pl-2">
                        <b>Harcanan Bakiye</b>
                        <h2>{{ user['spent'] }}₺</h2>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3">
                  <div class="widget widget-3 mb-2">
                     <img src="/public/huseyin/img/drh1hun0hdod50cm.png" class="pl-3" height="75" />
                     <div class="widget-text pl-2">
                        <b>Bakiye Durumu</b>
                         {% if user['balance'] < 5 %}
                                                <h2>Düşük</h2>
                                                {% else %}
                                                <h2>İyi</h2>
                                                {% endif %}
                                             </div>
                  </div>
               </div>
               <div class="col-lg-3">
                  <div class="widget widget-4 mb-2">
                     <img src="/public/huseyin/img/drh1hun0hdod50cm.png" class="pl-3" height="75" />
                     <div class="widget-text pl-2">
                        <b>Hesap Durumu</b>
                        <h2>Aktif</h2>
                     </div>
                  </div>
               </div>
              <!--<div class="flash flash-basarili mt-2 text-center">
                Telegram kanalımıza katılarak ilk güncellemelerden sizin haberiniz olabilir.<a href=""> Kanal'a göz atmak için buraya tıklayabilirsiniz..</a>.
            </div>-->
               <div class="col-lg-6 mt-4">
                  <div class="well">
                        <div class="widget-head">
                            <img src="/public/huseyin/img/urk2hahpeshk8fdy.png" class="well-icon" alt="">
                            Hızlı Sipariş Formu
                        </div>
        {% if error %}
      <div class="alert alert-dismissible alert-danger">
        {{ errorText }}
      </div>
    {% endif %}
   {% if data["order"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success">
        <center>
          <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
          <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
          <strong> {{ lang["neworder.success.link"] }}: </strong> {{ data['order']['link'] }} <br>
          <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['quantity'] }} <br>
          <strong> {{ lang["neworder.success.charge"] }}: </strong> {{ data['order']['price'] }} <br>
          <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>
        </center>
      </div>
    {% endif %}
    {% if data["order"]["success"] == 2 %}
      <div class="alert alert-dismissible alert-success">
        <center>
         <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
         <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
         <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>
         <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>
         <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>
         <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>
        </center>
       </div>
    {% endif %}
        <form method="post" action="">

            <div class="form-group">
              <label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>
              <select class="form-control" id="neworder_category" name="categories">
                {% for category in categories %}
                    <option value="{{ category["category_id"] }}" {% if category["category_id"] == data['categories'] %} selected {% endif %} >
                        <i class="fab fa-{{ category["category_icon"] }}"></i> {{ category["category_name"] }}</option>
                       
                       
                {% endfor %}
                </select>
            </div>
            <div class="form-group">
              <label for="orderform-service" class="control-label"><strong>{{ lang["neworder.service"] }}</strong></label> <span id="span_sh"></span>
              <select class="form-control" id="neworder_services" name="services">

              </select>
            </div>

            <div id="neworder_fields"></div>

                              <div class="form-group mt-2" id="charge_div">
                                <label class="control-label" for="field-orderform-fields-quantity">{{ lang["neworder.charge"] }}</label>
                                <div class="input-group">
                                    <div class="input-group-icon">
                                        <i class="fas fa-coins"></i>
                                    </div>                              
                                    <input type="text" class="form-control" id="charge" value="" readonly>
                                </div>
                              </div>



           
          <button type="submit" class="btn btn-light btn-block">{{ lang["neworder.button"] }}</button>

        </form>
                  </div>
               </div>

               <div class="col-lg-6 mt-4">
                  <div class="well">
                        <div class="widget-head">
                            <img src="/public/huseyin/img/fk2b9t9xonesa4i0.png" class="well-icon" alt="">
                            Sistem Duyuruları
                        </div>

                                <div class="news-body" id="dc2-body" style="overflow-y: auto; max-height:600px">
                                    <div class="mNotice">
                                        {{ contentText }}
    <!--<div class="widget-head">
                            <img src="/public/huseyin/img/fk2b9t9xonesa4i0.png" class="well-icon" alt=""> Güncelleme Bakım
<boşluk>
  <div>
Yeni Tema , Yeni Servisler Eklendi..
                                    </div>
  </div>-->                      
                  </div>
               </div>

             
            </div>
         </div>
      </div>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js" type="text/javascript"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/fontawesome.min.css" type="text/javascript"></script>
             
  <script src="https://cdnjs.cloudflare.com/ajax/libs/JQuery-Snowfall/1.7.4/snowfall.min.js"type="text/javascript"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Darkmode.js/1.5.7/darkmode-js.min.js"></script>
      <script type="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css"></script>
{% include 'footerpanel.twig' %}


*********************************
İkonların GÖZÜKTÜĞÜ kodlar;

resim1.png
Kod:
{% include 'header.twig' %}
{% if user['auth'] %}
<!-- Main variables *content* -->
<div class="panel-main togg">
 
<div class="container mb-4">
  <div class="row">
    <div class="col-12">
        <div class="panel-head d-flex">
            <div class="page-head-content align-self-center mx-auto">
             <h1>Servisler</h1>
        </div>  
      </div>
    </div>
  </div>
 
<div class="container mb-4">
  <div class="row">
    <div class="col-12">
          <div class="servisbilgi mt-3 row">
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('⭐')" class="md1">
              ⭐ Yeni Servis
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🔥')" class="md1">
              🔥 Popüler
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🚀')" class="md1">
              🚀 Hızlı Servis
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('⚡️')" class="md1">
              ⚡️ Anlık Servis
               </div>
            </div>
             <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🎯')" class="md1">
              🎯 Tam Gönderim
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('♻️')" class="md1">
              ♻️Telafili
               </div>
             </div>
          </div>
      </div>
    </div>
  </div>
</div>

 
<div class="container">
  <div class="row">
    <div class="col-md-12 col-xs-12">
      <div class="well well-float">
                     <div class="serv-search">
                        <i id="serv-icon" class="fas fa-stream"></i>
                        <input type="text" id="serv-inp" class="form-control serv-input" placeholder="Aradığınız Servisi Yazın..">
                     </div>          
        <table id="serv-table" class="table ">
          <thead>
          <tr>
            <th>ID</th>
            <th class="width-service-name">Servis</th>
            <th class="nowrap">1000 Adet Fiyatı</th>
            <th class="nowrap">Minimum Sipariş Miktarı</th>
            <th class="nowrap">Maximum Sipariş Miktarı</th>
            <th class="hidden-xs hidden-sm service-description__th">Açıklama</th>
          </tr>
          </thead>
          {% for category in serviceCategory %}
          <tbody id="servicestable">
                                    <tr class="s-head">
                <td colspan="7" class="serv-head mk-icons services-data"><strong><i class="fa fa-{{ category["category_icon"] }}"></i> {{ category["category_name"] }}</strong></td>
              </tr>
              {% for service in category['services'] %}
                                      <tr class="aralama services-data">
                <td data-label="ID">{{ service["service_id"] }}</td>
                <td data-label="Hizmet" class="service-name mk-icons">{{ service["service_name"] }}</td>
                <td class="text-center" data-label="1000 Adet">{{ service["service_price"] }} ₺</td>
                <td class="text-center" data-label="Minimum">{{ service["service_min"] }}</td>
                <td class="text-center" data-label="Maksimum">{{ service["service_max"] }}</td>
                <td class="text-center"  data-label="Açıklama"><a type="button" class="btn btn-showall" data-toggle="modal" data-target="#servis{{ service["service_id"] }}"><i class="fas fa-bars"></i></a>
             
                <div class="modal fade" id="servis{{ service["service_id"] }}">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <!-- Modal Header -->
                      <div class="modal-header">
                        <h4 class="modal-title1">{{ service["service_name"] }}</h4>
                        <button type="button" class="close" data-dismiss="modal">×</button>
                      </div>
                      <!-- Modal body -->
                      <div class="modal-body1">
                          {{ service["service_description"] }}
                      </div>
                    </div>
                  </div>
                </div>              
                </td>
              </tr>
                {% endfor %}
              {% endfor %}
            </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
</div>

<script>
function ikon(opt) {
    var ikon = "";
    if (opt.indexOf("Instagram") >= 0) {
        ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("YouTube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Facebook") >= 0) {
        ikon = "<span class=\"fs-fb\"><i class=\"fab fa-facebook-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Youtube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Twitter") >= 0) {
        ikon = "<span class=\"fs-tw\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Google") >= 0) {
        ikon = "<span class=\"fs-gp\"><i class=\"fab fa-google-plus\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Swarm") >= 0) {
        ikon = "<span class=\"fs-fsq\"><i class=\"fab fa-forumbee\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Dailymotion") >= 0) {
        ikon = "<span class=\"fs-dm\"><i class=\"fab fa-hospital-o\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Periscope") >= 0) {
        ikon = "<span class=\"fs-pc\"><i class=\"fab fa-map-marker\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Soundcloud") >= 0) {
        ikon = "<span class=\"fs-sc\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Vine") >= 0) {
        ikon = "<span class=\"fs-vn\"><i class=\"fab fa-vine\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Spotify") >= 0) {
        ikon = "<span class=\"fs-sp\"><i class=\"fab fa-spotify\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Snapchat") >= 0) {
        ikon = "<span class=\"fs-snap\"><i class=\"fab fa-snapchat-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Pinterest") >= 0) {
        ikon = "<span class=\"fs-pt\"><i class=\"fab fa-pinterest-p\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("iTunes") >= 0) {
        ikon = "<span class=\"fs-apple\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Müzik") >= 0) {
        ikon = "<span class=\"fs-music\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Vimeo") >= 0) {
        ikon = "<span class=\"fs-videmo\"><i class=\"fab fa-vimeo\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Ekşi") >= 0) {
        ikon = "<span class=\"fs-eksi\"><i class=\"fab fa-tint\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Telegram") >= 0) {
        ikon = "<span class=\"fs-telegram\"><i class=\"fab fa-telegram\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("SosyalCennet") >= 0) {
        ikon = "<span class=\"fs-hot\"><i class=\"fab fa-hotjar\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("Twitch") >= 0) {
        ikon = "<span class=\"fs-twc\"><i class=\"fab fa-twitch\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Zomato") >= 0) {
        ikon = "<span class=\"fs-zom\"><i class=\"fab fa-cutlery\" aria-hidden=\"true\"></i> </span>";
 } else if (opt.indexOf("Amazon") >= 0) {
        ikon = "<span class=\"fs-amaz\"><i class=\"fab fa-amazon\" aria-hidden=\"true\"></i> </span>";
   } else if (opt.indexOf("Tumblr") >= 0) {
        ikon = "<span class=\"fs-tumb\"><i class=\"fab fa-tumblr-square\" aria-hidden=\"true\"></i> </span>";
 
   } else if (opt.indexOf("Yandex") >= 0) {
        ikon = "<span class=\"fs-yndx\"><i class=\"fab fa-yoast\" aria-hidden=\"true\"></i> </span>";
 
  } else if (opt.indexOf("Linkedin") >= 0) {
        ikon = "<span class=\"fs-lnk\"><i class=\"fab fa-linkedin\" aria-hidden=\"true\"></i> </span>";
 
  } else if (opt.indexOf("Yahoo") >= 0) {
        ikon = "<span class=\"fs-yahoo\"><i class=\"fab fa-yahoo\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Private") >= 0) {
        ikon = "<span class=\"fs-private\"><i class=\"fab fa-times\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("TikTok") >= 0) {
        ikon = "<span class=\"fs-tiktok\"><i class=\"fa fa-music\" aria-hidden=\"true\"></i> </span>";
    } else {
        ikon = "<span class=\"\"><i class=\"far fa-star\" aria-hidden=\"true\"></i> </span>  ";
    }
    return ikon;
}
 
$(document).ready(function() {
   
    $(".mk-icons").each(function() {
                var ico = ikon($(this).text());
                $(this).html(ico + $(this).text() );
                console.log($(this).text());
        });  
});

</script>

</body>
</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.2.4/css/simple-line-icons.css"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>

    if ($('.owl-carousel').length) {
        $('.owl-carousel').owlCarousel({
            loop:true,
            margin:2,
            nav:false,
            smartSpeed: 500,
            autoplay: 5000,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                800:{
                    items:1
                },
                1024:{
                    items:1
                },
                1200:{
                    items:1
                }
            }
        });          
    }
</script>
  <script type="text/javascript" src="xxxx">
      </script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.2.4/css/simple-line-icons.css">
      </script>
  <script type="text/javascript" src="https://cdn.mypanel.link/libs/jquery/1.12.4/jquery.min.js">
      </script>
     <script type="text/javascript" src="/public/huseyin/js/flpbonhmkq9tsp29.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/a4kdpfesx15uh7ae.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/596z6ya3isgxcipy.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/o8hbzqge3i5h5tdk.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/wnzsoolloslhfumj.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/ctccbhdmyhqmzdct.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/a08ww29epcaern2x.js">
       </script>
  <script type="text/javascript" >
     window.modules.layouts = {"auth":1};   </script>
  <script type="text/javascript" >
         $(document).ready(function(){
        $(document).snowfall({
          round : true,
          minSize: 1,
          maxSize: 10,
          minSpeed: 1,
          maxSpeed: 5,
          flakeCount : 25,
          flakeColor: "#ffffff"
        });
    });   </script>

{% for script in scriptList %}
  <script type="text/javascript" src="{{ script }}"></script>
  {% endfor %}

    {{ footerCode }}
{% else %}
<!-- Main variables *content* -->

<div class="page-head">
                <div class="ph-content fs-details">
                    <div class="ph-title">
                        Servisler
                    </div>
                    <p class="mt-3">Sipariş vermeden önce servis açıklamasını dikkatlice okuyun.</p>
                </div>
        </div>
 
 
 
<section class="home-api mt-5 pb-5">
<div class="container mb-4">
  <div class="row">
    <div class="col-12">
          <div class="servisbilgi mt-3 row">
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('⭐')" class="md1">
              ⭐ Yeni Servis
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🔥')" class="md1">
              🔥 Popüler
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🚀')" class="md1">
              🚀 Hızlı Servis
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('⚡️')" class="md1">
              ⚡️ Anlık Servis
               </div>
            </div>
             <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('🎯')" class="md1">
              🎯 Tam Gönderim
               </div>
            </div>
            <div class="col-12 col-md-2 p7 mb-1">
              <div onclick="AramaYap('♻️')" class="md1">
              ♻️Telafili
               </div>
             </div>
          </div>
      </div>
    </div>
  </div>
</div>

 
<div class="container">
  <div class="row">
    <div class="col-md-12 col-xs-12">
      <div class="well well-float">
                     <div class="serv-search">
                        <i id="serv-icon" class="fas fa-stream"></i>
                        <input type="text" id="serv-inp" class="form-control serv-input" placeholder="Aradığınız Servisi Yazın..">
                     </div>          
        <table id="serv-table" class="table ">
          <thead>
          <tr>
            <th>ID</th>
            <th class="width-service-name">Servis</th>
            <th class="nowrap">1000 Adet Fiyatı</th>
            <th class="nowrap">Minimum Sipariş Miktarı</th>
            <th class="nowrap">Maximum Sipariş Miktarı</th>
            <th class="hidden-xs hidden-sm service-description__th">Açıklama</th>
          </tr>
          </thead>
          {% for category in serviceCategory %}
          <tbody id="servicestable">
              <tr class="s-head">
                <td colspan="7" class="serv-head mk-icons services-data"><strong>
                <i class="fa fa-{{ category["category_icon"] }}" aria-hidden="true"></i>
                {{ category["category_name"] }}</strong>
                </td>
              </tr>
              {% for service in category['services'] %}
              <tr class="aralama services-data">
                <td data-label="ID">{{ service["service_id"] }}</td>
                <td data-label="Hizmet" class="service-name mk-icons">{{ service["service_name"] }}</td>
                <td class="text-center" data-label="1000 Adet">{{ service["service_price"] }} ₺</td>
                <td class="text-center" data-label="Minimum">{{ service["service_min"] }}</td>
                <td class="text-center" data-label="Maksimum">{{ service["service_max"] }}</td>
                <td class="text-center"  data-label="Açıklama"><a type="button" class="btn btn-showall" data-toggle="modal" data-target="#servis{{ service["service_id"] }}"><i class="fas fa-bars"></i></a>
             
                <div class="modal fade" id="servis{{ service["service_id"] }}">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <!-- Modal Header -->
                      <div class="modal-header">
                        <h4 class="modal-title1">{{ service["service_name"] }}</h4>
                        <button type="button" class="close" data-dismiss="modal">×</button>
                      </div>
                      <!-- Modal body -->
                      <div class="modal-body1">
                          {{ service["service_description"] }}
                      </div>
                    </div>
                  </div>
                </div>              
                </td>
              </tr>
                {% endfor %}
              {% endfor %}
            </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
</section>
    {{ footerCode }}
      <div class="footer">
         <div class="container">
            <div class="ft-content">
               <div class="ftc-top">
                  <div class="row">
                     <div class="col-md-auto col-12 text-center text-md-left">
                        <div class="ftc-name">
                           <div class="row">
                              <div class="col align-self-center">
                                 <div class="fct-name">
                                                              <a class="navbar-brand" href="{{ site['url'] }}">
                   
                              {% if site["logo"] %}
                                <img src="{{ site['favicon'] }}" alt="" title="" width="%400" height="75">
                   
                              {% else %}
                              <a class="navbar-brand" href=""><i class="fa fa-star"></i> {{ settings['site_name']  }} <i class="fa fa-star"></i></a>
                              {% endif %}</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md col-12 mt-4 mt-lg-0 align-self-center">
                        <div class="footer-links text-md-right text-center">
                           <ul>
                              <li>
                                 <a href="terms">Kullanım Koşulları</a>
                              </li>
                              <li>
                                 <a href="faq">Sık Sorulanlar</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="container">
            <div class="ft-content-bot">
               <div class="ft-content-bot-text"><br />
                <img src ="https://cdn.mypanel.link/3a51fd/q8rby08haauy9sqs.png"  alt="DMCA.com Protection Status" /><br /><br />
                  <p><strong>{{ settings['site_name']  }}</strong> Sosyal Medya Bayilik Paneli.</p>
                  <p>Tüm Hakları Saklıdır. ©2020</p>
               </div>
            </div>
         </div>
      </div>
</body>
</html>
<script>
function ikon(opt) {
    var ikon = "";
    if (opt.indexOf("Instagram") >= 0) {
        ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("YouTube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Facebook") >= 0) {
        ikon = "<span class=\"fs-fb\"><i class=\"fab fa-facebook-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Youtube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Twitter") >= 0) {
        ikon = "<span class=\"fs-tw\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Google") >= 0) {
        ikon = "<span class=\"fs-gp\"><i class=\"fab fa-google-plus\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Swarm") >= 0) {
        ikon = "<span class=\"fs-fsq\"><i class=\"fab fa-forumbee\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Dailymotion") >= 0) {
        ikon = "<span class=\"fs-dm\"><i class=\"fab fa-hospital-o\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Periscope") >= 0) {
        ikon = "<span class=\"fs-pc\"><i class=\"fab fa-map-marker\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Soundcloud") >= 0) {
        ikon = "<span class=\"fs-sc\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Vine") >= 0) {
        ikon = "<span class=\"fs-vn\"><i class=\"fab fa-vine\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Spotify") >= 0) {
        ikon = "<span class=\"fs-sp\"><i class=\"fab fa-spotify\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Snapchat") >= 0) {
        ikon = "<span class=\"fs-snap\"><i class=\"fab fa-snapchat-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Pinterest") >= 0) {
        ikon = "<span class=\"fs-pt\"><i class=\"fab fa-pinterest-p\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("iTunes") >= 0) {
        ikon = "<span class=\"fs-apple\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Müzik") >= 0) {
        ikon = "<span class=\"fs-music\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Vimeo") >= 0) {
        ikon = "<span class=\"fs-videmo\"><i class=\"fab fa-vimeo\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Ekşi") >= 0) {
        ikon = "<span class=\"fs-eksi\"><i class=\"fab fa-tint\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Telegram") >= 0) {
        ikon = "<span class=\"fs-telegram\"><i class=\"fab fa-telegram\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("SosyalCennet") >= 0) {
        ikon = "<span class=\"fs-hot\"><i class=\"fab fa-hotjar\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("Twitch") >= 0) {
        ikon = "<span class=\"fs-twc\"><i class=\"fab fa-twitch\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Zomato") >= 0) {
        ikon = "<span class=\"fs-zom\"><i class=\"fab fa-cutlery\" aria-hidden=\"true\"></i> </span>";
 } else if (opt.indexOf("Amazon") >= 0) {
        ikon = "<span class=\"fs-amaz\"><i class=\"fab fa-amazon\" aria-hidden=\"true\"></i> </span>";
   } else if (opt.indexOf("Tumblr") >= 0) {
        ikon = "<span class=\"fs-tumb\"><i class=\"fab fa-tumblr-square\" aria-hidden=\"true\"></i> </span>";
 
   } else if (opt.indexOf("Yandex") >= 0) {
        ikon = "<span class=\"fs-yndx\"><i class=\"fab fa-yoast\" aria-hidden=\"true\"></i> </span>";
 
  } else if (opt.indexOf("Linkedin") >= 0) {
        ikon = "<span class=\"fs-lnk\"><i class=\"fab fa-linkedin\" aria-hidden=\"true\"></i> </span>";
 
  } else if (opt.indexOf("Yahoo") >= 0) {
        ikon = "<span class=\"fs-yahoo\"><i class=\"fab fa-yahoo\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Private") >= 0) {
        ikon = "<span class=\"fs-private\"><i class=\"fab fa-times\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("TikTok") >= 0) {
        ikon = "<span class=\"fs-tiktok\"><i class=\"fa fa-music\" aria-hidden=\"true\"></i> </span>";
    } else {
        ikon = "<span class=\"\"><i class=\"far fa-star\" aria-hidden=\"true\"></i> </span>  ";
    }
    return ikon;
}
 
$(document).ready(function() {
   
    $(".mk-icons").each(function() {
                var ico = ikon($(this).text());
                $(this).html(ico + $(this).text() );
                console.log($(this).text());
        });  
});

</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.2.4/css/simple-line-icons.css"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>

    if ($('.owl-carousel').length) {
        $('.owl-carousel').owlCarousel({
            loop:true,
            margin:2,
            nav:false,
            smartSpeed: 500,
            autoplay: 5000,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                800:{
                    items:1
                },
                1024:{
                    items:1
                },
                1200:{
                    items:1
                }
            }
        });          
    }
</script>

     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.2.4/css/simple-line-icons.css">
      </script>
  <script type="text/javascript" src="https://cdn.mypanel.link/libs/jquery/1.12.4/jquery.min.js">
      </script>
  <script type="text/javascript" src="/public/huseyin/js/flpbonhmkq9tsp29.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/a4kdpfesx15uh7ae.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/596z6ya3isgxcipy.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/o8hbzqge3i5h5tdk.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/wnzsoolloslhfumj.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/ctccbhdmyhqmzdct.js">
       </script>
   <script type="text/javascript" src="/public/huseyin/js/a08ww29epcaern2x.js">
       </script>
  <script type="text/javascript" >
     window.modules.layouts = {"auth":1};   </script>
  <script type="text/javascript" >
         $(document).ready(function(){
        $(document).snowfall({
          round : true,
          minSize: 1,
          maxSize: 10,
          minSpeed: 1,
          maxSpeed: 5,
          flakeCount : 25,
          flakeColor: "#ffffff"
        });
    });   </script>

{% endif %}
 
Son düzenleyen: Moderatör:

BlackShadow

Kilopat
Katılım
16 Aralık 2013
Mesajlar
3.588
Çözümler
24

Berkay D

Kilopat
Katılım
24 Temmuz 2019
Mesajlar
7.538
Makaleler
29
Çözümler
194
Yer
İstanbul
Select içinde Unicode çalışmadığı için FontAwesome da çalışmayacaktır.

Select2 gibi 3. parti bir eklenti ile custom render olan select elementleri yapabilirsin.
 
KS
KS
T

takix

Hectopat
Katılım
14 Ocak 2017
Mesajlar
47
Oradaki seçim kısmında mı görünmesini istiyorsunuz ikonları?
evet hocam
Fontawesome kütüphanesini buradan CSS olarak import ederek dener misin?

Kod:
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/regular.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/solid.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/svg-with-js.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/v4-font-face.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/v4-shims.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/v5-font-face.min.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/brands.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/conflict-detection.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/fontawesome.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/regular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/solid.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/v4-shims.min.js"></script>
yaptım ama olmadı
 
Son düzenleme:
Yukarı