it-swarm.com.de

fügen Sie eigene HTML- und CSS-Dateien in die Outlook-Signatur ein

EDITIch habe das HTML als Signatur implementiert, aber das Problem, das ich jetzt habe, ist sehr seltsam.

Ich habe eine Signatur und jedes Mal, wenn ich sie von Outlook an einen Webmail-Dienst sende, füge Outlook Tags in den HTML-Code ein und vermasselt den gesamten Abstand. Wie kann ich das beheben?.

Ich habe eine Frage zur Outlook-Signatur. Für meine Arbeit muss ich eine Signatur erstellen, damit sie professioneller aussieht. Ich habe getestet, wie ich sie in den HTML-Code der Signatur implementieren muss, aber ich kann es nicht ganz herausfinden.

Dies ist der Code, den Outlook generiert:

    <style>
<!--
 /* Font Definitions */
 @font-face
    {font-family:Calibri;
    panose-1:2 15 5 2 2 2 4 3 2 4;
    mso-font-charset:0;
    mso-generic-font-family:swiss;
    mso-font-pitch:variable;
    mso-font-signature:-520092929 1073786111 9 0 415 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
    {mso-style-unhide:no;
    mso-style-qformat:yes;
    mso-style-parent:"";
    margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:Widow-Orphan;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:"Times New Roman";
    mso-fareast-theme-font:minor-fareast;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;}
p.MsoAutoSig, li.MsoAutoSig, div.MsoAutoSig
    {mso-style-priority:99;
    mso-style-link:"E-mailhandtekening Char";
    margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:Widow-Orphan;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:"Times New Roman";
    mso-fareast-theme-font:minor-fareast;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;}
span.E-mailhandtekeningChar
    {mso-style-name:"E-mailhandtekening Char";
    mso-style-priority:99;
    mso-style-unhide:no;
    mso-style-locked:yes;
    mso-style-link:E-mailhandtekening;}
.MsoChpDefault
    {mso-style-type:export-only;
    mso-default-props:yes;
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:"Times New Roman";
    mso-fareast-theme-font:minor-fareast;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;}
@page WordSection1
    {size:595.3pt 841.9pt;
    margin:70.85pt 70.85pt 70.85pt 70.85pt;
    mso-header-margin:35.4pt;
    mso-footer-margin:35.4pt;
    mso-paper-source:0;}
div.WordSection1
    {page:WordSection1;}
-->
</style>


</head>

<body lang=NL style='tab-interval:35.4pt'>

<div class=WordSection1>

<p class=MsoAutoSig><span style='mso-fareast-font-family:Calibri;mso-fareast-theme-font:
minor-latin'><o:p>&nbsp;</o:p></span></p>

</div>

</body>

</html>

Ich verstehe wirklich nicht, wo ich meinen Code einfügen muss. Das ist mein Code:

<style>
a {
    text-decoration: none;
    color: inherit;
}

.wrapper {
    width:50%;
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

.topText {
    font-size: 11pt;
    margin-bottom: 5px;
}

.topLine {
   border-top: 2px solid  #C80032;
   margin-bottom: 5px;
}

.content {
    height:100px;
    width: 100%;
    margin-bottom: 5px;
}

p {
    font-size:10pt;
}

.left-content {
    float:left;
    margin-right: 140px;
}

.right-content {
}

.name {
    margin: 0px !important;
    float: left;
}

.address {
    margin: 0px 0px 0px 20px;
}

.address_A {
    margin: 0px 0px 0px 30px;
}

.address_M {
    margin: 0px 0px 0px 14px;
}

.bottomBar {
    float: right;
    width:74.5%;
    height: 25px;
    background-color:#7F7B7B;
    color: white;
    font-size: 12pt;
    text-align: left;
    margin-left: 18px;
}

.tableStyle{
    margin-bottom: 5px;
}

.social-Blocks
{
    background-color:white;
    width: 25px !important;
    height: 25px !important;
    float:left;
    margin-left: 15px;
    text-align:center;
    font-size: 23px;
    color: #0987B2;
}

.bottom-bar-first{
    float: left;
    width:11%;
    height: 25px;
    background-color:#7F7B7B;
    color: white;
    font-size: 12pt;
}

.bottom_Span{
 margin-left: 10px;
}

.suplaconLogo{
    height:90px ;
    width:190px;
}

.logo{
    float: right;
}


</style>
<link rel="stylesheet" href="style.css"></head>

<div class="wrapper">
 <div class="topText">Met vriendelijke groet,</div>
    <div class="topLine"></div>
    <img class="logo" src="images/logo.png" height="80" width="350">
    <table class="tableStyle" cellpadding="0">
        <tr>
            <td><span><strong>Information</strong></span></td><td><span class="address_A"><strong>Information</strong></span></td>
        </tr>
        <tr>
            <td><span class="name">T</span><span class="address"> Information</span></td>
            <td><span class="address_A">Information</span></td>
        </tr>

        <tr>
            <td><span class="name">M</span><span class="address_M">Information</span></td>
            <td><span class="address_A">Information</span></td>
        </tr>

        <tr>
            <td><span class="name">E</span><span class="address">Information </span></td>
            <td><span class="address_A"><a href="">Information</a></span></td>
        </tr>
    </table>


    <div class="bottomStyle">
        <div class="bottom-bar-first"></div>
        <div class="social-Blocks"><a href="
"><span class="icon-linkedin center" target="blank"></span></a></div>
        <div class="social-Blocks"><a href="" target="blank"><span class="icon-facebook2 center"></span></a></div>
        <div class="social-Blocks"><a href="" target="blank"><img src="" height="25"></a></div>
        <div class="bottomBar"><span class="bottom_Span"><strong> Information</strong></span></div>
    </div>
</div>

Wie kann ich meinen Code in den Code von Outlook einfügen oder wo muss ich meinen Code einfügen? Ich habe das gefunden und es scheint, dass mein CSS tatsächlich kompatibel ist:

Word 2007 HTML- und CSS-Rendering-Funktionen in Outlook 2007

12

das Verknüpfen mit einem externen Stylesheet wird von fast allen E-Mail-Clients nicht unterstützt (Outlook unterstützt dies jedoch nicht).

deshalb schlage ich vor, dass Sie alles in das head > style -Tag einfügen

1
maioman

Meine bewährte Methode (auch wenn es brutal klingt) bei Outlook-Signaturen besteht darin, die Signatur in MS Word zu formatieren und diesen Textblock in das Outlook-Signaturfeld in den Optionen einzufügen.

Ich würde vermeiden, eigene benutzerdefinierte CSS in Outlook zu verwenden.

1
Wavemaster
  1. Bringen Sie all Ihre Stile in Einklang. Dies sollte die meisten Ihrer Probleme lösen, z. B .:

<div class = "wrapper" style = "width: 50%; Schriftfamilie: Calibri, Candara, Segoe," Segoe UI ", Optima, Arial, sans-serif;">

  1. Fügen Sie Ihren Code in eine HTML-Datei ein
  2. Öffnen Sie die HTML-Datei in einem Browser
  3. Markieren und kopieren Sie die ausgegebene Signatur in Ihre Zwischenablage
  4. Google, wie Sie eine Signatur für Ihre Outlook-Version auf Ihrem Betriebssystem hinzufügen (z. B. Outlook 2010 Windows )
  5. In das Unterschriftsfeld einfügen
  6. Erledigt. Sie sollten eine anerkennenswerte mandantenübergreifende Unterschrift haben

Als Randnotiz empfehle ich, nicht aus Word zu kopieren und einzufügen, wenn Sie diesbezüglich Abhilfe schaffen können.

0
som