Your browser does not support CSS. If images appear below, please disregard them.
Connexion

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

FAQ Membres>M’enregistrer

newsletter et images cliquables

Mise en page , podcast , photographie , vidéos , polices, etc..

Modérateurs: les9viesduchat, Anselm, zepatente

  • Publicité

Re: newsletter et images cliquables

Messagepar glisda » Mer 21 Déc 2011 22:16

Alors....
J'ai avancé un peu dans ma newsletter, j'ai réussi à trouver un script que j'ai modifié pour en faire un peu ce que je voulais.
Voici la page test:
http://www.oxhwave.com/bienvenue/newstest.html
Cependant et là je bute, Les 3 onglets je m'abonne, je me désabonne et envoyer à un ami me posent un souci:
Les deux premiers renvoient vers ma page "contact" ou on trouve l'abonnement et le désabonnement, donc ça va.
C'est pas le mieux, mais si je modifie la page contact ça passera.

Par contre, pour l'onglet: "envoyer à un ami, j'ai juste dans le code:

Code: Tout sélectionner
<a href="[FORWARD]" style="color:#e4e4e4;">envoyer à un ami</a>


Qu'est-ce que je peux mettre à la place de "[FORWARD]" afin qu'on puisse l'envoyer à un ami?
Merci d'avance les amis :P

Ha oui, petit PS quand même:
Au moment de l'édition, j'ai ces sales caractères qui remplacent toutes les lettres avec accent...
Je sais qu'il y a une astuce qui consiste à écrire une formule à la place de la lettre accentuée pour qu'elle soit publiée avec accent, mais c'est trop relou sur tout un texte...
Est-ce vraiment la seule solution ou est-ce qu'on peu faire un truc (un bout de code à coller dans le script par exemple) pour ne plus être enquiquiné avec ça?
Voilà, là, c'est vraiment terminé!
Bonne soirée à tous!
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Publicité

Re: newsletter et images cliquables

Messagepar glisda » Jeu 22 Déc 2011 11:34

Et bien, tout semble résolu, j'ai fais un test d'envoi, et sur les newsletter (par mail) les caractères s'affichent correctement) sur Gmail, j'attend de voir sur Yahoo et sur free si c'est la même chose!
Concernant ce problème de [FORWARD] du fait d'avoir intégré le code dans mon mailling sur YMLP ce champ semble avoir été automatiquement pris en charge puisque cet onglet est fonctionnel et permet de renvoyer cette newsletter à 5 personnes...

Je vais donc aller le ettre dans la bibliothèque de codes html :D
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar Caribou » Jeu 22 Déc 2011 12:09

glissa a écrit: Je vais donc aller le mettre dans la bibliothèque de codes html :D

Pas de problème, il faudrait juste la mettre à jour...mais ça c'est une autre histoire. :mrgreen:
Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 5042
Inscription: Lun 14 Avr 2008 17:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar glisda » Jeu 22 Déc 2011 12:11

Comment ça la mettre à jour?
Tu veux dire le premier topic de présentation?
C'est au patron de faire ça, non?
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar glisda » Ven 23 Déc 2011 00:48

Bon, alors ma newsletter est ok, par contre, j'aurais un petit conseil (dimensions) a obtenir sur cette newsletter.
Je compte la mettre en phase test dans une nouvelle application sur la page Facebook.
Cependant sur facebook, la taille du document ne doit pas dépasser 520 px de large, or, si j'ai bien compris le code de ma page actuelle, il y est écrit 100% pour hauteur et largeur.

