Html ile nasıl tablo yapılır?

04.01.2019 13:46
#11
ArifBey38 WM Aracı Kullanıcı
Üyelik 29.12.2018
Yaş/Cinsiyet 25 / E
Meslek Yazılımcı
Konum Kırıkkale
Ad Soyad A** A**
Mesajlar 59
Beğeniler 11 / 1
Ticaret 2, (%100)
Başka kod bilen var mi?
04.01.2019 14:09
#12
mehmet01 WM Aracı Kullanıcı
Üyelik 12.03.2013
Yaş/Cinsiyet 32 / E
Meslek ...
Konum Adana
Ad Soyad M** Ç**
Mesajlar 664
Beğeniler 327 / 328
Ticaret 1, (%100)
Arkadaşın verdiği kod çalışacaktır. Sadece htm ile yapamazsın bunu. Css ve jquery de olmalı. Diğer türlü html ile ekranda sadece yazı görünür.
04.01.2019 14:14
#13
ArifBey38 WM Aracı Kullanıcı
Üyelik 29.12.2018
Yaş/Cinsiyet 25 / E
Meslek Yazılımcı
Konum Kırıkkale
Ad Soyad A** A**
Mesajlar 59
Beğeniler 11 / 1
Ticaret 2, (%100)
Arkadaşın verdiği kodu yaptim fakat ufak bir hata var. İframe boş çıkıyor.

Kod bu:






<script>  src="https://code.jquery.com/jquery-3.3.1.min.js"

  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="

  crossorigin="anonymous"></script>

  

  <script>

  

  $(document).ready(function(){

	

  	$("#bolumler td").click(function(){

    

    $("#show-epsodie").remove();

    var data=$(this).attr("data");

    var frame='</frame>';
<br/>    	$('#show-epsodie').attr('href', data);
<br/>      $("#frame").append
<br/>    (frame); 
<br/>
<br/>    });
<br/>
<br/>});
<br/>  &lt;/script&gt;
<br/><div id="frame">
<br/>
<br/></div>
<br/><table id="bolumler">
<br/><tr>
<br/>  <td data="https://www.google.com">1. Bölüm</td>
<br/></tr>
<br/><tr>
<br/>  <td data="https://www.facebook.com">2. Bölüm</td>
<br/></tr>
<br/><tr>
<br/>  <td data="bolum3">3. Bölüm</td>
<br/></tr>
<br/><tr>
<br/>  <td data="bolum4">4. Bölüm</td>
<br/></tr>
<br/><tr>
<br/>  <td data="bolum5">5. Bölüm</td>
<br/></tr>
<br/><tr>
<br/>  <td>6. Bölüm</td>
<br/></tr>
<br/></table>  </code>
<br/>@Mehmet01  </div>
                        <div class="bottomInfo">
            <div class="left">
                                <a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
                                <div class="show-likers new-liker">
                    <div>&nbsp;</div>
                    <p>&nbsp;</p>
                </div>
                            </div>
            <div class="right post-action-buttons">
                                                                <a href="#" class="btn2 btn-sm share-post">
                    <span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
                </a>
            </div>
        </div>
    </div>
                </div>

                                                                                                                <div style="margin-bottom: 1rem" class="content  post-card" id="post3128441" data-id="3128441" data-userid="99960">
        <div class="top">
                <p>
            <i class="icon-calendar"></i>
            <time datetime="2019-01-04 16:50:29">04.01.2019 16:50</time>
                    </p>
        <div class="hashtag postIndex">
            <a href="https://wmaraci.com/forum/mesaj/3128441.html" class="htp_a">
                <i class="icon-hashtag"></i>#14
            </a>
        </div>
        <div class="warning">
            <a href="#" class="icon-warning report-post"></a>
        </div>
            </div>
        <div class="subjectDetail">
        <div class="userInfoBox">
            <div>
                <div class="dot dot-gray"></div>
                <a href="/arifbey38" class="name" >
                    <img src="/assets/img/load.svg" data-src="/assets/img/avatar.jpg" alt="ArifBey38" />
                    <span style="font-weight:bold;color: #0382ff">ArifBey38</span>
                </a>
                                <span>WM Aracı</span>
                <b class="rank"><i class="icon-wm"></i>Kullanıcı</b>
                <b class="btn2 btn-sm user-action-btn start-popup-conversation" data-userid="99960" data-username="ArifBey38" data-avatar="/assets/img/avatar.jpg"><a href="#" class="icon-pm2"></a></b>
            </div>
            <ul>
                <li>
                    <span><i class="icon-calendar"></i>Üyelik</span>
                    <strong>29.12.2018</strong>
                </li>
                <li>
                    <span><i class="icon-birthday-cake"></i>Yaş/Cinsiyet</span>
                    <strong>25 / E</strong>
                </li>
                <li>
                    <span><i class="icon-briefcase"></i>Meslek</span>
                    <strong>Yazılımcı</strong>
                </li>
                <li>
                    <span><i class="icon-placeholder"></i>Konum</span>
                    <strong>Kırıkkale</strong>
                </li>
            </ul>
            <ul>
                <li>
                    <span><i class="icon-account"></i>Ad Soyad</span>
                    <strong>A** A**</strong>
                </li>
                <li>
                    <span><i class="icon-chat"></i>Mesajlar</span>
                    <strong>59</strong>
                </li>
                <li>
                    <span><i class="icon-like"></i>Beğeniler</span>
                    <strong>11 / 1</strong>
                </li>
                <li>
                    <span><i class="icon-trading"></i>Ticaret</span>
                    <strong class="green">2, (%100)</strong>
                </li>
            </ul>
        </div>
                <div class="c post-content">Bilen var mı?  </div>
                        <div class="bottomInfo">
            <div class="left">
                                <a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
                                <div class="show-likers new-liker">
                    <div>&nbsp;</div>
                    <p>&nbsp;</p>
                </div>
                            </div>
            <div class="right post-action-buttons">
                                                                <a href="#" class="btn2 btn-sm share-post">
                    <span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
                </a>
            </div>
        </div>
    </div>
                </div>

                                                        <div class="row row-ads wmads5" style="margin-bottom:1rem">
                                        <div class="col hideMobile "><a href="https://wmaraci.com/reklam"><img src="https://wmaraci.com/images/la.png" alt="wmaraci"></a>
