Thumbs : Intégrer une mosaique de thumbs !

Utilisez la mosaique de thumbs sur votre site : affichez les dernièrs mecs connectés, agrémenter les pages de thumbs, ... Un outil simple mais efficace utilisable sur tout type de pages / sites !

Mosaique de thumbs

Utiliser la mosaique de thumbs afin de mettre en avant le dating :

  • En complément sur un site adulte / mainstream pour faire des upsells rencontres.
  • En principal sur vos sites de rencontre : mettez en avant une série de profils qui cliquent !

Générer le code

Le code généré par l'outil est un code de base. Il vous sera peut être nécéssaire d'adapter son CSS afin de mieux coller à votre site ! N'hésitez pas à me contacter si vous avez besoin d'un coup de main :)

URL de la landing :

Configuration des thumbs :

Configuration de l'affichage :

Codes à placer sur vos pages :

Code HTML à placer où l'outil sera affiché :

Voici le code HTML à placer sur votre page à l'endroit où vous désirez afficher la mosaique de thumbs.


Astuce :

Si vous désirez ajouter plusieurs mosaique de thumbs, chacune d'elle devra avoir un « id » différent. Pensez-donc à modifier si nécéssaire le paramètre « id » en conséquence.

Code CSS à placer dans votre feuille de style :

Voici le code CSS de base à ajouter à votre feuille de style. Ce dernier est à adapter afin de coller à votre CSS existant et à votre thème. Si besoin est, contactez moi pour avoir un coup de main !


Astuce :

Si vous désirez ajouter plusieurs mosaique de thumbs, modifiez l'id en conséquence afin de coller au code HTML que vous avez précédemment placé. Il vous faut copier autant de fois que vous avez de mosaique sur vos pages.

Code JS à placer sur vos pages :

Voici le code Javascript à placer sur votre site, je vous le conseille de le placer juste avant la fermeture de votre </body>


Astuce :

Si vous désirez ajouter plusieurs mosaique de thumbs, ne dupliquez que la partie suivante en modifiant avec le bon ID css :

var settings { ... }
YMThumbs.updateThumbs(settings, "YMTumbs");


Resté informé des mises à jour de l'outil !

Inscrivez-vous à la mailing liste afin d'être tenu au courrant des mises à jour de l'outil !.

@