Est-ce exact? Et dans ce cas, dois-je uniquement modifier cette valeur pour rendre le document conforme à Facebook?
Et si ce n'est pas ça, que dois-je apporter comme modifs?
Je joint la page pour que vous compreniez mieux ses valeurs:
Code:
Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Newsletter Oxhwave</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="#f2f2f2">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f2f2">
   <tr>
      <td valign="top" align="center">
         <table width="551" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td align="left" style="padding:10px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888888;">
                  Images not displaying properly? Add <a href="mailto:ch.ruelle@yahoo.fr" style="color:#545454;">ch.ruelle@yahoo.fr</a> to your address book now<br>
                  or <a href="[SHOWEMAIL]" style="color:#545454;">view the online version here</a>.
               </td>
            </tr>
            <tr>
               <td align="left" bgcolor="#ffffff" style="border:1px solid #9c9c9c; padding:5px;">
                  <div style="border:7px solid #424242;">
                     <table width="525" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                           <td style="padding:25px 20px 20px 20px;">
                              <table width="485" border="0" cellspacing="0" cellpadding="0">
                                 <tr>
                                    <td><img src="http://dl.dropbox.com/u/5497711/ban.jpg" alt="OXHWAVE.COM" width="500" height="120"></td>
                                    <td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:082c4b;">Le 22 12 2011</td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div style="border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; padding-bottom:3px; padding-top:3px;">
                                 <div style="background-color:#424242;">
                                    <table height="39" border="0" cellspacing="0" cellpadding="0">
                                       <tr>
                                          <td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="http://www.oxhwave.com/bienvenue/contact.html" style="color:#e4e4e4;">Je m'abonne</a></td>
                                          <td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="http://www.oxhwave.com/bienvenue/contact.html" style="color:#e4e4e4;">Je me désabonne</a></td>
                                          <td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="[FORWARD]" style="color:#e4e4e4;">envoyer à un ami</a></td>
                                          <td>&nbsp;</td>
                                       </tr>
                                    </table>
                                 </div>
                              </div>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <table width="585" border="0" cellspacing="0" cellpadding="0">
                                 <tr>
                                    <td style="border-bottom:1px solid #d6d6d6; padding-bottom:3px;">
                                       <table width="585" border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                             <td style="padding:1px 1px 0 1px;" valign="top"><img src="http://dl.dropbox.com/u/5497711/pixnews.jpg" width="335" height="269" alt=""></td>
                                             <td width="188" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:20px 20px 0 20px; line-height:17px;" valign="top" bgcolor="#f6f6f6">
                                                <p style="font-size:13px; margin:0 0 8px 0; color:082c4b;"><b>Bienvenue sur la première Newsletter de Oxhwave</b></p>
                                                <p style="margin:0 0 20px 0;">
                                                    Susciter les bonnes cohésions, le partage et la coopération...
Pour que les salariés soient fiers de porter et valoriser les couleurs de l’entreprise.

Parce que vous dirigeant, vous avez un MESSAGE à faire passer
Découvrez le challenge Oxhwave....

                                                </p>
                                             </td>
                                          </tr>
                                       </table>
                                    </td>
                                 </tr>
                                 <tr>
                                    <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; padding:20px; line-height:20px;">
                                       <p style="margin:0 0 10px 0; font-size:18px; color:#0165ab;"><a href="http://www.oxhwave.com" style="color:#0165ab;">Le challenge à vos couleurs...</a></p>
                                       <p style="margin:0 0 15px 0;">
                                       Donnez la possibilité à vos salariés de s’exprimer en équipe !
Créez une nouvelle dynamique pour votre entreprise.
 Une nouvelle façon de motiver vos collaborateurs !

Intégrez le premier championnat du genre
et inscrivez-vos équipes dans un programme de team building différent!
                                          Oxhwave, ce sont des programmes adaptés pour tous et pour répondre à tous les objectifs !


Le Championnat, c'est la référence, l'assurance et la fierté pour les salariés de faire partie d'une équipe
au sein du groupe ou de l'entreprise !

 Le déroulement s'effectue en journée (ou 1/2 journée) et en équipe de 4 (2 hommes, 2 femmes).

Chacune des équipes passent sur un plateau constitué de 6 épreuves.
Les points sont alors capitalisés pour définir les vraies forces et la  valeur de l'équipe.

Les meilleures équipes pourront porter les couleurs et représenter l'entreprise
et l'ensemble des salariés dans le championnat inter-entreprises !