</div>
                                        <div class="col "><a title="Mersin evden eve nakliyat" target="_blank" href="https://www.doganayevdenevenakliyat.com/"><img src="https://cdn.wmaraci.com/img/doganayevdenevenakliyat.jpeg" alt="Mersin evden eve nakliyat"></a>

</div>
                                    </div>
                                                                                                    <div style="margin-bottom: 1rem" class="content  post-card" id="post3133181" data-id="3133181" data-userid="91335">
        <div class="top">
                <p>
            <i class="icon-calendar"></i>
            <time datetime="2019-01-08 16:55:01">08.01.2019 16:55</time>
                    </p>
        <div class="hashtag postIndex">
            <a href="https://wmaraci.com/forum/mesaj/3133181.html" class="htp_a">
                <i class="icon-hashtag"></i>#15
            </a>
        </div>
        <div class="warning">
            <a href="#" class="icon-warning report-post"></a>
        </div>
            </div>
        <div class="subjectDetail">
        <div class="userInfoBox">
            <div>
                <div class="dot dot-gray"></div>
                <a href="/enerjiveguc" class="name" >
                    <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/avatar/avatar91335_1.gif" alt="enerjiveguc" />
                    <span style="font-weight:bold;color: #0382ff">enerjiveguc</span>
                </a>
                                <span>Wordpress Destek</span>
                <b class="rank"><i class="icon-wm"></i>Kullanıcı</b>
                <b class="btn2 btn-sm user-action-btn start-popup-conversation" data-userid="91335" data-username="enerjiveguc" data-avatar="https://cdn.wmaraci.com/avatar/avatar91335_1.gif"><a href="#" class="icon-pm2"></a></b>
            </div>
            <ul>
                <li>
                    <span><i class="icon-calendar"></i>Üyelik</span>
                    <strong>28.05.2018</strong>
                </li>
                <li>
                    <span><i class="icon-birthday-cake"></i>Yaş/Cinsiyet</span>
                    <strong>52 / E</strong>
                </li>
                <li>
                    <span><i class="icon-briefcase"></i>Meslek</span>
                    <strong>Street Engineer</strong>
                </li>
                <li>
                    <span><i class="icon-placeholder"></i>Konum</span>
                    <strong>İstanbul Anadolu</strong>
                </li>
            </ul>
            <ul>
                <li>
                    <span><i class="icon-account"></i>Ad Soyad</span>
                    <strong>B** A**</strong>
                </li>
                <li>
                    <span><i class="icon-chat"></i>Mesajlar</span>
                    <strong>5152</strong>
                </li>
                <li>
                    <span><i class="icon-like"></i>Beğeniler</span>
                    <strong>2185 / 2187</strong>
                </li>
                <li>
                    <span><i class="icon-trading"></i>Ticaret</span>
                    <strong class="green">0, (%0)</strong>
                </li>
            </ul>
        </div>
                <div class="c post-content">tablo kodlarınız div içince değil.  div açılmış alt satırda kapanmış. tabloyu div içerisine taşırsanız düzelebilir sanırım.<br/><br/><div id="frame"><br/><br/></div>  </div>
                        <div class="bottomInfo">
            <div class="left">
                                <a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
                                <div class="show-likers new-liker">
                    <div>&nbsp;</div>
                    <p>&nbsp;</p>
                </div>
                            </div>
            <div class="right post-action-buttons">
                                                                <a href="#" class="btn2 btn-sm share-post">
                    <span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
                </a>
            </div>
        </div>
    </div>
                </div>

                                                    </div>
        <div class="listPager">
                                    <div>
                    
    
    
    
        <div class="pager" style="padding:0">
        <!--
        <div class="l">
            <a href="#"><span><i class="icon-double-chevron-left"></i>İlk</span></a>
            <a href="#"><span><i class="icon-chevron-left"></i>Önceki Sayfa</span></a>
        </div>
        -->
        <div class="c">
            <div>
            <ul>
                                                        <li><a href="/forum/html-css-xml/html-ile-nasil-tablo-yapilir-547343.html">&lsaquo;</a></li>
                                    
                                    
                                                                        <li><a href="/forum/html-css-xml/html-ile-nasil-tablo-yapilir-547343.html">1</a></li>
                                                                                                            
                                            <li><a href="#" class="active">2</a></li>
                                                        
                
                            </ul>
            </div>
        </div>
        <!--
        <div class="r">
            <a href="#"><span><i class="icon-chevron"></i>Sonraki Sayfa</span></a>
            <a href="#"><span><i class="icon-double-chevron"></i>Son</span></a>
        </div>
        -->
    </div>
    
            </div>
        </div>
    </div>
    <div class="form">
        <div class="container">
                            <div class="beforeAfter">
                                        <div class="ba-prev">
                        <a href="/forum/html-css-xml/bootstrap-seffaf-navbar-nasil-yapilir-547339.html">
                            <i class="icon-arrow-left"></i>
                            Bootstrap Şeffaf Navbar Nasıl Yapılır?
                        </a>
                    </div>
                                                            <div class="ba-next">
                        <a href="/forum/html-css-xml/resmi-ekrana-sigdiramiyorum-547346.html">
                            <i class="icon-arrow-right"></i>
                            Resmi Ekrana Sığdıramıyorum !!
                        </a>
                    </div>
                                    </div>
                                                    <div class="row row-ads wmads8" style="margin-top:-5px;margin-bottom: 15px">
                                        <div class="col "><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752"
     crossorigin="anonymous"></script>
