Выкарыстанне CSS у HTML перасылаюцца лістоў з дапамогай PHP

Im ня што дзіўным на PHP, каб дагадзіць forgivr мяне.

Таму я пасылаю HTML электроннай пошты з дапамогай PHP.

Пасля некаторых даследаванняў я пабудаваў адзін з дапамогай табліц і загадам ў PHP скрыпт адпраўкі, падобны на нейкі многія з вас, былых ва ўжыванні.

Я ведаю, убудаваны стыль, здаецца, найбольш часта выкарыстоўваецца спосаб дадаць стыль.

Калі я вызначаю свой пераменны $ паведамлення перад маім $ загалоўкаў, гэта тое, як гэта магчыма?

$message = " 

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>BPN UK Contact Request</title>
    
    REST OF HTML LAYOUT, INCEPTION TABLES ETC ETC

"

Ці я павінен прайсці і ўнутраны стыль яго ў тэгах і г.д., яго проста, што шлях здаецца нашмат больш працы і абмяжоўваючы.

Выбачайце, калі гэта дурны пытанне.

1
FYI: Google/Gmail і іншыя будуць выразаць усе вашыя CSS, калі яны не рядный закадаваныя.
дададзена аўтар Funk Forty Niner, крыніца
FYI: Google/Gmail і іншыя будуць выразаць усе вашыя CSS, калі яны не рядный закадаваныя.
дададзена аўтар Funk Forty Niner, крыніца
FYI: Google/Gmail і іншыя будуць выразаць усе вашыя CSS, калі яны не рядный закадаваныя.
дададзена аўтар Funk Forty Niner, крыніца
Па-самай справе, я лічу, што гэта менавіта тое, як вы павінны гэта зрабіць.
дададзена аўтар Michael, крыніца

9 адказы

Гэта цалкам прымальна, але разумее, што многія вэб-кліенты электроннай пошты заменяць/MANGLE инлайн CCS, каб прадухіліць гэта CSS ад уплыву на «кантэйнер» вэб-пошце сайта. Трымаеце CSS просты і не спрабаваць ісці на фантазіі стылю.

3
дададзена
можа мець некаторы цікавасць github.com/seanpowell/Email-Boilerplate
дададзена аўтар Orangepill, крыніца
Пакіньце яго ў Microsoft, каб абвясціць, што тэгі новы <�стыль> ...
дададзена аўтар Marc B, крыніца
Я за адзін, засвоіў гэты ўрок добра, некаторы час таму (абмен багацця) ;-)
дададзена аўтар Funk Forty Niner, крыніца
@AaronMiller True. Тым не менш, існуе больш чым адзін шлях да скуры, што Waskiwee Wabbit!
дададзена аўтар Funk Forty Niner, крыніца
Горш таго, сучасныя версіі Microsoft Outlook будзе ігнараваць ваш CSS цалкам, разам з амаль усімі стылямі инлайн. Як няшчасныя, як гэта ўсяляк, Outlook з'яўляецца досыць папулярным кліентам, што варта сур'ёзна разглядае кошт праектавання вашых лістоў спецыяльна для працы з ім; так як ён мае найбольш абмежаваную падмноства магчымасцяў мадэлявання, даступных у значнай ступені любога кліента, які адлюстроўвае HTML на ўсіх, вы можаце быць дастаткова ўпэўнены ў тым, што электронная пошта, якая выглядае, як гэта прадугледжваецца ў Outlook, будзе рабіць гэта і ў іншых месцах.
дададзена аўтар Aaron Miller, крыніца

Гэта цалкам прымальна, але разумее, што многія вэб-кліенты электроннай пошты заменяць/MANGLE инлайн CCS, каб прадухіліць гэта CSS ад уплыву на «кантэйнер» вэб-пошце сайта. Трымаеце CSS просты і не спрабаваць ісці на фантазіі стылю.

3
дададзена
можа мець некаторы цікавасць github.com/seanpowell/Email-Boilerplate
дададзена аўтар Orangepill, крыніца
Пакіньце яго ў Microsoft, каб абвясціць, што тэгі новы <�стыль> ...
дададзена аўтар Marc B, крыніца
Я за адзін, засвоіў гэты ўрок добра, некаторы час таму (абмен багацця) ;-)
дададзена аўтар Funk Forty Niner, крыніца
@AaronMiller True. Тым не менш, існуе больш чым адзін шлях да скуры, што Waskiwee Wabbit!
дададзена аўтар Funk Forty Niner, крыніца
Горш таго, сучасныя версіі Microsoft Outlook будзе ігнараваць ваш CSS цалкам, разам з амаль усімі стылямі инлайн. Як няшчасныя, як гэта ўсяляк, Outlook з'яўляецца досыць папулярным кліентам, што варта сур'ёзна разглядае кошт праектавання вашых лістоў спецыяльна для працы з ім; так як ён мае найбольш абмежаваную падмноства магчымасцяў мадэлявання, даступных у значнай ступені любога кліента, які адлюстроўвае HTML на ўсіх, вы можаце быць дастаткова ўпэўнены ў тым, што электронная пошта, якая выглядае, як гэта прадугледжваецца ў Outlook, будзе рабіць гэта і ў іншых месцах.
дададзена аўтар Aaron Miller, крыніца

