SVG email test
How do I make an svg email test?
What is a svg email test? How do you make a svg email test? This script and codes were developed by Mark Robbins on 06 September 2022, Tuesday.
SVG email test - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SVG email test</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#cccccc" > <tr> <td> <table align="center" width="600" class="outer" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td> <div class="no-webkit"> PNG: <img src="https://dev.learningpeople.co.uk/imgs/the-learning-people-logo.png" alt="The Learning People" /> </div> <!--[if !mso 9]><!--> <div class="is-webkit" style="display:none; max-height:0px; overflow:hidden;"> SVG:
<img src="https://dev.learningpeople.co.uk/imgs/the-learning-people.svg" height="66" width="195" alt="The Learning People" onerror="this.onerror=null; this.src='https://dev.learningpeople.co.uk/imgs/special-offer-windmills.jpg'"/> </div> <!--<![endif]--> </td> </tr> </table> </td> </tr>
</table>
</body>
</html>
SVG email test - Script Codes CSS Codes
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 500px){ .is-webkit{ display: block !important; max-height: none !important; } [class="no-webkit"]{ display: none !important; } body{ background:red; }
}
@media all and (-webkit-min-device-pixel-ratio:1.1) { .is-webkit{ display: block !important; max-height: none !important; } [class="no-webkit"]{ display: none !important; } body{ background:blue; }
}
Developer | Mark Robbins |
Username | M_J_Robbins |
Uploaded | September 06, 2022 |
Rating | 3 |
Size | 1,851 Kb |
Views | 28,336 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
TEDC15 London - slides | 6,835 Kb |
A Pen by Mark Robbins | 2,505 Kb |
CSS sliders | 2,992 Kb |
CSS summit 2015 - Interactive email | 6,423 Kb |
Punched Card Coding - Slides | 6,019 Kb |
Xmas email test | 5,920 Kb |
Facebook feed | 2,087 Kb |
CSS Day slides - Mark Robbins | 7,787 Kb |
Wolfenstein 3d | 5,354 Kb |
ThWack-a-Vole | 4,132 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
CSS3 Media Queries demo | Machal | 1,824 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
CircleType | Peterhry | 3,535 Kb |
Apex Calculator | Michaelwnelson | 2,370 Kb |
Fading Navigation Bar | J-w-v | 2,805 Kb |
Polo, the flying squirrel | Agbales | 2,445 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
React Vote Component | Souporserious | 5,465 Kb |
Login with flip 3d animation | Mariusbalaj | 3,014 Kb |
Import shader in three.js | Khangeldy | 2,636 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!