<!-- LogoAltıSol -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-9798355913043752"
     data-ad-slot="9485528651"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
                                        <div class="col hideMobile "><a href="https://wmaraci.com/reklam"><img src="https://wmaraci.com/images/la.png" alt="wmaraci"></a>

</div>
                                    </div>
                                    <div class="reading">
                <strong><i class="icon-eye2"></i>Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)</strong>
                            </div>
        </div>
    </div>
</div>
          
      

<footer>
                     <div class="container ads-container">
         <div class="row row-ads wmads2">
                           <div class="col "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
                           <div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div>
                     </div>
         </div>
                  <div class="center">
      <div class="container">
         <div class="row">
            <div class="left">
               <img src="/assets/img/load.svg" data-src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci">
               <strong>Copyright © 2010 - 2024</strong>
               <p>
                  WM Aracı, BTK onaylı bir yer sağlayıcı olarak içerikleri kontrol etme ya da araştırma yükümlülüğü yoktur. Hukuka aykırı olduğunu düşündüğünüz içerikleri lütfen bize bildiriniz.
               </p>
               <a href="/iletisim" class="btn btn-grey"><span class="icon"><i class="icon-exclamation"></i>Aykırı İçerik Bildir</span></a>
               <ul>
                  <li><a href="https://facebook.com/wmaraci" target="_blank" rel="nofollow" class="icon-facebook"></a></li>
                  <li><a href="https://twitter.com/wmaraci" target="_blank" rel="nofollow" class="icon-x"></a></li>
                  <li><a href="https://t.me/wmaraci" target="_blank" rel="nofollow" class="icon-telegram"></a></li>
                  <li><a href="https://www.youtube.com/wmaracicom" target="_blank" rel="nofollow" class="icon-youtube"></a></li>
                  <li><a href="https://www.instagram.com/wmaraci/" target="_blank" rel="nofollow" class="icon-instagram"></a></li>
               </ul>
            </div>
            <div class="right">
               <div class="row">
                  <div>
                     <strong class="head"><i class="icon-support"></i>Araçlar</strong>
                     <ul>
                        <li><a href="/whois">Whois Sorgulama</a></li>
                        <li><a href="#">SEO Analiz</a></li>
                        <li><a href="#">Site Analiz</a></li>
                        <li><a href="#">Sıra Bulucu</a></li>
                        <li><a href="/araclar">Kod/Tasarım Araçları</a></li>
                        <li><a href="/araclar">Site Araçları</a></li>
                     </ul>
                  </div>
                  <div>
                     <strong class="head"><i class="icon-layers"></i>WM Aracı Forum</strong>
                     <ul>
                        <li><a href="/yeni-ilanlar">İlanlar</a></li>
                        <li><a href="/yeni-konular">Konular</a></li>
                        <li><a href="/arama">Gelişmiş Arama</a></li>
                        <li><a href="/sikayet">Şikayetim Var</a></li>
                     </ul>
                  </div>
                  <div>
                     <strong class="head"><i class="icon-more"></i>Diğer Sayfalar</strong>
                     <ul>
                        <li><a href="/hakkimizda">Hakkımızda</a></li>
                        <li><a href="/premium">Premium Üyelikler</a></li>
                        <li><a href="/gizlilik-politikasi">Gizlilik Politikası</a></li>
                        <li><a href="/mesafeli-satis-sozlesmesi">Mesafeli Satış Sözleşmesi</a></li>
                        <li><a href="/teslimat-ve-iade">Teslimat ve İade Politikası</a></li>
                        <li><a href="/hukuka-aykirilik-bildirimi">Hukuka Aykırılık Bildirimi</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="bottom">
      <div class="container">
         <div class="row">
            <ul>
               <li><a href="/hakkimizda">Hakkımızda</a></li>
               <li><a href="/reklam">Reklam & İş Birlikleri</a></li>
               <li><a href="/iletisim">Bize Ulaşın</a></li>
            </ul>
            <div>
               <span>WM Aracı, <b>Cesur.NET İnternet Teknolojileri</b>'nde güvenle barınmaktadır.</span>
            </div>
         </div>
      </div>
   </div>
