Send-A-Card

EXAMPLE TEMPLATE

Global markers, as set up in TypoScript:
These are substituted throughout the whole template.

Markers:
GW1B / GW1E      Wraping major prompts
GW2B / GW2E      Wraping error messages
GW3B / GW3E      Wraping the card image caption
GW4B / GW4E

GC1
GC2
GC3
GC4

TEMPLATE_SELECTION_PAGE

This is the template where the selection of cards is presented.

###IMAGE_SELECTOR###

TEMPLATE_ALTERNATE_SELECTION_PAGE

This is the template where multiple series of cards are presented.

###IMAGE_SELECTOR###

TEMPLATE_CARD_FORM

This is the template for the form where the sender enters all the information about the postcard.

###TO_WHO_PROMPT###

###TO_NAME_LABEL###

###MISSING_TO_NAME###

###TO_EMAIL_LABEL###

###INVALID_TO_EMAIL###

###FROM_WHO_PROMPT###

###FROM_NAME_LABEL###

###MISSING_FROM_NAME###

###FROM_EMAIL_LABEL###

###INVALID_FROM_EMAIL###

###SEND_DATE_PROMPT###

###DAY_LABEL### ###MONTH_LABEL### ###YEAR_LABEL###

###CARD_OPTIONS_PROMPT###

###CARD_FONT_LABEL###

###FONTFILE_SELECTOR###

###CARD_BGCOLOR_LABEL###

###BGCOLOR_SELECTOR###

###CARD_FONTCOLOR_LABEL###

###FONTCOLOR_SELECTOR###

###MUSIC_PROMPT###

###MESSAGE_PROMPT###

###CARD_TITLE_LABEL###

###CARD_MESSAGE_LABEL###

###MISSING_CARD_MESSAGE###

###MESSAGE_LINK_INSTRUCTION###

###CARD_CAPTION_PRESENT###

Send-A-Card CSS-styled XHTML Example Template

Send-A-Card

CSS_STYLED XHTML EXAMPLE TEMPLATE

TEMPLATE_PREVIEW_CARD

This is the template for the form where the sender previews the postcard.

###CARD_STAMP###

###CARD_TITLE_PRESENT###

###CARD_MESSAGE_PRESENT###

###CARD_SIGNATURE_PRESENT###

TEMPLATE_CARD_SENT

This is the template for the 'is-sent' display.

###CARDSENT_THANK_YOU###

###CARDSENT_SEND_ANOTHER###

TEMPLATE_VIEW_CARD

This is the template for the form where the recipient views the postcard.

###CARD_STAMP###

###CARD_CAPTION_PRESENT###

###CARD_TITLE###

###CARD_MESSAGE###

###CARD_SIGNATURE###

###SENDCARD_PROMPT###

TEMPLATE_PRINT_CARD

This is the template for the form where the recipient prints the postcard.

###CARD_CAPTION###

###CARD_TITLE###

###CARD_MESSAGE###

###CARD_SIGNATURE###
###FROM_EMAIL###

###CARD_STAMP###

TEMPLATE_CARD_NOT_FOUND

This is the template for the 'card not found' display.

###CARDNOTFOUND_SORRY###

###CARDNOTFOUND_INSTRUCTIONS###

TEMPLATE_EMAIL_CARD_SENT

Template for the plain link notification email. First line is used as subject for the mail.

###EMAIL_CARDSENT_SUBJECT1######FROM_NAME######EMAIL_CARDSENT_SUBJECT2### ###EMAIL_CARDSENT_TITLE1######TO_NAME######EMAIL_CARDSENT_TITLE2### ###EMAIL_CARDSENT_TEXT1######FROM_NAME######EMAIL_CARDSENT_TEXT2### ###EMAIL_CARDSENT_TEXT3######CARD_URL######EMAIL_CARDSENT_TEXT4### ###EMAIL_SIGNATURE### ###SITE_NAME### ###SITE_URL### ###SITE_EMAIL###

TEMPLATE_EMAIL_CARD_SENT_HTML

Template for the HTML notification email sent to the card recipient.

###EMAIL_CARDSENT_SUBJECT1######FROM_NAME######EMAIL_CARDSENT_SUBJECT2###

###EMAIL_CARDSENT_TITLE1######TO_NAME######EMAIL_CARDSENT_TITLE2###

###EMAIL_CARDSENT_TEXT1######FROM_NAME######EMAIL_CARDSENT_TEXT2###

###EMAIL_CARDSENT_TEXT3######CARD_URL######EMAIL_CARDSENT_TEXT4###

###EMAIL_SIGNATURE###

###SITE_NAME###
###SITE_WWW###
###SITE_EMAIL###

TEMPLATE_EMAIL_CARD_VIEWED

Template for the plain link notification email. First line is used as subject for the mail.

###EMAIL_CARDVIEWED_SUBJECT1######EMAIL_CARDVIEWED_SUBJECT2### ###EMAIL_CARDVIEWED_TITLE1######TO_NAME######EMAIL_CARDVIEWED_TITLE2### ###EMAIL_CARDVIEWED_TEXT1### ###FROM_NAME######EMAIL_CARDVIEWED_TEXT2######DATE######EMAIL_CARDVIEWED_TEXT3### ###EMAIL_SIGNATURE### ###SITE_NAME### ###SITE_URL### ###SITE_EMAIL###

TEMPLATE_EMAIL_VIEWED_HTML

Template for the HTML notification email sent to the card recipient.

###EMAIL_CARDVIEWED_SUBJECT1######EMAIL_CARDVIEWED_SUBJECT2###

###EMAIL_CARDVIEWED_TITLE1######TO_NAME######EMAIL_CARDVIEWED_TITLE2###

###EMAIL_CARDVIEWED_TEXT1###

###FROM_NAME######EMAIL_CARDVIEWED_TEXT2######DATE######EMAIL_CARDVIEWED_TEXT3###

###EMAIL_SIGNATURE###
###SITE_NAME###
###SITE_WWW###
###SITE_EMAIL###

VIEW CARD CSS TEMPLATE

This template is used to dynamically generate some additional CSS for viewing the card.

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card { background-color:###BGCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card p { ###FONTFAMILY### color:###FONTCOLOR###; background-color:###BGCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:link { color:###FONTCOLOR###; ###FONTFAMILY### } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:visited { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:hover { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:active { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-wide-left-margin { margin-left: ###IMAGE_WIDTH###px; }

PRINT CARD CSS TEMPLATE

This template is used to dynamically generate some additional CSS for printing the card.

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card, .tx-srsendcard-pi1 .tx-srsendcard-pi1-card div { background-color:###BGCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card p { ###FONTFAMILY### color:###FONTCOLOR###; background-color:###BGCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:link { color:###FONTCOLOR###; ###FONTFAMILY### } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:visited { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:hover { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-card a:active { color:###FONTCOLOR###; } .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-wide-left-margin { margin-left: ###IMAGE_WIDTH###px; }