Kendi Yaptığım taslağı e posta olarak gönderirken yaşadığım sıkıntı

iyi günler bi süre önce tasarladığm tasarımı eposta ile gönderebilirmek için nerelerini düzenlemeliyim






Cepedit bildirim</cepedit>
<br/><style>
<br/>body
<br/>{
<br/>margin-top: 0px;
<br/>margin-bottom: 0px;
<br/>background-color:#CCC;
<br/>}
<br/>
<br/>#cepedit
<br/>{
<br/>margin: auto;
<br/>width:300px;
<br/>height:100px;
<br/>background-color:#999;
<br/>}
<br/>
<br/>#cepedit #slogan
<br/>{
<br/>width: auto;
<br/>height: 30px;
<br/>background-color:#3b5999;
<br/>}
<br/>
<br/>
<br/>#cepedit #anlatim
<br/>{
<br/>width:300px;
<br/>height:350px;
<br/>background-color:White;
<br/>
<br/>}
<br/>#cepedit #altkisim
<br/>{
<br/>width:300px;
<br/>height:30px;
<br/>background-color:#3b5999;
<br/>}
<br/>a.buton{
<br/>        background:#2981E4;
<br/>        padding:2px 10px;
<br/>        text-decoration:none;
<br/>        color:#fff;
<br/>        font:italic 10px Arial, Helvetica, sans-serif;
<br/>        -moz-border-radius: 7px;
<br/>        -webkit-border-radius: 7px;
<br/>        border-radius: 7px;
<br/>        box-shadow: 0 1px 2px #000;
<br/>        -moz-box-shadow: 0 1px 2px #000;
<br/>        -webkit-box-shadow: 0 1px 2px #000;
<br/>        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
<br/>}
<br/>
<br/>a.buton:hover{
<br/>        background-color:#33d9f2;
<br/>        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
<br/>}
<br/></style>
<br/></head>
<br/><body>
<br/><div id="cepedit">
<br/>
<br/><div id="enustkisim">
<br/><div id="slogan"><h3 align="left"><font color="white">Ctarge Yeni ceviri</font>
<br/></h2>
<br/></div>
<br/><div id="anlatim">
<br/><img src="logo.png" width="200" height="80"></img>
<br/><p>Cepedit de yeni bir ceviri haberi aldık<p><font color="green">
<br/>Çeviri</font>:Tapatalk premium Tr
<br/><p> <font color="green"> Özellikleri</font>:Forumlar için
<br/>geliştirilmiş bu uygulama forumunuzda yada üye olduğunuz forumlarda
<br/>rahat dolaşmanızı sağlıyacaktır.Uygulama gelişindede Türkcedir ancak
<br/>tanıtımda üşendiğim için böyle bişi yaptım
<br/>  </div>
<br/><div id="altkisim"><center><a href="#" class="buton">Siteye
<br/>Git</a>      <a href="#"
<br/>class="buton">Konuya git</a></div>
<br/></div></code>  </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> </div>
                    <p> </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 "><a href="https://wmaraci.com/reklam"><img src="https://wmaraci.com/images/la.png" alt="wmaraci"></a></div>
                                        <div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://wmaraci.com/images/la.png"></a></div>
                                    </div>
                                                    </div>
        <div class="listPager">
                                    <div>
                    
    
    
    
    
            </div>
        </div>
    </div>
    <div class="form">
        <div class="container">
                            <div class="beforeAfter">
                                        <div class="ba-prev">
                        <a href="/forum/html-css-xml/bir-tabloda-sutunlari-1-5-birlestirebilir-miyiz-185716.html">
                            <i class="icon-arrow-left"></i>
                            Bir tabloda sütunları 1.5 birleştirebilir miyiz?
                        </a>
                    </div>
                                                            <div class="ba-next">
                        <a href="/forum/html-css-xml/w3-hatalari-ve-cozumleri-185866.html">
                            <i class="icon-arrow-right"></i>
                            W3 Hataları Ve çözümleri?
                        </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>
                        <li><a href="/anketler">Anketler</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>
                             
                          </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: '185760',
  categoryId: '57',
  title: 'Kendi Yaptığım taslağı e posta olarak gönderirken yaşadığım sıkıntı',
  slug: 'kendi-yaptigim-taslagi-e-posta-olarak-gonderirken-yasadigim-sikinti',
  categorySslug: 'html-css-xml',
  pollId: '',
  lastReplyAt: '2014-10-17 20:51: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/kendi-yaptigim-taslagi-e-posta-olarak-gonderirken-yasadigim-sikinti-185760.html",
    "headline":"Kendi Yaptığım taslağı e posta olarak gönderirken yaşadığım sıkıntı",
    "datePublished":"2014-10-17 20:51:01",
    "dateModified":"2014-10-17 20:51:01",
    "articleSection":"HTML - CSS - XML",
    "commentCount": 1,
    "author": {
        "@type": "Person",
        "name": "ismail03"
    },
    "mainEntityOfPage":{
        "@type":"WebPage",
		"@id":"https://wmaraci.com/forum/html-css-xml/kendi-yaptigim-taslagi-e-posta-olarak-gonderirken-yasadigim-sikinti-185760.html"
    },
    "interactionStatistic": {
        "@type": "InteractionCounter",
        "interactionType": "https://schema.org/CommentAction",
        "userInteractionCount": 1
    }
}
</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>