</footer>
<div id="footerMenu">
   <button style="z-index:1"><i class="icon-arrow-bottom"></i><i class="icon-arrow-top"></i></button>
   <ul>
      <li><a href="/"><i class="icon-home"></i>ANASAYFA</a></li>
      <li><a href="/forum"><i class="icon-layers"></i>FORUM</a></li>
            <li><a href="/giris"><i class="icon-account"></i>GİRİŞ YAP</a></li>
      <li><a href="/kayit"><i class="icon-plus-sign"></i>KAYIT OL</a></li>
         </ul>
</div>
</div>

<div id="mobileMenu">
   <div class="content">
      <div class="main">
         <a href="#" class="icon-times"></a>
         <div class="logined">
            <div>
                            &nbsp;
                          </div>
            <ul>
                              <li><a href="/giris"><i class="icon-account"></i><span>Giriş Yap</span></a></li>
               <li><a href="#" class="openSettings"><i class="icon-equalizer"></i><span>Site Ayarları</span><b class="icon-arrow-right"></b></a></li>
                           </ul>
         </div>
         <ul class="menu">
            <li><a href="/yeni-ilanlar"><i class="icon-shopping-basket"></i>İlanlar</a></li>
            <li><a href="/yeni-konular"><i class="icon-layers"></i>Konular</a></li>
            <li class="subs">
               <a href="#"><i class="icon-support"></i>Araçlar<span class="icon-down-arrow"></span></a>
               <ul class="vehicle">
                        <li>
                           <a href="/whois">
                              <i class="icon-folder-internet" style="color:#18C65D"></i>
                              <strong>Whois Sorgulama</strong>
                              Hızlı ve kolay bir şekilde whois sorgulama yapın.
                           </a>
                        </li>
                        <li>
                           <a href="/ip-class-sorgulama">
                              <i class="icon-abc-block" style="color:#0382FF"></i>
                              <strong>IP Class Sorgulama</strong>
                              Siteleri a, b ve c ip class'larına göre ayırın.
                           </a>
                        </li>
                        <li>
                           <a href="/cekilis-araci">
                              <i class="icon-number-list" style="color:#83CB6A"></i>
                              <strong>Çekiliş Aracı</strong>
                              Gelişmiş özelliklere sahip çekiliş aracı.
                           </a>
                        </li>
               </ul>
            </li>
         </ul>
         <ul class="sub">
            <li><a href="/forum">Forum</a></li>
            <li><a href="/kariyer">Kariyer</a></li>
            <li><a href="/blog">Blog</a></li>
            <li><a href="/dizin">Dizin</a></li>
            <li><a href="/nedir">Nedir?</a></li>
         </ul>
      </div>
      <div class="settings">
         <a href="#" class="icon-times"></a>
         <div class="top">
            <a href="#" class="icon-arrow-left"></a>
            <strong>Site Ayarları</strong>
         </div>
         <ul>
            <li>
               <div>
                  <i class="icon-setting"></i>
                  <span>Tema Seçeneği</span>
                  <div>
                     <div class="switch switch-grey">
                        <input type="checkbox" id="switchMobileThema" >
                        <label for="switchMobileThema"><i class="icon-sun"></i><i class="icon-moon"></i></label>
                     </div>
                  </div>
               </div>
            </li>
            <li>
               <div>
                  <i class="icon-sound"></i>
                  <span>Site Sesleri</span>
                  <div>
                     <div class="switch switch-grey">
                        <input type="checkbox" id="switchMobileMute" class="toggle-user-permission" data-permission="permissionSound"  disabled>
                        <label for="switchMobileMute"><i class="icon-mute"></i><i class="icon-volume"></i></label>
                     </div>
                  </div>
               </div>
            </li>
            <li>
               <div>
                  <i class="icon-bell"></i>
                  <span>Bildirimler</span>
                  <div>
                     <div class="switch">
                        <input type="checkbox" id="switchMobileNotice" class="toggle-user-permission" data-permission="permissionNotification"  disabled checked>
                        <label for="switchMobileNotice"></label>
                     </div>
                  </div>
               </div>
            </li>
            <li>
               <div>
                  <i class="icon-bubble-speak"></i>
                  <span>Özel Mesaj Al</span>
                  <div>
                     <div class="switch">
                        <input type="checkbox" id="switchMobilePrivateMessage" class="toggle-user-permission" data-permission="permissionPm"  disabled>
                        <label for="switchMobilePrivateMessage"></label>
                     </div>
                  </div>
               </div>
            </li>
         </ul>
      </div>
   </div>
   <div class="overlay"></div>
