Catégories à fermer


Aller en bas
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

Publicité - nombre de blocs variable Empty Publicité - nombre de blocs variable

le Lun 29 Avr - 16:50

Débutant

Publicité avec nombre de blocs variable


Hello hello Smile

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:
Publicité - nombre de blocs variable Rendu10

IdeaCe 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:
Publicité - nombre de blocs variable Formul10

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.
Idea 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 Wink

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. Smile

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>
 




Idea Que tu utilises le formulaire ou le code "brut", merci de ne pas supprimer le copyright Smile

En cas de souci avec ce LS, n'hésite pas à poser tes questions à la suite de ce message.




Dernière édition par Miettes le Lun 18 Nov - 9:25, édité 1 fois
Fleur'
Fleur'
Informations : J'essaie de passer une fois par semaine
Messages : 339
http://ecofriends.forumactif.com/

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mar 7 Mai - 13:44
Merci pour ce code, du coup je vais m'en servir 2 fois ^^
Comment on fait pour enlever le cadre extérieur?
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mar 7 Mai - 15:35
Coucou Smile

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" Smile

_________________
Fleur'
Fleur'
Informations : J'essaie de passer une fois par semaine
Messages : 339
http://ecofriends.forumactif.com/

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mar 7 Mai - 17:08
Oups désolée, je n'y pensais pas Embarassed

Merci du coup Wink
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mar 7 Mai - 18:08
Pas de souci et de rien Smile

_________________
Féli
Féli
Messages : 72
http://feli.forumactif.org

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mer 30 Oct - 11:44
très joli, je vais l'utiliser désormais ! merci miettes !
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

le Mer 30 Oct - 12:11
coucou Smile

Je t'en prie, n'hésite pas si besoin ^^

_________________
Contenu sponsorisé

Publicité - nombre de blocs variable Empty Re: Publicité - nombre de blocs variable

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Le forum a ouvert ses portes le 30 mars 2019.

A l'époque, seules Miettes et Mäven y étaient présentes. A présent, il y a @membres_enregistres@ Tambouilleurs sur le forum. La dernière personne à nous avoir rejoint est @dernier_membre@.

D'ailleurs, les Tambouilleurs sont plutôt bavards. Eh oui, ils ont déjà posté @messages@ messages dont tutoriels et bidules en Libre-service.

Actuellement, il y a @enregistres@ membres connectés,
et @invites@ visiteurs sur La Tambouille

@@membres_connectes?Qui est là ?
@membres_connectes$, @.$Personne n'est en ligne.@@

@@derniers_membres_connectes?Tambouilleurs connectés au cours des 24 dernières heures : @derniers_membres_connectes$, @$Personne n'était là ces dernières heures.@@

Post-It des Râleuses