- PêpêcheMascotte
- Messages : 4428
Publicité - nombre de blocs variable
Lun 29 Avr 2019 - 16:50
Débutant
Publicité avec nombre de blocs variable
Hello hello
Dans ce LS, je te propose fiche de publicité avec :
• un header "image" cliquable ;
• autant de blocs que désirés (un bloc = un titre + du texte) ;
• un footer contenant le lien de ton forum et sa mini-bannière.
Voici le visuel :
- Spoiler:
Ce qui est modifiable :
• Les couleurs,
• les images,
• Les textes & liens.
Si tu ne sais pas coder...
... il y a un formulaire à remplir pour mettre à jour le code. Tu le trouveras ici.
Voici à quoi il ressemble :
- Spoiler:
Ce formulaire te permet :
• d'éditer les couleurs (fond, bordures, texte et lien). Mais pour cela, il faudra indiquer les couleurs hexadecimales de celles-ci. Tu peux utliser ce site ;
• de modifier l'image d'en-tête ;
• de modifier ta mini-bannière ;
• de changer les liens ;
• de modifier le nombre de blocs, les titres et textes.
Tout au long de ton édition, tu peux visualiser le rendu de tes modification en cliquant sur "prévisualiser : oui" (en activant ou non la prévisualisation, tu ne perdras pas tes modifications ; seul le rafraîchissement de la page supprimera tout).
Une fois que tu as terminé, il te suffit de cliquer sur générer la publicité et de copier/coller le code sur les forums où tu désires la poster.
Dans les blocs, tu peux sans souci utiliser du bbcode ou du html ; c'est au choix et tu auras en un coup d'oeil le rendu de ce que tu écris
De plus, tu as la possibilité de réutiliser ce formulaire pour mettre à jour ta publicité. Une fois tes modifications faites et avant de fermer la page , clique sur "sauvegarder le code" et copie-colle le code du champ texte. Conserve-le sur ton pc ou sur ton forum (entre balise "code").
Dès que tu veux mettre à jour ta pub, reviens sur la page et sélectionne "ancien code : oui" et copie/colle ta sauvegarde. La publicité se mettra à jour et tu pourras l'éditer de nouveau et récupérer le code & ta sauvegarde.
Si tu te débrouilles en codage...
... voilà le code de base à modifier comme bon te semble.
- Code:
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" media="all" type="text/css" /><style>.ls-pub-miettes,.ls-pub-miettes .content-pub-miettes .bloc-pub-miettes{background: #dbc8a4;color: #444 !important;padding: 10px;}.ls-pub-miettes .content-pub-miettes,.ls-pub-miettes .content-pub-miettes .txt-pub-miettes{background: #f2eacb;}.ls-pub-miettes,.ls-pub-miettes .content-pub-miettes .bloc-pub-miettes,.ls-pub-miettes .content-pub-miettes,.ls-pub-miettes .content-pub-miettes .txt-pub-miettes{border: #dbc8a4;border-radius: 30px 8px;}.ls-pub-miettes .content-pub-miettes .header-pub-miettes{background: url("http://pvereecken.fr/tambouille/bann-tambouille.png") center 30px no-repeat;background-size: contain;display: block;height: 250px;margin-bottom: 20px;width: 100%;}.ls-pub-miettes .content-pub-miettes .bloc-pub-miettes{margin: 0 auto 20px;position: relative;width: 80%;}.ls-pub-miettes .content-pub-miettes .titre-pub-miettes{color: #e0704e;font: bold 24px/1 "Pacifico", cursive;position: absolute;text-align: center;text-shadow: #dbc8a4 1px 1px 2px, #dbc8a4 -1px -1px 2px, #dbc8a4 1px -1px 2px, #dbc8a4 -1px 1px 2px;top: -13px;width: 100%;}.ls-pub-miettes .content-pub-miettes .txt-pub-miettes{padding: 5px 10px;}.ls-pub-miettes .content-pub-miettes a{color: #e0704e !important;text-decoration: none !important;}.ls-pub-miettes .content-pub-miettes a:hover{color: #dbc8a4 !important;text-decoration: underline !important;}.ls-pub-miettes .content-pub-miettes .fin-pub-miettes{padding-bottom: 10px;text-align: center;}.ls-pub-miettes .content-pub-miettes .fin-pub-miettes img{max-width: 100%;}.ls-ccp{color: #999;display: block;font-size: 11px;font-style: italic;margin: auto;text-shadow: #fff 0 0 4px, #fff 0 0 4px, #fff 0 0 4px, #fff 0 0 4px;text-align: center;width: 98%;}.ls-ccp a{color: #000;text-decoration: none;}.ls-ccp a:hover{color: #999;text-decoration: underline;} </style><div class="ls-pub-miettes"><!--
--><div class="content-pub-miettes"><!--
--><a class="header-pub-miettes" href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses"></a><!--
--><div class="bloc-pub-miettes"><!--
--><div class="titre-pub-miettes">Une Drôle de Tambouille</div><!--
--><div class="txt-pub-miettes"><p>Le but de ce forum n'est pas d'avoir des stats' de folie. Nous avons juste envie d'avoir un endroit où [b]tout le monde[/b] est libre de [b]partager[/b] ses astuces/tutoriels qu'il s'agisse de [b]codage[/b] (pour forum, html, css), de [b]gestion de forum[/b] (organisation, comment le promouvoir et le gérer) ou encore d'[b]animation[/b]. Tu trouveras également dans notre tambouille de petites choses en [b]libre-service[/b].
Le but de [i]La tambouille des râleuses[/i] étant le partage, nous te proposons également des [b]formations[/b] en codage, modérations, administration, analyse et animation.
Tout est [b]ouvert aux invités[/b] (exceptées les formations). Mais si tu rencontres un souci avec un tutoriel ou un élément en libre-service, il faudra t'inscrire et te présenter pour que nous puissions accourir à ton secours.</p></div><!--
--></div><!--
--><div class="bloc-pub-miettes"><!--
--><div class="titre-pub-miettes">Les nouveautés</div><!--
--><div class="txt-pub-miettes"><p>• [b]24/04/2019[/b] | [i]La Tambouille[/i] a enfin sa [b]mascotte[/b] [size=11](©[url=http://tambouille-raleuses.forumactif.com/u1]Miettes[/url])[/size] et son [b]header[/b] [size=11](©[url=http://tambouille-raleuses.forumactif.com/u2]Mäven[/url])[/size] !
• [b]22/04/2019[/b] | Nouvelles zones, nouveaux services, viens vite découvrir les [url=http://tambouille-raleuses.forumactif.com/t81-quelques-modifications-sur-le-forum]nouveautés[/url]
• [b]19/04/2019[/b] | Une zone de [url=http://tambouille-raleuses.forumactif.com/c6-les-formations]formations[/url] a ouvert ses portes.
• [b]19/04/2019[/b] | Mise en place d'un [url=http://tambouille-raleuses.forumactif.com/t57-blabla-entre-nous]sujet de discussion[/url] ouvert à tous
• [b]18/04/2019[/b] | L'affichage des catégories a été un peu personnalisée</p></div><!--
--></div><!--
--><div class="bloc-pub-miettes"><!--
--><div class="titre-pub-miettes">Les statistiques</div><!--
--><div class="txt-pub-miettes"><p>Nos membres ont posté un total de [b]408[/b] messages.
Nous avons [b]8[/b] membres enregistrés.
L'utilisateur enregistré le plus récent est [b][url=http://tambouille-raleuses.forumactif.com/u8][color="#E36F26"][b]Cerise[/b][/color][/url][/b].</p></div><!--
--></div><!--
--><div class="fin-pub-miettes"><!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank">http://tambouille-raleuses.forumactif.com</a><br /><!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses"><img src="http://pvereecken.fr/tambouille/468x60-mini-bann.png" alt="La Tambouille des Râleuses" /></a><!--
--></div><!--
--></div><!--
--></div><!--
--><span class="ls-ccp">Mise en page générée par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></span>
Que tu utilises le formulaire ou le code "brut", merci de ne pas supprimer le copyright
En cas de souci avec ce LS, n'hésite pas à poser tes questions à la suite de ce message.
Re: Publicité - nombre de blocs variable
Mar 7 Mai 2019 - 13:44
Merci pour ce code, du coup je vais m'en servir 2 fois ^^
Comment on fait pour enlever le cadre extérieur?
Comment on fait pour enlever le cadre extérieur?
- PêpêcheMascotte
- Messages : 4428
Re: Publicité - nombre de blocs variable
Mar 7 Mai 2019 - 15:35
Coucou
Juste le cadre extérieur ? Hum... Ce n'est pas prévu dans ce LS... Cela dit...
*** va le mettre à jour ***
Il te suffit de laisser vide la case "Couleur de la bordure extérieure"
Juste le cadre extérieur ? Hum... Ce n'est pas prévu dans ce LS... Cela dit...
*** va le mettre à jour ***
Il te suffit de laisser vide la case "Couleur de la bordure extérieure"
Re: Publicité - nombre de blocs variable
Mar 7 Mai 2019 - 17:08
Oups désolée, je n'y pensais pas
Merci du coup
Merci du coup
- PêpêcheMascotte
- Messages : 4428
Re: Publicité - nombre de blocs variable
Mar 7 Mai 2019 - 18:08
Pas de souci et de rien
Re: Publicité - nombre de blocs variable
Mer 30 Oct 2019 - 11:44
très joli, je vais l'utiliser désormais ! merci miettes !
- PêpêcheMascotte
- Messages : 4428
Re: Publicité - nombre de blocs variable
Mer 30 Oct 2019 - 12:11
coucou
Je t'en prie, n'hésite pas si besoin ^^
Je t'en prie, n'hésite pas si besoin ^^
Re: Publicité - nombre de blocs variable
Ven 26 Juin 2020 - 14:49
Salut Miettes, c'est mon ordi qui bug ou je ne suis pas doué,
mais j'ai un soucis la page du générateur s'affiche et disparaît aussitôt du coup on ne peut pas s'en servir pour modifier nos pubs....
mais j'ai un soucis la page du générateur s'affiche et disparaît aussitôt du coup on ne peut pas s'en servir pour modifier nos pubs....
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: Publicité - nombre de blocs variable
Ven 26 Juin 2020 - 15:49
Coucou @Flitzz
Petit couac suite au passage en https de la Tambouille :p
C'est corrigé, merci de m'avoir prévenu
Petit couac suite au passage en https de la Tambouille :p
C'est corrigé, merci de m'avoir prévenu
Re: Publicité - nombre de blocs variable
Ven 26 Juin 2020 - 20:45
salut,
ah ok, merci à toi de l'avoir remis en service.
bonne soirée
ah ok, merci à toi de l'avoir remis en service.
bonne soirée
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
|
|