-49%
Le deal à ne pas rater :
Coffret Hot Wheels Monster Trucks Circuit de course + petite voiture ...
25.49 € 49.99 €
Voir le deal

Aller en bas
Pêpêche
Pêpêche
Mascotte
Messages : 4528

Rédiger sa publicité et la mettre en page Empty Rédiger sa publicité et la mettre en page

Mer 5 Juin 2019 - 17:42

Bonne pratique

Rédiger sa publicité et la mettre en page

Hello hello !

Dans ce tutoriel, nous allons voir comment créer une fiche de publicité complète, mais aussi attrayante ! Eh oui ! N’oublie jamais que le premier contact qu’à un visiteur avec ton forum se fait à travers ta publicité !

Je vais diviser ce tutoriel en 2 étapes :
• Le contenu minimum ;
• Le visuel.

Et pour imager chacun de mes propos, je vais me servir d’une publicité que j’ai codée.

Prêt(e) ? Alors allons-y !

Que mettre dans ma publicité ?

Pour commencer, on va mettre de côté le beau, la mise en page et la structure. On va se contenter de lister les éléments indispensables à faire apparaître dans notre message promotionnel.

Quel est mon but ?

Le but d’une publicité est de donner envie aux personnes qui la lisent de cliquer sur le lien pour visiter la page web cible. C’est à ça que sert une pub. Ce n’est pas elle qui va décider la personne de son inscription ou non sur le forum par exemple. Mon but doit donc être d’attirer, d’inviter le membre à en savoir plus. On doit “titiller” sa curiosité.

Comment m’y prendre ?

1 - Dans un premier temps, on va faire une description du site, expliquer en quelques lignes en quoi il consiste, quel est son but, etc.
Idea Si ton site est un forum RPG, ne met pas le contexte en entier ; cela serait trop long. Mets juste un résumé de celui-ci ainsi qu’un lien “lire le contexte entier”. Si ton résumé attire (comme la quatrième de couverture d’un livre) on voudra en savoir plus et on se rendra sur ton site/forum => ta mission sera alors réussie !
Zen-Pub est un temple basé sur la promotion des temples (forums) et sur des services pour ceux-ci.
Sur Zen-Pub, tu as la possibilité de faire la promotion de tes temples rapidement et en toute zenitude. Tu peux également profiter de nos services de mise en avant pour toujours plus de visibilité.


2 - Ensuite, on va parler des nouveautés depuis la dernière mise à jour. Idéalement, il vaut mieux attendre d’avoir 2 ou 3 nouveautés à annoncer plutôt que de refaire une pub juste pour “upper” ton topic. N’oublie pas que ta pub doit attirer ; tu dois donc montrer que ton forum ou ta page web est actif.

3 - La 3ème chose importante de faire figurer dans ta publicité, ce sont tes statistiques. Eh oui ! Ils permettront à tes lecteurs de voir les changements, l’évolution au fil des mises à jours. Certaines personnes ne se basent que sur ces chiffres pour se faire une idée de l’activité et de la vie d’une page web.
• Le temple compte 29 disciples ;
• Le dernier disciple à nous avoir rejoint est Fleur' ;
• Nous avons posté 2621 messages.
• A l'heure actuelle, il y a 15 publicités à découvrir et 5 recherches à lire.

4 -N’oublie pas également de bien mettre en avant ce qui te différencie des autres pages du même type/domaine/genre que toi.
  • Pas de formulaire spécifique pour faire sa pub ;
  • Pas de délai de relance : si tu veux que ta pub attire, actualise la le plus souvent possible ;
  • Des services sans prise de tête pour promouvoir ses pages web ;
  • Un maximum d'affichage sur le forum et dans notre publicité ;
  • Des concours simples et rapides pour se faire connaître encore plus ;
  • Une ambiance et un univers sans prise de tête.

5 -  Pour finir dans les éléments minimum à mettre dans ta fiche de publicité, pense à bien  indiquer le lien de ta page web. Il serait dommage qu’après avoir convaincu la personne celle-ci ne puisse pas visiter ton forum, site, blog, …

