You are here: Forum
Welcome, Guest. Please login or register.
Did you miss your activation email?
19 Mar 2010, 06:34

Login with username, password and session length
Home Chat Help Search Calendar Login Register
Pages: [1]
« previous next »
Print
Author Topic: [Solved] NMS and Stylesheets  (Read 235 times)
0 Members and 1 Guest are viewing this topic.
map_1961
Forum Members
**

Karma: 0
Offline Offline

Posts: 112

Location: Ruhrstadt
« on: 04 Feb 2010, 05:17 »
Hi.

I use Core 1.6.6 and NMS 2.2.2 or 2.2.3.

Thats the NMS template:

Quote
<html>
<body>

<div id="box" style="width: 580px; overflow: hidden; border: #5b6d31 solid 1px">

   <div id="header" style="width: 580px; height: 120px; overflow: hidden; background: #fff url(http://www.ourdomain.de/pub/uploads/images/pubs/580x120_nms_head.jpg)"></div>

   <div id="content" style="margin: 10px;">


      {nms_content name='content' prompt='HTML Content'}
        
        
      <div id="addy" style="border-top: #5b6d31 solid 1px; margin-top: 30px;">
      
      <p style="font-size: 10px; color: #5b6d31; font-family: Verdana">
<br><br>
Name Firma<br>
<br>
         Adresse<br>
      PLZ/ORT<br>
         <br>
         Tel.: +49 Telefon<br>
         Fax : +49 Fax<br>
         E-Mail: mailadresse<br>
         www.ourdomain.de<br><br>
<p style="font-size: 10px; color: #5b6d31; font-family: Verdana">
<br>Redaktion und Verantwortlich fr den Inhalt: <br>
            <b>Redaktion</b><br>
            <br>
         Adresse(im Park)<br>
         PLZ/Ort<br>
         <br>
            </p>

      </div>
      
      
      
      
      
      <div id="function" style="border-top: #5b6d31 solid 1px">      

      <p style="font-size: 10px; color: #5b6d31; font-family: Verdana"><br><b>Abmelden und Einstellungen ndern:</b><br /><br />
              
      Um die Publikationen <strong>abzubestellen</strong> mssen Sie hier klicken und in der dann folgenden E-Mail die Abmeldung besttigen: <a href="{$unsubscribe}" target="_blank">hier abmelden>></a><br /><br />Um Ihre <strong>Einstellungen zu ndern </strong>hier klicken: <a href="{$preferences}" target="_blank">hier aendern>></a><br><br>Informationen zu Ihrem Abonnement: <a href="{$confirmurl}" target="_blank">hier klicken>></a></p>
                          
      </div>
   
   </div>

</div>

</body>
</html>

How can i manage the newsletter content to use of the styles given in the template or page stylesheets?
Currently i have to format all text manualy (like font, size, color).


Thankx
map_1961
« Last Edit: 08 Feb 2010, 13:39 by map_1961 » Logged
map_1961
RJK
Forum Members
**

Karma: 0
Offline Offline

Posts: 55

Location: France
« Reply #1 on: 04 Feb 2010, 16:26 »
For a newsletter you have to change how you work a little. To ensure that recipients will have the best chance possible of receiving your email in a 'pretty' format, you can't attach / link to a stylesheet. You need to use embedded or inline styles and tables. Any tags need to be wrapped in {literal} {/literal} tags, hence what I do it wrap everything in those tags except the smarty code(s).

Good luck....
Logged
map_1961
Forum Members
**

Karma: 0
Offline Offline

Posts: 112

Location: Ruhrstadt
« Reply #2 on: 05 Feb 2010, 06:11 »
Thankx - we will try and let you know about the results.

Thankx

map_1961
Logged
map_1961
map_1961
Forum Members
**

Karma: 0
Offline Offline

Posts: 112

Location: Ruhrstadt
« Reply #3 on: 08 Feb 2010, 13:41 »
Ys it works. Thanks
A nice template including styles looks like this:

Quote
<html>

{literal}

<style type="text/css">
<!--


body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   color: #000;
}


p {
   font-size: 11px;
   margin: 0 0 1.5em 0;
   line-height: 16px;
   padding: 0;
   color: #000;
}


div {
   font-size: 11px;
   line-height: 16px;
   color: #000;
}


a {
   text-decoration: underline;
   color: #556677;
}


h1 {
   color: #556677;
   font-size: 18px;
   margin: 0 0 1em 0;
}


h2 {
   color: #556677;
   font-size: 16px;
   margin: 0 0 1em 0;
   line-height: 1.5em;
}


h3 {
   color: #556677;
   font-size: 14px;
   margin: 0 0 1em 0;
   line-height: 1.3em;
}


h4 {
   color: #556677;
   font-size: 12px;
   margin: 0 0 1em 0;
   line-height: 1.2em;
}


h5 {
   color: #556677;
   font-size: 11px;
   margin: 0 0 1em 0;
   line-height: 1.1em;
}


h6 {
   color: #556677;
   font-size: 11px;
   margin: 0 0 1em 0;
}


-->
</style>

{/literal}


<body>

<div id="box" style="width: 580px; overflow: hidden; border: #556677 solid 1px">

   <div id="header" style="width: 580px; height: 100px; overflow: hidden; background: #fff url(http://www.mydomain.com/cms/uploads/images/layout/picture.jpg)"></div>

   <div id="content" style="margin: 10px;">


      {nms_content name='content' prompt='HTML Content'}
         
       
      <div id="addy" style="border-top: #556677 solid 1px; margin-top: 30px;">
      
      <p>
<br>Verantwortlich fr den Inhalt:<br>
            <b>MP&P</b> blabla<br>
            <br>
         <br>
            </p>

      </div>
      
      
      <div id="links" style="border-top: #556677 solid 1px">
      
      <p><a target="_blank" href="http://www.initiative-ruhrstadt.de/"><img height="135" alt="" hspace="0" width="97" border="0" src="http://www.mp-p.com/cms/uploads/images/layout/97x135_ruhrstadt_bo.jpg" /></a><a target="_blank" href="http://www.kulturhauptstadt-europas.de/"><img height="56" alt="" hspace="0" width="118" border="0" src="http://www.mp-p.com/cms/uploads/images/logo_ruhr.jpg" /></a></p>

      </div>
      
      
      <div id="function" style="border-top: #556677 solid 1px">      

      <p><br><b>Abmelden und Einstellungen ndern:</b><br /><br />
               
      Um die Publikationen <strong>abzubestellen</strong> mssen Sie hier klicken und in der dann folgenden E-Mail die Abmeldung besttigen: <a href="{$unsubscribe}" target="_blank">hier abmelden>></a><br /><br />Um Ihre <strong>Einstellungen zu ndern </strong>hier klicken: <a href="{$preferences}" target="_blank">hier aendern>></a><br><br>Informationen zu Ihrem Abonnement: <a href="{$confirmurl}" target="_blank">hier klicken>></a></p>
                           
      </div>
   
   </div>

</div>

</body>
</html>

Cheers

Special thankx to the forum as well as to Sascha Mller who is coding that stuff!!

map_1961
Logged
map_1961
Pages: [1]
Print
« previous next »
Jump to: