Widget:Nieuwsbrief: verschil tussen versies
(Nieuwe pagina aangemaakt met '<noinclude>Dit is een widget om specifieke CSS elementen in een <code><style type="text/css">... </style></code>-element toe te voegen op een pagina. Om dit widget...') |
Geen bewerkingssamenvatting |
||
Regel 7: | Regel 7: | ||
== Voorbeeld == | == Voorbeeld == | ||
{{#widget:{{PAGENAME}}}} | {{#widget:{{PAGENAME}}}} | ||
<body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;"> | <body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;"> | ||
<!--*|IF:MC_PREVIEW_TEXT|*--> | <!--*|IF:MC_PREVIEW_TEXT|*--> | ||
Regel 1.251: | Regel 862: | ||
</table> | </table> | ||
</center> | </center> | ||
Bron: Eigen ontwikkeling e-lonka | |||
Aanpassing t.o.v. v 01: | |||
- n.v.t. | |||
Versie: 1 | |||
Gemaakt door: Ilonka du Pree | |||
</noinclude><includeonly> | |||
<style type="text/css"> | |||
p{ | |||
margin:10px 0; | |||
padding:0; | |||
} | |||
table{ | |||
border-collapse:collapse; | |||
} | |||
h1,h2,h3,h4,h5,h6{ | |||
display:block; | |||
margin:0; | |||
padding:0; | |||
} | |||
img,a img{ | |||
border:0; | |||
height:auto; | |||
outline:none; | |||
text-decoration:none; | |||
} | |||
body,#bodyTable,#bodyCell{ | |||
height:100%; | |||
margin:0; | |||
padding:0; | |||
width:100%; | |||
} | |||
.mcnPreviewText{ | |||
display:none !important; | |||
} | |||
#outlook a{ | |||
padding:0; | |||
} | |||
img{ | |||
-ms-interpolation-mode:bicubic; | |||
} | |||
table{ | |||
mso-table-lspace:0pt; | |||
mso-table-rspace:0pt; | |||
} | |||
.ReadMsgBody{ | |||
width:100%; | |||
} | |||
.ExternalClass{ | |||
width:100%; | |||
} | |||
p,a,li,td,blockquote{ | |||
mso-line-height-rule:exactly; | |||
} | |||
a[href^=tel],a[href^=sms]{ | |||
color:inherit; | |||
cursor:default; | |||
text-decoration:none; | |||
} | |||
p,a,li,td,body,table,blockquote{ | |||
-ms-text-size-adjust:100%; | |||
-webkit-text-size-adjust:100%; | |||
} | |||
.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{ | |||
line-height:100%; | |||
} | |||
a[x-apple-data-detectors]{ | |||
color:inherit !important; | |||
text-decoration:none !important; | |||
font-size:inherit !important; | |||
font-family:inherit !important; | |||
font-weight:inherit !important; | |||
line-height:inherit !important; | |||
} | |||
#bodyCell{ | |||
padding:10px; | |||
} | |||
.templateContainer{ | |||
max-width:600px !important; | |||
} | |||
a.mcnButton{ | |||
display:block; | |||
} | |||
.mcnImage,.mcnRetinaImage{ | |||
vertical-align:bottom; | |||
} | |||
.mcnTextContent{ | |||
word-break:break-word; | |||
} | |||
.mcnTextContent img{ | |||
height:auto !important; | |||
} | |||
.mcnDividerBlock{ | |||
table-layout:fixed !important; | |||
} | |||
body,#bodyTable{ | |||
background-color:#ffffff; | |||
} | |||
#bodyCell{ | |||
border-top:0; | |||
} | |||
.templateContainer{ | |||
border:0; | |||
} | |||
h1{ | |||
color:#000000; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:26px; | |||
font-style:normal; | |||
font-weight:normal; | |||
line-height:150%; | |||
letter-spacing:normal; | |||
text-align:left; | |||
} | |||
h2{ | |||
color:#000000; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:22px; | |||
font-style:normal; | |||
font-weight:normal; | |||
line-height:150%; | |||
letter-spacing:normal; | |||
text-align:left; | |||
} | |||
h3{ | |||
color:#000000; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:20px; | |||
font-style:normal; | |||
font-weight:normal; | |||
line-height:150%; | |||
letter-spacing:normal; | |||
text-align:left; | |||
} | |||
h4{ | |||
color:#000000; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:18px; | |||
font-style:normal; | |||
font-weight:normal; | |||
line-height:150%; | |||
letter-spacing:normal; | |||
text-align:left; | |||
} | |||
#templatePreheader{ | |||
background-color:#ffffff; | |||
background-image:none; | |||
background-repeat:no-repeat; | |||
background-position:center; | |||
background-size:cover; | |||
border-top:0; | |||
border-bottom:0; | |||
padding-top:10px; | |||
padding-bottom:10px; | |||
} | |||
#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{ | |||
color:#808080; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:12px; | |||
line-height:150%; | |||
text-align:left; | |||
} | |||
#templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{ | |||
color:#808080; | |||
font-weight:normal; | |||
text-decoration:underline; | |||
} | |||
#templateHeader{ | |||
background-color:#f4fbfb; | |||
background-image:none; | |||
background-repeat:no-repeat; | |||
background-position:center; | |||
background-size:cover; | |||
border-top:0; | |||
border-bottom:0; | |||
padding-top:0px; | |||
padding-bottom:0px; | |||
} | |||
#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{ | |||
color:#808080; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:16px; | |||
line-height:200%; | |||
text-align:left; | |||
} | |||
#templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{ | |||
color:#808080; | |||
font-weight:normal; | |||
text-decoration:underline; | |||
} | |||
#templateBody{ | |||
background-color:#ffffff; | |||
background-image:none; | |||
background-repeat:no-repeat; | |||
background-position:center; | |||
background-size:cover; | |||
border-top:0; | |||
border-bottom:0; | |||
padding-top:40px; | |||
padding-bottom:0px; | |||
} | |||
#templateBody .mcnTextContent,#templateBody .mcnTextContent p{ | |||
color:#636060; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:14px; | |||
line-height:200%; | |||
text-align:left; | |||
} | |||
#templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{ | |||
color:#27bcbd; | |||
font-weight:normal; | |||
text-decoration:underline; | |||
} | |||
#templateFooter{ | |||
background-color:#ffffff; | |||
background-image:none; | |||
background-repeat:no-repeat; | |||
background-position:center; | |||
background-size:cover; | |||
border-top:0; | |||
border-bottom:0; | |||
padding-top:20px; | |||
padding-bottom:20px; | |||
} | |||
#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{ | |||
color:#808080; | |||
font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; | |||
font-size:14px; | |||
line-height:200%; | |||
text-align:center; | |||
} | |||
#templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{ | |||
color:#808080; | |||
font-weight:normal; | |||
text-decoration:underline; | |||
} | |||
@media only screen and (min-width:768px){ | |||
.templateContainer{ | |||
width:600px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
body,table,td,p,a,li,blockquote{ | |||
-webkit-text-size-adjust:none !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
body{ | |||
width:100% !important; | |||
min-width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnRetinaImage{ | |||
max-width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImage{ | |||
width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{ | |||
max-width:100% !important; | |||
width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnBoxedTextContentContainer{ | |||
min-width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageGroupContent{ | |||
padding:9px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{ | |||
padding-top:9px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{ | |||
padding-top:18px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageCardBottomImageContent{ | |||
padding-bottom:9px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageGroupBlockInner{ | |||
padding-top:0 !important; | |||
padding-bottom:0 !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageGroupBlockOuter{ | |||
padding-top:9px !important; | |||
padding-bottom:9px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnTextContent,.mcnBoxedTextContentColumn{ | |||
padding-right:18px !important; | |||
padding-left:18px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{ | |||
padding-right:18px !important; | |||
padding-bottom:0 !important; | |||
padding-left:18px !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcpreview-image-uploader{ | |||
display:none !important; | |||
width:100% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
h1{ | |||
font-size:22px !important; | |||
line-height:125% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
h2{ | |||
font-size:20px !important; | |||
line-height:125% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
h3{ | |||
font-size:18px !important; | |||
line-height:125% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
h4{ | |||
font-size:16px !important; | |||
line-height:150% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{ | |||
font-size:14px !important; | |||
line-height:150% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
#templatePreheader{ | |||
display:block !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{ | |||
font-size:14px !important; | |||
line-height:150% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{ | |||
font-size:16px !important; | |||
line-height:150% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
#templateBody .mcnTextContent,#templateBody .mcnTextContent p{ | |||
font-size:16px !important; | |||
line-height:150% !important; | |||
} | |||
} @media only screen and (max-width: 480px){ | |||
#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{ | |||
font-size:14px !important; | |||
line-height:150% !important; | |||
} | |||
}</style> | |||
<style type="text/html"> | |||
</style> | </style> | ||
</includeonly> | </includeonly> |
Versie van 11 jan 2024 09:11
Dit is een widget om specifieke CSS elementen in een <style type="text/css">... </style>
-element toe te voegen op een pagina.
Om dit widget te gebruiken, plaats de volgende code:
{{#widget:Nieuwsbrief}}
Voorbeeld
<body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;">
|
Bron: Eigen ontwikkeling e-lonka
Aanpassing t.o.v. v 01:
- n.v.t.
Versie: 1 Gemaakt door: Ilonka du Pree