On assemble le tout

Maintenant que nous savons les éléments à mettre dans notre fiche, il est temps de rassembler le tout dans un texte logique et cohérent.
Spoiler:


Zen-Pub est un temple basé sur la promotion des temples (forums) et sur des services pour ceux-ci.
Sur Zen-Pub, tu as la possibilité de faire la promotion de tes temples rapidement et en toute zenitude. Tu peux également profiter de nos services de mise en avant pour toujours plus de visibilité.

Les nouvelles


Pourquoi rejoindre le temple ?
  • Pas de formulaire spécifique pour faire sa pub ;
  • Pas de délai de relance : si tu veux que ta pub attire, actualise la le plus souvent possible ;
  • Des services sans prise de tête pour promouvoir ses pages web ;
  • Un maximum d'affichage sur le forum et dans notre publicité ;
  • Des concours simples et rapides pour se faire connaître encore plus ;
  • Une ambiance et un univers sans prise de tête.


Quelques chiffres
• Le temple compte 29 disciples ;
• Le dernier disciple à nous avoir rejoint est Fleur' ;
• Nous avons posté 2621 messages.
• A l'heure actuelle, il y a 15 publicités à découvrir et 5 recherches à lire.

http://zen-pub.forumactif.com
Zen-Pub, Forum de pubs & de services


C’est bon, on a la base de notre fiche de pub ! Passons à sa mise en page !

Du visuel pour attirer

Eh oui ! Cette partie n’est bien sûre pas à négliger ! Quand c’est beau, ça donne envie de lire. En plus de soigner le contenu, il faut bien évidemment soigner le visuel.

Comment la présenter ?

Idéalement, on va adapter le visuel de la publicité à celui du design. Dans mon exemple, lorsque j’ai passé la commande pour le design du forum, j’ai demandé à ce que le graphiste me propose également quelque chose. De cette façon, j’ai vraiment eu une publicité 100% accordée au graphisme du forum.
• Le visuel du forum : clic
• Le visuel de la publicité : clic

Idea Ici, j'ai choisi de "simplifier" la publicité pour l'adapter au tutoriel. Dans la suite, il n'y aura donc pas d'explication pour les parties à venir, les Tops forums et les temples en devenir. L'idée ici est de te donner les "bonnes pratiques" Smile

La partie codage

On sait ce qu’on met dedans, et, on sait aussi comment on va présenter le tout. C’est parti pour le codage =)

Idea Pour cette partie, voici une liste de tutoriels utiles :
Les bases du HTML
Les principales balises
Les balises de mise en page
Appeler la CSS
CSS - propriétés courantes
CSS - propriétés struturantes
Les listes

La charpente