</div>

<div class="pop" id="popLogin">
   <div class="content">
      <div>
         <div>
            <div class="content login">
               <div>
                  <div class="head3">
                     <h2>Üye Girişi Yap</h2>
                     <strong>Kullanıcı bilgileriniz ile üye girişi yapabilirsiniz.</strong>
                     <i class="icon-account"></i>
                     <a href="#" data-pop-close="#popLogin" class="icon-times2"></a>
                  </div>
                  <div class="form">
                     <div class="form-group icon phone">
                        <i class="icon-phone-call"></i>
                        <span>Telefon numaranız</span>
                        <input type="text" name="email" class="activate-autocomplete" style="padding-left: 75px">
                     </div>
                     <div class="form-group icon">
                        <i class="icon-key"></i>
                        <span>Şifreniz</span>
                        <input type="password" name="password" class="activate-autocomplete">
                        <b class="icon-eye"></b>
                     </div>
                     <div class="checkbox">
                        <input type="checkbox" name="rememberme" id="chckHistory" value="1">
                        <label for="chckHistory"><i class="icon-check"></i>Sonraki girişlerimde beni hatırla.</label>
                     </div>
                     <button class="btn btn-md login-btn"><span class="icon reverse">Üye Girişi Yap <i class="icon-arrow-right"></i></span></button>
                     <button class="btn btn-extra-light-grey btn-sm forgot-password"><span>Şifremi Unuttum!</span></button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="overlay"></div>
