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...') |
|||
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 10: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[brontekst bewerken]
<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