Suscitez un nouvel intérêt,
le plaisir et la fierté pour votre entreprise.
                                       </p>
                                    </td>
                                 </tr>
                              </table>

                           </td>
                        </tr>
                        <tr>
                           <td style="border-top:1px solid #d6d6d6; background-color:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:17px;  padding:15px 0 15px 20px;">
                              <b>Oxhwave, le coaching urbain...</b><br>
                              adresse et tél<br>
                              <a href="mailto:cr.ruelle@yahoo.fr" style="color:#4089bb;">contact (par mail)</a><br>
                              <a href="http://www.oxhwave.com" style="color:#4089bb;">oxhwave.com</a>
                           </td>
                        </tr>
                     </table>

                  </div>
               </td>
            </tr>
            <tr>
               <td align="left" style="padding:20px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888888;">
                  <br>
                  Si vous ne souhaitez plus recevoir notre newsletter<a href="[UNSUBSCRIBE]" style="color:#545454;"> desinscrivez-vous</a>.
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</body>
</html>


En espérant trouver la solution car nous avons 1373 fans sur la page Facebook, ça devrait largement augmenter d'ici peu avec nos partenaires, donc, l'idée de mettre la newsletter directement sur Facebook en Janvier me semble pas mal, on verra les retombées!

Merci d'avance pour les réponses qui viendront, et joyeux Noël à tous ceux que je n'aurai pas l'occasion de croiser ce vendredi!
Mangez bien, buvez bien, et puis tout ce qui va avec!
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar glisda » Ven 23 Déc 2011 15:41

Re bonjour:
Je ne parviens vraiment pas à modifier mon script (voir ci-dessus)
Je voudrais faire en sorte qu'il ne fasse que 520 px de large car il est coupé dans la page d'affichage (sur Facebook).
Je pensais que la modif devait se faire ici:
Code: Tout sélectionner
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="#f2f2f2">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f2f2">
   <tr>
      <td valign="top" align="center">
         <table width="551" border="0" cellspacing="0" cellpadding="0">
            <tr>

En remplaçant la valeur 551 par 520, mais il semble que l'affichage (dans Smultron--->apperçu) ne change pas!
C'est sans doute un détail mais je ne vois pas lequel, bien sûr! :P
Merci d'avance aux explicationistes... (?) ça se dit? :mrgreen:
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar Marc » Sam 24 Déc 2011 16:01

c'est moche come code ...ouais ben déjà je trouve deux tableaux ayant une largeur de 585px aux lignes 50 et 53. Entre autres...
Avatar de l’utilisateur
Marc
Génius
Génius
 
Messages: 1447
Inscription: Mar 17 Fév 2009 18:40
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: newsletter et images cliquables

Messagepar glisda » Sam 24 Déc 2011 18:24

Image
:? Il n'est pas de moi, je l'ai trouvé sur un site qui en propose gratuitement, j'ai rien changé (sinon quelques valeurs)...
Qu'est-ce qui est moche en fait?
L'organisation des balises? Parce que visuellement ça va sur le navigateur en mail c'est très bien!

Concernant les valeurs, je les avais remarqué aussi, et tenté de les modifier, mais ça modifie l'intérieur du formulaire, en fait dans mon tableau Facebook, le contenu est visible, par contre, les bordures sont coupées à droite, et le bandeau (tout en haut) ne fait que 385 px de large, donc ce n'est pas l'image qui force la verticalité!!!

Et donc, même en écrivant la plus grande valeur à moins de 520 px, j'ai toujours cette coupure sur la droite!

Bon, je vais arroser le chapon, encore deux heures de cuisson, puis je m'occupe du repas...
Joyeux Noël Marc, j'ai commandé le html pour les nuls l'année dernière, et j'ai rien compris! désolé... :lol:
Fichiers joints
amputation à droite
Image
Avatar de l’utilisateur
glisda
Bible
Bible
 
Messages: 722
Inscription: Dim 9 Jan 2011 23:29
Localisation: Boulogne
Votre version d'iWeb: iWeb 09
Votre hébergement: FTP

Précédente

Retourner vers Création de sites , vos questions

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités