标签: zurb-ink
Zurb Ink电子邮件未在Gmail中正确格式化
我正在使用Zurb Ink模板发送电子邮件.当我在mailcatcher(来自开发服务器)中查看电子邮件时,一切看起来都不错,但是当我从生产服务器(到我的Gmail帐户)收到电子邮件时,所有的CSS样式都消失了.
推荐指数
解决办法
查看次数
电子邮件CSS模板框架？
任何人都知道任何电子邮件模板CSS框架.我目前正在使用bootstrap,它可以工作,但不完全是为电子邮件构建的.我看过"zurb墨水",但它似乎不是很开发人员友好,所以很难让它工作.那些人在那里使用了什么？
推荐指数
解决办法
查看次数
防止在iOS电子邮件客户端中破解/包装中间词
我正在为HTML电子邮件构建标记,但是我似乎无法找到一个解决方案来阻止一个单词在iOS电子邮件客户端中像这样破坏中间词:
HTML:
<table class="row">
<tbody>
<tr class="mail-title">
<td class="wrapper last">
<table class="twelve columns">
<tr>
<td>
<h1 class="center">YOUR ORDER 101 HAS BEEN DISPATCHED</h1>
</td>
<td class="expander"></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
CSS:
.mail-title h1 {
font-size : 18px;
text-transform : uppercase;
font-weight : normal;
word-wrap : none;
word-break : break-all;
}
我正在使用Zurb Ink电子邮件框架,这是和wrapper,last以及expander类的用途.
我已经看过这个答案,这在Ink默认情况下是有意义的break-word,但这对iOS邮件不起作用.
推荐指数
解决办法
查看次数
WeasyPrint始终从Zurb Ink生成单页PDF
从电子邮件生成PDF(Zurb Ink模板化); 但我总是提供单页PDF.
可运行的测试用例:
from weasyprint import HTML, CSS
from urllib2 import urlopen
if __name__ == '__main__':
html = urlopen('http://zurb.com/ink/downloads/templates/basic.html').read()
html = html.replace('<p class=\"lead\">', '{0}<p class=\"lead\">'.format(
'<p class=\"lead\">{0}</p>'.format("foobar " * 50) * 50))
HTML(string=html).write_pdf('foo.pdf', stylesheets=[
CSS(string='@page { size: A4; margin: 2cm };'
'* { float: none !important; };'
'@media print { nav { display: none; } }')
])
如何获得多页PDF？
推荐指数
解决办法
查看次数
如何使用Zurb Ink在电子邮件周围添加填充
我正在使用http://zurb.com/ink/来构建我的电子邮件模板,但我需要在电子邮件的边缘有一个10px的边框.
当我尝试使用名为.box-edge的类(这是一个自定义类)向电子邮件添加填充时,它会添加填充,但是当调整屏幕大小时,图像不会正确调整大小.
这是一个显示我的意思的小提琴: http ://jsfiddle.net/daimz/xspWL/2/
以下是代码:
HTML:
<body>
<table class="body">
<tr>
<td class="center" align="center" valign="top">
<center>
<!-- Header -->
<table class="row header">
<tbody>
<tr>
<td class="center" align="center">
<center>
<table class="container">
<tbody>
<tr>
<td class="wrapper last">
<!-- Twelve Columns -->
<table class="twelve columns box-edge">
<tbody>
<tr>
<!-- Logo -->
<td class="six sub-columns" style="vertical-align: middle">
<img src="images/capalaba-logo.png" alt="Capalaba Central" />
</td>
<!-- End Logo -->
<!-- View More -->
<td class="six sub-columns last" style="text-align: right; vertical-align: middle;">
<a href="#" …推荐指数
解决办法
查看次数
Zurb电子邮件基金会gulp - 生产失败
我已经成功地使用Zurb Foundation for Emails很长一段时间了.突然,构建过程失败了.
我更新到Node 7.7.2和NPM 4.1.2,删除了node_modules目录并运行npm install以重新安装依赖项,但它没有解决问题.
$ npm run build
foundation-emails-template@1.0.0 build /Users/[REDACTED]
gulp --production
[12:46:56] Requiring external module babel-register
[12:46:57] Using gulpfile ~/[REDACTED]/gulpfile.babel.js
[12:46:57] Starting 'default'...
[12:46:57] Starting 'build'...
[12:46:57] Starting 'clean'...
[12:46:57] Finished 'clean' after 11 ms
[12:46:57] Starting 'pages'...
[12:46:59] Finished 'pages' after 1.32 s
[12:46:59] Starting 'sass'...
[12:47:05] 'sass' errored after 6.91 s
[12:47:05] Error in plugin 'gulp-uncss'
Message:
Unexpected EOF
Details:
domainEmitter: [object Object]
domain: [object Object]
domainThrown: false
[12:47:05] 'build' …推荐指数
解决办法
查看次数
为什么 HTML 电子邮件中使用表格？
我想知道为什么发送电子邮件时最喜欢使用表格。
编辑：
我正在研究http://zurb.com/ink/上的模板，发现所有东西都有表格。我喜欢使用 bootstrap，并发现 Zurb Ink 具有与 bootstrap3 类似的功能（例如响应能力）。但是，所有模板中都包含表格。
因此，我开始研究 Bootstrap 3（至少 CSS）是否可以应用于使用 PHP 发送的 HTML 邮件。我偶然发现一些文章说桌子是最好的选择。但是，我不明白为什么。
编辑：
另一篇对我有帮助的文章：为什么在 HTML 电子邮件中使用表格？。感谢@dystroy。
另一篇关于邮件样式的综合文章：http://mailchimp.com/resources/guides/email-marketing-field-guide/。
最好的！
推荐指数
解决办法
查看次数
标签 统计
zurb-ink ×7
email ×4
css ×3
html ×3
html-email ×2
html-table ×1
ios ×1
mandrill ×1
multipage ×1
pdf ×1
weasyprint ×1