Dans un premier temps, on va “jeter” en vrac nos éléments en fonction de la mise en page proposé. On se fiche du visuel, on bosse la charpente
Code:
<div class="zp-pub2017"><!--
  --><header class="zp-header"><!--
      --><a href="http://zen-pub.forumactif.com/" target="_blank"><!--
        --><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/bann-pub.png" alt="Zen-Pub, où publicité rime avec sérénité"><!--
      --></a><!--
      --><p class="zp-date zp-kristi">Annonce du 24 octobre 2017</p><!--
  --></header><!--
  --><div class="zp-content"><!--

      --><p><strong>Zen-Pub</strong> est un temple basé sur la promotion des temples <span class="font-size11">(forums)</span> et sur des services pour ceux-ci.
      Sur <strong>Zen-Pub</strong>, tu as la possibilité de faire la <strong>promotion</strong> de tes temples rapidement et en toute zenitude. Tu peux également profiter de nos <strong>services</strong> tels qu'une correction, une analyse, une recherche de staff ou une commande graphique ou de codage. Mais tu peux aussi venir t'amuser et rejoindre l'une de nos 2 équipes en <strong>retraite spirituelle</strong> qui s'affrontent chaque mois.</p><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/nouvelles.png" alt="Les nouvelles" /></h2><!--
      
      --><ul><li><strong>03/06/2019</strong> | Le tirage au sort de la <b>loterie</b> aura lieu le 17 juin ; viens vite <a href="http://zen-pub.forumactif.com/t314-1-c-est-l-heure-de-la-loterie#2720">choisir tes numéros</a></li><li><strong>31/05/2019</strong> | La zone "<a href="http://zen-pub.forumactif.com/f18-temples-en-devenir">Temple en devenir</a>" devient une zone de dépot de logos pour les forums de moins de 30 membres</li><li><strong>29/05/2019</strong> | Le Temple ré-ouvre ses portes | <a href="http://zen-pub.forumactif.com/t302-le-temple-reouvre-ses-portes">en savoir +</a></li><li><strong>29/05/2019</strong> | Participe au <a href="http://zen-pub.forumactif.com/t298-chiffre-mystere-juin-2019">Chiffre Mystère Juin 2019</a></li></ul><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/pq-rejoindre.png" alt="Pourquoi rejoindre le temple ?" /></h2><!--
      --><ul><!--
       --><li>Pas de formulaire spécifique pour faire sa pub ;</li><!--
        --><li>Pas de délai de relance : si tu veux que ta pub attire, actualise la le plus souvent possible ;</li><!--
       --><li>Des services sans prise de tête pour promouvoir ses pages web ;</li><!--
        --><li>Un maximum d'affichage sur le forum et dans notre publicité ;</li><!--
       --><li>Des concours simples et rapides pour se faire connaître encore plus ;</li><!--
       --><li>Une ambiance et un univers sans prise de tête.</li><!--
    --></ul><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/temples.png" alt="Des temples à visiter" /></h2><!--

     --><h3>Ils ont notre bénédiction</h3><!--
      --><div class="zp-logos"><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
        --><!--
      --></div><!--

      --><h3>Nos protégés <em class="size11">(partenaires)</em></h3><!--
      --><div class="zp-logos"><!--
       --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
      --></div><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/orateurs.png" alt="Les Orateurs" /></h2><!--
      --><ul><!--
       --><li>Fondateur & Oracle : <strong>Le Dhamma</strong> ;</li><!--
       --><li>Oracles : <strong>Miettes</strong> & <strong>Tite-May</strong> ;</li><!--
       --><li>Gardien : ///.</li><!--
       --></ul><!--

      --><p>► Nous recherchons <strong>2 gardiens</strong> <span class="size11">(modérateurs)</span> | <a href="http://zen-pub.forumactif.com/t6-comment-rejoindre-nos-orateurs" target="_blank">En savoir +</a></p><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/chiffres.png" alt="Quelques chiffres" /></h2><!--
      --><ul><!--
       --><li>Ouverture officielle du forum : <strong>27 septembre 2017</strong> ;</li><!--
       --><li><strong>19</strong> disciples <span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>1610</strong> messages <span class="size11">(+ 186 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>20</strong> temples présentés <span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>5</strong> recherches de staff<span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span>.</li><!--
       --></ul><!--

      --><div class="sep"></div><!--

      --><p>En espérant te compter bientôt parmi mes Orateurs,<br /><br /><!--
        -->Que la sérénité puisse s'emparer de toi,<br /><br /><!--
        --><em>Le Dhamma du Temple.</em><!--
      --></p><!--

      --><div class="zp-logos"><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-468x60.png" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
        --><br /><br /><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services">http://zen-pub.forumactif.com/</a><!--
        --><br /><br /><!--
      --></div><!--
  --></div><!--
--></div>

Arrow Le rendu : clic

Idea Ici, j’ai décidé de mettre les titres en image. Pourquoi ? Tout simplement parce qu’ils utilisent une typo particulière. De cette façon, je suis certaine qu’ils s’afficheront comme je le désire.

Idea Comme tu peux le voir, j'ai commencé à mettre des noms de class aux élements qui auront des styles communs Smile

Idea Pour rendre ma pub un peu plus sympa, j'ai aussi ajouter une intro, une conclusion (avec une petite barre de séparation avant celle-ci), des infos sur mon staff et quelques forums mis en avant.

La décoration

La structure étant prête, on va pouvoir attaquer “le beau”. Pour cela, on va commencer du “général” au particulier. Dans mon cas, je vais commencer par :
• le fond + la largeur de la pub + la typo + la couleur de celle-ci
Code:

.zp-pub2017{
 background: #e2e3de;
 border: 1px solid #4e453e;
 color: #000;
 font: normal 13px/18px Tahoma, sans-serif;
 margin: 1.2% auto;
 width: 598px;
}

.zp-pub2017 .zp-content{
 margin:  auto;
 width: 96%;
}

• les liens, les listes et textes particuliers
Code:
.zp-pub2017 a{
 color: #620019;
 text-decoration: none;
}

.zp-pub2017 a:hover{
 text-decoration: underline;
}

.zp-pub2017 strong,
.zp-pub2017 em{
 color: inherit;
 font-family: inherit;
 font-size: inherit;
}

.zp-pub2017 strong{
 color : #4e453e;
 font-weight: bold;
}

.zp-pub2017 em{
 font-style: italic;
}

.zp-pub2017 ul{
 list-style-position: inside;
 margin: auto;
    padding: 0;
    width: 96%;  
}

.zp-pub2017 .size11{
 font-size: 11px;
}

.zp-pub2017 .size12{
 font-size: 12px;
}

• les titres
Code:
.zp-pub2017 h2{
 border-bottom: 4px double #4e453e;
    padding-bottom: 5px;
}

.zp-pub2017 h3{
 color: #4e453e;
 font: bold 15px/1 Tahoma, Arial, sans-serif;
 border-bottom: 1px solid #4e453e;
 margin: 10px auto;
    width: 96%;
}

• l'image du header
Code:
.zp-pub2017 .zp-header{
 margin-bottom: 3%;
 width: 100%;
}

.zp-pub2017 .zp-header img{
 display: block;
 width: 100%;
}

Arrow Pour le moment, j'ai donc ce rendu : clic
Ça commence à prendre forme.

Il nous reste donc :
- le texte "annonce du"
- center le texte final
- centrer les logos et leur ajouter un peu d'espace
- styliser la petite barre de séparation

Au boulot !

le texte "annonce du"
ici, j'utilise une typo particulière. Je commence donc à l'appeler dans mon "head"
Code:
<link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
et je mets en page :
Code:
.zp-pub2017 .zp-kristi{
 font-family: 'Kristi', cursive;
}

.zp-pub2017 .zp-header .zp-date{
 color: #4e453e;
 font-size: 24px;
 margin: 0 3% 0 auto;
 padding:  0;
 text-align: right;
}

des centrages de texte
j'avais mis en place une class "zp-logos" pour les blocs contenant des logos. C'est donc sur celle-ci que je vais centrer le texte :
Code:
.zp-pub2017 .zp-content .zp-logos{
 text-align: center;
}

la barre de séparation
Code:
.zp-pub2017 .sep{
 height: 1px;
 background: #4e453e;
 margin: 10px auto 4px;
 width: 100%;
}

C'est terminé, tout est en page Smile

Arrow Le rendu final : clic
Arrow Le code final :
Code:
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Tuto Pub - partie 3</title>

<link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
<style>
/* Général */
.zp-pub2017{
 background: #e2e3de;
 border: 1px solid #4e453e;
 color: #000;
 font: normal 13px/18px Tahoma, sans-serif;
 margin: 1.2% auto;
 width: 598px;
}

.zp-pub2017 .zp-content{
 margin:  auto;
 width: 96%;
}

/* Lien, gras, italique, liste */
.zp-pub2017 a{
 color: #620019;
 text-decoration: none;
}

.zp-pub2017 a:hover{
 text-decoration: underline;
}

.zp-pub2017 strong,
.zp-pub2017 em{
 color: inherit;
 font-family: inherit;
 font-size: inherit;
}

.zp-pub2017 strong{
 color : #4e453e;
 font-weight: bold;
}

.zp-pub2017 em{
 font-style: italic;
}

.zp-pub2017 ul{
 list-style-position: inside;
 margin: auto;
    padding: 0;
    width: 96%;  
}

.zp-pub2017 .size11{
  font-size: 11px;
}

.zp-pub2017 .size12{
  font-size: 12px;
}

/* Les titres */
.zp-pub2017 h2{
 border-bottom: 4px double #4e453e;
    padding-bottom: 5px;
}

.zp-pub2017 h3{
 color: #4e453e;
 font: bold 15px/1 Tahoma, Arial, sans-serif;
 border-bottom: 1px solid #4e453e;
 margin: 10px auto;
    width: 96%;
}

/* Le header */
.zp-pub2017 .zp-header{
 margin-bottom: 3%;
 width: 100%;
}

.zp-pub2017 .zp-header img{
 display: block;
 width: 100%;
}

/* La date */
.zp-pub2017 .zp-kristi{
  font-family: 'Kristi', cursive;
}

.zp-pub2017 .zp-header .zp-date{
  color: #4e453e;
  font-size: 24px;
  margin: 0 3% 0 auto;
  padding:  0;
  text-align: right;
}

/* Logos centrés */
.zp-pub2017 .zp-content .zp-logos{
  text-align: center;
}

/* La barre de séparation */
.zp-pub2017 .sep{
  height: 1px;
  background: #4e453e;
  margin: 10px auto 4px;
  width: 100%;
}

 </style>
</head>
<body>
 <div class="zp-pub2017"><!--
  --><header class="zp-header"><!--
      --><a href="http://zen-pub.forumactif.com/" target="_blank"><!--
        --><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/bann-pub.png" alt="Zen-Pub, où publicité rime avec sérénité"><!--
      --></a><!--
      --><p class="zp-date zp-kristi">Annonce du 24 octobre 2017</p><!--
  --></header><!--
  --><div class="zp-content"><!--

      --><p><strong>Zen-Pub</strong> est un temple basé sur la promotion des temples <span class="font-size11">(forums)</span> et sur des services pour ceux-ci.
      Sur <strong>Zen-Pub</strong>, tu as la possibilité de faire la <strong>promotion</strong> de tes temples rapidement et en toute zenitude. Tu peux également profiter de nos <strong>services</strong> tels qu'une correction, une analyse, une recherche de staff ou une commande graphique ou de codage. Mais tu peux aussi venir t'amuser et rejoindre l'une de nos 2 équipes en <strong>retraite spirituelle</strong> qui s'affrontent chaque mois.</p><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/nouvelles.png" alt="Les nouvelles" /></h2><!--
      
      --><ul><li><strong>03/06/2019</strong> | Le tirage au sort de la <b>loterie</b> aura lieu le 17 juin ; viens vite <a href="http://zen-pub.forumactif.com/t314-1-c-est-l-heure-de-la-loterie#2720">choisir tes numéros</a></li><li><strong>31/05/2019</strong> | La zone "<a href="http://zen-pub.forumactif.com/f18-temples-en-devenir">Temple en devenir</a>" devient une zone de dépot de logos pour les forums de moins de 30 membres</li><li><strong>29/05/2019</strong> | Le Temple ré-ouvre ses portes | <a href="http://zen-pub.forumactif.com/t302-le-temple-reouvre-ses-portes">en savoir +</a></li><li><strong>29/05/2019</strong> | Participe au <a href="http://zen-pub.forumactif.com/t298-chiffre-mystere-juin-2019">Chiffre Mystère Juin 2019</a></li></ul><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/pq-rejoindre.png" alt="Pourquoi rejoindre le temple ?" /></h2><!--
      --><ul><!--
       --><li>Pas de formulaire spécifique pour faire sa pub ;</li><!--
        --><li>Pas de délai de relance : si tu veux que ta pub attire, actualise la le plus souvent possible ;</li><!--
       --><li>Des services sans prise de tête pour promouvoir ses pages web ;</li><!--
        --><li>Un maximum d'affichage sur le forum et dans notre publicité ;</li><!--
       --><li>Des concours simples et rapides pour se faire connaître encore plus ;</li><!--
       --><li>Une ambiance et un univers sans prise de tête.</li><!--
    --></ul><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/temples.png" alt="Des temples à visiter" /></h2><!--

     --><h3>Ils ont notre bénédiction</h3><!--
      --><div class="zp-logos"><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
        --><!--
      --></div><!--

      --><h3>Nos protégés <em class="size11">(partenaires)</em></h3><!--
      --><div class="zp-logos"><!--
       --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a> <a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-88x31.png" border="0" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
      --></div><!--

            --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/orateurs.png" alt="Les Orateurs" /></h2><!--
      --><ul><!--
       --><li>Fondateur & Oracle : <strong>Le Dhamma</strong> ;</li><!--
       --><li>Oracles : <strong>Miettes</strong> & <strong>Tite-May</strong> ;</li><!--
       --><li>Gardien : ///.</li><!--
       --></ul><!--

      --><p>► Nous recherchons <strong>2 gardiens</strong> <span class="size11">(modérateurs)</span> | <a href="http://zen-pub.forumactif.com/t6-comment-rejoindre-nos-orateurs" target="_blank">En savoir +</a></p><!--

      --><h2><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/chiffres.png" alt="Quelques chiffres" /></h2><!--
      --><ul><!--
       --><li>Ouverture officielle du forum : <strong>27 septembre 2017</strong> ;</li><!--
       --><li><strong>19</strong> disciples <span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>1610</strong> messages <span class="size11">(+ 186 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>20</strong> temples présentés <span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span></li><!--
       --><li><strong>5</strong> recherches de staff<span class="size11">(+ 1 depuis l'annonce du 19 octobre)</span>.</li><!--
       --></ul><!--

      --><div class="sep"></div><!--

      --><p>En espérant te compter bientôt parmi mes Orateurs,<br /><br /><!--
        -->Que la sérénité puisse s'emparer de toi,<br /><br /><!--
        --><em>Le Dhamma du Temple.</em><!--
      --></p><!--

      --><div class="zp-logos"><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services"><img src="http://pvereecken.fr/zenpub/zp2017/img/partenaires/zp-468x60.png" alt="Zen-Pub, Forum de pubs & de services" /></a><!--
        --><br /><br /><!--
        --><a href="http://zen-pub.forumactif.com/" title="Zen-Pub, Forum de pubs & de services">http://zen-pub.forumactif.com/</a><!--
        --><br /><br /><!--
      --></div><!--
  --></div><!--
--></div>
</body>
</html>

Les petits plus

Evidemment, comme le but de ta publicité est d'attirer, n'hésite pas à mettre en avant les choses qui peuvent intéresser les membres comme :
• ton staff & ta recherche de staff ;
• les derniers tutos, libre-service ou concours proposés ;
• les petites choses en préparation (hummm du teasing) ;
• etc.

Avant de poster sa pub

Maintenant que ta pub est prête, il va falloir la préparer pour la déposer sur les forums. On va donc devoir "minifier la CSS", c'est-à-dire supprimer les retours à la ligne et espace comme c'est indiqué à la fin de ce tutoriel.

Pour cela, il te suffit donc de copier toute ta CSS sans les balises "style" sur ce site par exemple et récupérer le code qu'il t'a préparé.

Par exemple, dans mon cas :
Code:
.zp-pub2017{background:#e2e3de;border:1px solid #4e453e;color:#000;font:normal 13px/18px Tahoma,sans-serif;margin:1.2% auto;width:598px}.zp-pub2017 .zp-content{margin:auto;width:96%}.zp-pub2017 a{color:#620019;text-decoration:none}.zp-pub2017 a:hover{text-decoration:underline}.zp-pub2017 em,.zp-pub2017 strong{color:inherit;font-family:inherit;font-size:inherit}.zp-pub2017 strong{color:#4e453e;font-weight:700}.zp-pub2017 em{font-style:italic}.zp-pub2017 ul{list-style-position:inside;margin:auto;padding:0;width:96%}.zp-pub2017 .size11{font-size:11px}.zp-pub2017 .size12{font-size:12px}.zp-pub2017 h2{border-bottom:4px double #4e453e;padding-bottom:5px}.zp-pub2017 h3{color:#4e453e;font:bold 15px/1 Tahoma,Arial,sans-serif;border-bottom:1px solid #4e453e;margin:10px auto;width:96%}.zp-pub2017 .zp-header{margin-bottom:3%;width:100%}.zp-pub2017 .zp-header img{display:block;width:100%}.zp-pub2017 .zp-kristi{font-family:Kristi,cursive}.zp-pub2017 .zp-header .zp-date{color:#4e453e;font-size:24px;margin:0 3% 0 auto;padding:0;text-align:right}.zp-pub2017 .zp-content .zp-logos{text-align:center}.zp-pub2017 .sep{height:1px;background:#4e453e;margin:10px auto 4px;width:100%}

Ensuite, je colle :
- le lien de ma typo,
- ma CSS minifiée (entre balise style cette fois),
- le code de ma pub.
Code:
<link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet"><style>.zp-pub2017{background:#e2e3de;border:1px solid #4e453e;color:#000;font:normal 13px/18px Tahoma,sans-serif;margin:1.2% auto;width:598px}.zp-pub2017 .zp-content{margin:auto;width:96%}.zp-pub2017 a{color:#620019;text-decoration:none}.zp-pub2017 a:hover{text-decoration:underline}.zp-pub2017 em,.zp-pub2017 strong{color:inherit;font-family:inherit;font-size:inherit}.zp-pub2017 strong{color:#4e453e;font-weight:700}.zp-pub2017 em{font-style:italic}.zp-pub2017 ul{list-style-position:inside;margin:auto;padding:0;width:96%}.zp-pub2017 .size11{font-size:11px}.zp-pub2017 .size12{font-size:12px}.zp-pub2017 h2{border-bottom:4px double #4e453e;padding-bottom:5px}.zp-pub2017 h3{color:#4e453e;font:bold 15px/1 Tahoma,Arial,sans-serif;border-bottom:1px solid #4e453e;margin:10px auto;width:96%}.zp-pub2017 .zp-header{margin-bottom:3%;width:100%}.zp-pub2017 .zp-header img{display:block;width:100%}.zp-pub2017 .zp-kristi{font-family:Kristi,cursive}.zp-pub2017 .zp-header .zp-date{color:#4e453e;font-size:24px;margin:0 3% 0 auto;padding:0;text-align:right}.zp-pub2017 .zp-content .zp-logos{text-align:center}.zp-pub2017 .sep{height:1px;background:#4e453e;margin:10px auto 4px;width:100%}</style>
<div class="zp-pub2017"><!--
  --><header class="zp-header"><!--
      --><a href="http://zen-pub.forumactif.com/" target="_blank"><!--
        --><img src="http://pvereecken.fr/zenpub/zp2017/img/promotion/bann-pub.png" alt="Zen-Pub, où publicité rime avec sérénité"><!--
      --></a><!--
      --><p class="zp-date zp-kristi">Annonce du 24 octobre 2017</p><!--
  --></header><!--
  --><div class="zp-content"><!--

  --><p><strong>Zen-Pub</strong> est un temple basé

Idea Je n'ai pas mis la pub en entier, mais c'est pour que tu te rendes compte de ce qu'il faut faire

Idea Comme tu l'as vu, j'ai aussi mis des commentaires à chaque retour à la ligne. Comme expliqué dans ce tutoriel, ils ont pour but d'éviter les retours à la ligne interprété par le forum Smile




Quoi qu'il en soit, si tu as besoin d'aide pour la création visuelle de ta publicité n'hésite pas à passer commande.


Revenir en haut
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses



Post-It des Râleuses