english deutsch français по русски
Nous vous conseillons d'utiliser ce service, anonyme et intraçable,
par l'intermédiaire du service TOR ou en tant que site I2P.

Redesignez votre page contact

Le design par défaut des pages contact n'est pas particulièrement joli. Les utilisateurs ont la possibilité de le customiser afin de l'associer à l'apparence du reste de leur blog, site ou identité visuelle.

Pour cela, envoyez vos templates, fichiers HTML, CSS et autres graphiques aux administrateurs de PrivacyBox. Nous vérifierons que vous n'usurpez pas l'identité d'un tiers, et les installeront sur le serveur.

Comment créer les templates HTML

Un template est une page HTML complète. Certaines parties sont remplacées par des variables. Vous pouvez créer des templates pour plusieurs langues. Pour l'instant, seuls l'anglais, l'allemand et le français sont supportés. Le noms des fichiers HTML est défini. Vous aurez besoin d'au moins deux pages : une pour le formulaire de contact, une autre pour le message de confirmation d'envoi ou d'erreur :
  • formular.de.html
    formular.en.html
    formular.fr.html
    formular.ru.html
  • message.de.html
    message.en.html
    message.fr.html
    message.ru.html
Les templates doivent respecter les conditions suivantes :
  • pas de cookie ni de javascript
  • tous les fichiers (CSS, images) doivent venir de privacybox.de. Les fichiers externes sont interdits.
  • un lien vers la description de PrivacyBox doit être inclus.

Exemple très simple de template pour le formulaire

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Einfachste Kontaktseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="expires" content="0">

<style type="text/css">
  P.error { color:red; }
  NOSCRIPT { color:orange; }
</style>

<TMPL_VAR NAME=JS_ENCRYPT_HELPER>

</HEAD>
<BODY>

<TMPL_VAR NAME=MESSAGE>

<FORM name="m" action="/cgi-bin/tram_msg.pl" method="POST"
      target="_self" ENCTYPE="multipart/form-data">
  <input type="hidden" name="se" value="<TMPL_VAR NAME=SESSION_ID>">
  <input type="hidden" name="lang" value="fr">

  <label for="betreff">Objet:</label>
  <input type="text" name="betreff" value="<TMPL_VAR NAME=SUBJECT>">

  <label for="artikel">Texte de votre message:</label>
  <textarea rows="12" cols="48" name="artikel"><TMPL_VAR NAME=TEXT></textarea>

  <label for="andatei">Joindre un fichier:</label>
  <input type="file" name="andatei" accept="*/*">

  <input type="submit" VALUE="Envoyer le message">
</FORM>

<TMPL_VAR NAME=JS_ENCRYPT_FORM>

</BODY>
</HTML>
Vous pouvez visualiser le résultat de ce template ici. C'est sobre, mais pas très joli. Pour des templates plus élaborés, regardez les pages contacts de dotple et de scusi.

Description des variables :
  • JS_ENCRYPT_HELPER: pourra remplacer le code javascript pour le chiffrement OpenPGPdans le navigateur. Fonctionnalité à venir.
  • MESSAGE: contient un message d'erreur en cas de données erronées. <p class="error">Ceci est un message d'erreur</p> Son formattaque peut être fait dans les stylesdes en-têtes de la page HTML.
  • <FORM...>  </FORM>: Prend toute la section et adapte la taille des tags d'entrée.
  • JS_ENCRYPT_FORM: Contient un bouton pour le chiffrement OpenPGP en local. Fonctionnalité à venir.

Exemple très simple de template pour le message

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Einfachste Kontaktseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex, nofollow">

<style type="text/css">
  P.info { color: green; }
  P.error { color:red; }
</style>

</HEAD>
<BODY>

<TMPL_VAR NAME=MESSAGE>

</BODY>
</HTML>
Ce template est utilisé pour afficher un message de succès ou d'erreur après l'envoi du mail Il contient une seule variable, qui indique que tout s'est bien passé : <p class="info">Message sauvegardé</p> ou un message d'erreur : <p class="error">Un message d'erreur</p> Vous pouvez configurer les formats des classes info et error dans les styles CSS des en-têtes HTML