Гэта цалкам прымальна, але разумее, што многія вэб-кліенты электроннай пошты заменяць/MANGLE инлайн CCS, каб прадухіліць гэта CSS ад уплыву на «кантэйнер» вэб-пошце сайта. Трымаеце CSS просты і не спрабаваць ісці на фантазіі стылю.

3
дададзена
можа мець некаторы цікавасць github.com/seanpowell/Email-Boilerplate
дададзена аўтар Orangepill, крыніца
Пакіньце яго ў Microsoft, каб абвясціць, што тэгі новы <�стыль> ...
дададзена аўтар Marc B, крыніца
Я за адзін, засвоіў гэты ўрок добра, некаторы час таму (абмен багацця) ;-)
дададзена аўтар Funk Forty Niner, крыніца
@AaronMiller True. Тым не менш, існуе больш чым адзін шлях да скуры, што Waskiwee Wabbit!
дададзена аўтар Funk Forty Niner, крыніца
Горш таго, сучасныя версіі Microsoft Outlook будзе ігнараваць ваш CSS цалкам, разам з амаль усімі стылямі инлайн. Як няшчасныя, як гэта ўсяляк, Outlook з'яўляецца досыць папулярным кліентам, што варта сур'ёзна разглядае кошт праектавання вашых лістоў спецыяльна для працы з ім; так як ён мае найбольш абмежаваную падмноства магчымасцяў мадэлявання, даступных у значнай ступені любога кліента, які адлюстроўвае HTML на ўсіх, вы можаце быць дастаткова ўпэўнены ў тым, што электронная пошта, якая выглядае, як гэта прадугледжваецца ў Outlook, будзе рабіць гэта і ў іншых месцах.
дададзена аўтар Aaron Miller, крыніца

Тое, як вы зрабілі гэта павінна працаваць нармальна, але ёсць некалькі рэчаў, якія вы мець на ўвазе. Першае, што вам трэба, каб пераканацца, каб мець загаловак тыпу змесціва. Гэта кажа браўзэру, каб адлюстраваць паведамленне як HTML. Калі вы гэтага не зробіце, вы атрымаеце ліст з цэлай кучай HTML-тэгаў у выглядзе звычайнага тэксту. Нешта накшталт гэтага будзе дастаткова:

$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";

Акрамя таго, замяніць падвойныя двукоссі ( ") у HTML з адзінарнымі двукоссямі ( '), як падвойныя двукоссі дыктуюць пачатак і канец $ паведамленні.

2
дададзена

Вы таксама coluld паспрабаваць:

    <?php
   //include CSS Style Sheet
   echo "<link rel='stylesheet' type='text/css' href='path-to-css-file' />";

   //include a JavaScript file
   echo "<script type='text/javascript' src='path-to-javascript-file'></script>";
?>
1
дададзена
Я шукаў спосаб рэфактарынгу, рэфактарынгу ўсе CSS у файле, і быў у стане зрабіць гэта з дапамогай метаду табліцы стыляў згадваецца тут.
дададзена аўтар Kray, крыніца
Рады, што дапамог @Levi!
дададзена аўтар jonayreyes, крыніца
робіць гэта на самай справе атрымаць заўважылі?
дададзена аўтар TryingToBeZen, крыніца

Ды ўсё, што павінна быць инлайн, але на самой справе гэта вельмі нязграбным і не вельмі DRY.

At work we're using the class InlineStyle that allows you to put all the CSS in the <head> of the document like you normally do, and then you can use the class to parse the HTML and CSS and convert all the CSS in the head to inline styles. So you get inline styles, but you write the HTML like you normally would with CSS in the <head>. Works very well.

0
дададзена

Ды ўсё, што павінна быць инлайн, але на самой справе гэта вельмі нязграбным і не вельмі DRY.

At work we're using the class InlineStyle that allows you to put all the CSS in the <head> of the document like you normally do, and then you can use the class to parse the HTML and CSS and convert all the CSS in the head to inline styles. So you get inline styles, but you write the HTML like you normally would with CSS in the <head>. Works very well.

0
дададзена

у нейкі адзін, які напісаў некалькі сотняў шаблонаў электроннай пошты для працы я рэкамендую толькі калі-небудзь выкарыстоўваць у лініі CSS для электроннай пошты, калі вы хочаце, каб максымізаваць сумяшчальнасць і адправіць тэкставую версію для.

0
дададзена

у нейкі адзін, які напісаў некалькі сотняў шаблонаў электроннай пошты для працы я рэкамендую толькі калі-небудзь выкарыстоўваць у лініі CSS для электроннай пошты, калі вы хочаце, каб максымізаваць сумяшчальнасць і адправіць тэкставую версію для.

0
дададзена