</div>

<div id="fixMessages"></div>

        <script src="/assets/js/cash.min.js"></script>
    <script src="/assets/js/build.js"></script>
    <script src="/assets/js/wma.js?2"></script>
    <script src="/assets/js/custom.js"></script>
    
    <script>
    $('input:not(.activate-autocomplete), form:not(.activate-autocomplete)').attr('autocomplete','new-password');
    $("#footerMenu button").on("click",function(e){
      if($("body").hasClass("openFooterMenu")){
        wma.setCookie('mobileFoterMenu', 'off');
      }else{
        wma.setCookie('mobileFoterMenu', 'on');
      }
    });
    $("#switchThema").on("change",function(){
      var darkMode;
      if($("#switchThema").prop("checked")){
        $("body").addClass("dark");
        wma.setCookie('darkMode', 'dark');
        darkMode = 1;
      }else{
        $("body").removeClass("dark");
        wma.setCookie('darkMode', '');
        darkMode = 0;
      }
      if (wm.user.userid) {
        wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
      }
    });
    $("#switchMobileThema").on("change",function(){
      var darkMode;
      if($("#switchMobileThema").prop("checked")){
        $("body").addClass("dark");
        wma.setCookie('darkMode', 'dark');
        darkMode = 1;
      }else{
        $("body").removeClass("dark");
        wma.setCookie('darkMode', '');
        darkMode = 0;
      }
      if (wm.user.userid) {
        wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {});
      }
    });
    $('#popLogin .forgot-password').on('click', function(e) {
      e.preventDefault();
      location.href = '/sifremi-unuttum';
    });
    $('#popLogin .login-btn').on('click', function(e) {
      e.preventDefault();
      var loginData = {
        email: $('#popLogin input[name="email"]').val(),
        password: $('#popLogin input[name="password"]').val(),
        rememberme: $('#popLogin input[name="rememberme"]').is(':checked')
      };
      wma.post('/auth/login', loginData, function(data) {
        if (data.status == 'success') {
          if (data.sms) {
            $('#popLogin [data-pop-close="#popLogin"]').trigger('click');
            wma.form({
              title: {
                  title: "Doğrulama Kodunu Girin",
                  subTitle: "Giriş için telefonunuza gönderilen kodu girin.",
                  icon: "icon-sms",
              },
              fields: {
                code: {
                  label: 'Doğrulama Kodu',
                  value: '',
                  type:  'text'
                }
              },
              callback: function(data) {
                var newData = loginData;
                    newData.code = data.code;
                wma.post('/auth/login', newData, function(d) {
                  if (d.status == 'success') {
                    location.href = location.href.replace('#', '');
                  } else {
                    wma.toast(d.title);
                  }
                });
              }
            });
            wma.activeModal.find('.content').css('width', '440px');
            wma.activeModal.find('button').text('Üye Girişi Yap');
            wma.activeModal.find('form').on('submit', function(e) {
              e.preventDefault();
              wma.activeModal.find('.mcuLoadingButton').trigger('click');
            });
          } else {
            localStorage.removeItem('fixedConversations');
            if (data.redirect == '/yeniden-degerlendir') {
              location.href = data.redirect;
            } else {
              location.href = location.href.replace('#', '');
            }
          }
        } else {
          wma.toast(data);
        }
      });
      return;
    });

    $('#popLogin input').on('keyup', function(e) {
      if (e.key == 'Enter') {
        $('#popLogin .login-btn').trigger('click');
      }
    });

    var notificationCount = localStorage.getItem('notificationCount') || 0;
    var conversationCount = localStorage.getItem('conversationCount') || 0;

        $('body').on('click', '.vn', function() {
      wma.post('/forum/setVisitorNotificationAsRead', {id: $(this).data('id')}, function(d) {});
    });
    $('body').on('click', '.start-popup-conversation', function(e) {
      e.preventDefault();
          return wma.toast('Üyeye özel mesaj göndermek için giriş yapmalısınız.');
    });
    
    
    
    
    
    
    
    
        
        var visitorNotificationTriggered = localStorage.getItem('visitorNotificationTriggered') || 0;
    if (!visitorNotificationTriggered) {
      setTimeout(function() {
        document.querySelector('.visitor-notifications').style.display = 'block';
      }, 3000);
      $(document).on('mouseup', function(e) {
        var container = $(".notice");
        if (!container.is(e.target) && container.has(e.target).length === 0) {
          document.querySelector('.visitor-notifications').style.display = '';
        }
      });
      localStorage.setItem('visitorNotificationTriggered', 1);
    }
    
        </script>

    <script>
