PHP İkonlar Gözükmüyor

T

takix

Kilopat
Katılım
14 Ocak 2017
Mesajlar
47
Daha fazla  
Cinsiyet
Erkek
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:
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.
 
Muofer dedi:
Oradaki seçim kısmında mı görünmesini istiyorsunuz ikonları?
Genişletmek için tıkla...
evet hocam
BlackShadow dedi:
Fontawesome kütüphanesini buradan CSS olarak import ederek dener misin?

cdnjs.com

font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library...
cdnjs.com cdnjs.com
Genişletmek için tıkla...
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:

Benzer konular

Sydatolo
  • Soru
PHP yazı gözükmüyor
Mesaj
2
Görüntüleme
610
Vegas
Vegas
CodeBot
PHP kodu tarayıcıda gözükmüyor
Mesaj
2
Görüntüleme
420
BayQinq
BayQinq
2
PHP Nedir?
Mesaj
1
Görüntüleme
956
bitwise
bitwise
M
PHP öğrenmek
2
Mesaj
19
Görüntüleme
3B
altanengin.lt
A
Etnon Valiyev
Php .htaccess
Mesaj
2
Görüntüleme
381
Etnon Valiyev
Etnon Valiyev

Yeni konular

Yeni mesajlar

Geri
Yukarı