Menu
I try this tutorials http://www.java2s.com/Code/Java/Velocity/UseVelocitytogenerateHTMLbasedemail.htm but, when i add css, it look like not executed.
<HTML>
<HEAD>
<TITLE>Pet Store Sale!</TITLE>
<style type="text/css">
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
background-color: #FFF;
border-top: 3px solid #CCC;
}
#container {
position: relative;
width: 860px;
height: 1600px;
margin: 84 auto 0 auto;
padding: 0 0 0 0;
background-color: #FFF;
}
p {
font-family: times, Times New Roman, times-roman, georgia, serif;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
.woodtwo {
font-size: 22px;
line-height: 46px;
letter-spacing: -1px;
}
.eyebrow {
font-size: 19px;
line-height: 29px;
}
.caps {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
.copyone {
font-size: 16px;
line-height: 20px;
}
#line {
border-bottom: 1px solid #CCC;
width: 748px;
margin: 10 0 20 56;
}
#break {
height: 30px;
}
a:link { color: #B95E27; text-decoration: none; }
a:visited { color: #B95E27; text-decoration: none; }
a:active { color: #1A69A1; text-decoration: none; }
a:hover { color: #888; text-decoration: none;}
.grey { color: #888; }
.smallcaps { font-size: 88%; }
</style>
</HEAD>
<BODY>
<div id="container">
<p class="caps"><a href="">From Pet Store Sale</a></p>
<div id="line"></div>
<p class="eyebrow">
<span class="grey">*</span>T<span class="smallcaps">HANK YOU FOR JOINING </span>P<span class="smallcaps">ET</span> S<span class="smallcaps">TORE</span> S<span class="smallcaps">ALE</span> A<span class="smallcaps">PPLICATION</span><span class="grey">*</span>
</p>
<p class="copyone">
<i>You received this email because your registration process in Pet Store Sale is successful.<br/>
To Confirm your registration, please visit this link <a href ="$link">Confirmation Link</a>.<br/>
Your username : $username<br/>
Password : $password<br/>
If you have any questions about Application, please send an email to <a href="mailto:[email protected]">[email protected]</a></i>
<br><br><b>THANK YOU</b>
</p>
<div id="break"></div>
<p class="woodtwo">
<a href="">GETTING STARTED</a>
<div id="line"></div>
<div id="line"></div>
</div>
</BODY>
</HTML>
i've also tried
<link rel="stylesheet" href="./style/css/emailFormat.css" type="text/css" media="screen" />
but it not work too. how the right way to add css on to this page. Thank you
953
Velocity templates were deprecated in Liferay Portal 7.0 and are now removed in favor of FreeMarker templates in Liferay DXP 7.2.
Velocity is a Java-based templating engine. It's an open source web framework designed to be used as a view component in the MVC architecture, and it provides an alternative to some existing technologies such as JSP. Velocity can be used to generate XML files, SQL, PostScript and most other text-based formats.
Velocity scripting is a scripting language that marketers can use to craft dynamic content. The language is rooted in Java and lets you control HTML content. At a high level, Velocity scripting works in two ways: You can use it to generate source code. You can integrate it with other systems.
The Apache Velocity Engine is a free open-source templating engine. Velocity permits you to use a simple yet powerful template language to reference objects defined in Java code. It is written in 100% pure Java and can be easily embedded into your own applications.
CSS classes are ignored by email clients. If you are using standalone clients like Outlook Express, divs will also not be recognized (dont depend on float:left).
I suggest you to change your HTML page like -
<body>...</body>
<table> instead of <div>
<style> tags to define style-classes, or .css file to load styles. Instead use inline css like style="...." inside the <td> / <table> containers.Hope this helps you in email template designing.
187
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