var thread = {
  threadId: '547343',
  categoryId: '57',
  title: 'Html ile nasıl tablo yapılır?',
  slug: 'html-ile-nasil-tablo-yapilir',
  categorySslug: 'html-css-xml',
  pollId: '',
  lastReplyAt: '2019-01-08 16:55:01',
  canReplyThread: false,
};
var jsVersion = 5;
$('.btn-share-thread').on('click', function(e) {
    e.preventDefault();
    $('.post-card .share-post').trigger('click');
});
$('.post-content a').filter(function(){
    return this.host !== location.host;
}).attr('target','_blank');
</script>
<script type="application/ld+json">
{
    "@context":"https://schema.org",
    "@type":"DiscussionForumPosting",
    "@id":"https://wmaraci.com/forum/html-css-xml/html-ile-nasil-tablo-yapilir-547343-2.html",
    "headline":"Html ile nasıl tablo yapılır?",
    "datePublished":"2018-12-29 13:20:16",
    "dateModified":"2019-01-08 16:55:01",
    "articleSection":"HTML - CSS - XML",
    "commentCount": 15,
    "author": {
        "@type": "Person",
        "name": "ArifBey38"
    },
    "mainEntityOfPage":{
        "@type":"WebPage",
		"@id":"https://wmaraci.com/forum/html-css-xml/html-ile-nasil-tablo-yapilir-547343.html"
    },
    "interactionStatistic": {
        "@type": "InteractionCounter",
        "interactionType": "https://schema.org/CommentAction",
        "userInteractionCount": 15
    }
}
</script>

<script src="/assets/js/thread/thread.min.js?8"></script>

<script src="/assets/js/thread/poll.js"></script>





    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-8647194-20"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-8647194-20');
    </script>
</body>
</html>