Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter alemiz

    (@alemiz)

    Image of preview: https://imgur.com/a/Phrrfl6

    image of mail: https://imgur.com/a/XcSOWm5

    Thread Starter alemiz

    (@alemiz)

    This is image of mail.

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    This is image of preview now it is working.

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    In preview it work, but in email it dont because it dont know url: {{POSTLINK}}. How can I change it?

    I am sending full code:

    <!-- THIS EMAIL WAS BUILT AND TESTED WITH LITMUS http://litmus.com -->
    <!-- IT WAS RELEASED UNDER THE MIT LICENSE https://opensource.org/licenses/MIT -->
    <!-- QUESTIONS? TWEET US @LITMUSAPP -->
    
    <style type="text/css">
    /* CLIENT-SPECIFIC STYLES */<br />body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }<br />table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }<br />img { -ms-interpolation-mode: bicubic; }</p>
    <p>/* RESET STYLES */<br />img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }<br />table { border-collapse: collapse !important; }<br />body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }</p>
    <p>/* iOS BLUE LINKS */<br />a[x-apple-data-detectors] {<br />    color: inherit !important;<br />    text-decoration: none !important;<br />    font-size: inherit !important;<br />    font-family: inherit !important;<br />    font-weight: inherit !important;<br />    line-height: inherit !important;<br />}</p>
    <p>/* MOBILE STYLES */<br />@media screen and (max-width: 600px) {<br />  .img-max {<br />    width: 100% !important;<br />    max-width: 100% !important;<br />    height: auto !important;<br />  }</p>
    <p>  .max-width {<br />    max-width: 100% !important;<br />  }</p>
    <p>  .mobile-wrapper {<br />    width: 85% !important;<br />    max-width: 85% !important;<br />  }</p>
    <p>  .mobile-padding {<br />    padding-left: 5% !important;<br />    padding-right: 5% !important;<br />  }<br />}</p>
    <p>/* ANDROID CENTER FIX */<br />div[style*="margin: 16px 0;"] { margin: 0 !important; }<br /></style>
    
    &nbsp;
    
    <!-- HIDDEN PREHEADER TEXT -->
    <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">Lorem ipsum dolor que ist</div>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    <tr>
    <td align="center" valign="top" width="100%" background="http://wiki.mizerak.eu/wp-content/uploads/2018/05/bg.jpg" bgcolor="#3b4a69" style="background: #3b4a69 url('http://wiki.mizerak.eu/wp-content/uploads/2018/05/bg.jpg'); background-size: cover; padding: 35px 15px 0 15px;" class="mobile-padding"><!-- [if (gte mso 9)|(IE)]>
    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
    <tr>
    <td align="center" valign="top" width="600">
                <![endif]-->
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 50px 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/wiki.png" width="86" height="86" border="0" style="display: block;" class="" /></td>
    </tr>
    <tr>
    <td align="center" bgcolor="#ffffff" style="border-radius: 3px 3px 0 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/animalli.com-fishes-tropical-reef-sea-underwater-ocean-fish-background-image-1920x1200.jpg" width="600" height="400" alt="insert alt text here" style="display: block; border-radius: 3px 3px 0 0; font-family: sans-serif; font-size: 16px; color: #999999;" class="img-max" /></td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    <tr>
    <td align="center" height="100%" valign="top" width="100%" bgcolor="#f6f6f6" style="padding: 0 15px 50px 15px;" class="mobile-padding"><!-- [if (gte mso 9)|(IE)]>
    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
    <tr>
    <td align="center" valign="top" width="600">
                <![endif]-->
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 25px 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tbody>
    <tr>
    <td align="center" bgcolor="#ffffff" style="border-radius: 0 0 3px 3px; padding: 25px;">
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tbody>
    <tr>
    <td align="center" style="font-family: Open Sans, Helvetica, Arial, sans-serif;">
    <h2 style="font-size: 28px; color: #444444; margin: 0; padding-bottom: 10px;">{{POSTTITLE}}</h2>
    <p style="color: #999999; font-size: 16px; line-height: 24px; margin: 0;">{{POSTDESC}}</p>
    </td>
    </tr>
    <tr>
    <td align="center" style="padding: 30px 0 0 0;">
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td align="center" style="border-radius: 26px;" bgcolor="#75b6c9"><a href="{{POSTLINK}}" target="_blank" style="font-size: 16px; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 26px; background-color: #75b6c9; padding: 14px 26px; border: 1px solid #75b6c9; display: block;" rel="noopener">Čítaj viac → </a></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    <tr>
    <td align="center" height="100%" valign="top" width="100%" bgcolor="#f6f6f6" style="padding: 0 15px 40px 15px;"><!-- [if (gte mso 9)|(IE)]>
    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
    <tr>
    <td align="center" valign="top" width="600">
                <![endif]-->
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 5px 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/Alemiz-Team.png" width="50" height="35" border="0" style="display: block;" /></td>
    </tr>
    <tr>
    <td align="center" valign="top" style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #999999;">
    <p style="font-size: 14px; line-height: 20px;">Ak sa Vám naše články páčia,
    tak si prečítajte ďaľšie</p>
    &nbsp;
    
    <a href="wiki.mizerak.eu" style="color: #999999;" target="_blank" rel="noopener">Čítaj Viac !!!</a>
    •
    <a href="mailto:wiki@mizerak.eu" style="color: #999999;" target="_blank" rel="noopener">Kontaktuj Nás</a></td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    </tbody>
    </table>
    <!-- LITMUS ATTRIBUTION -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    <tr>
    <td bgcolor="#ffffff" align="center"><!-- [if (gte mso 9)|(IE)]>
    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
    <tr>
    <td align="center" valign="top" width="600"></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    </tbody>
    </table>
    <!-- END LITMUS ATTRIBUTION -->
    
Viewing 2 replies - 1 through 2 (of 2 total)