En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

Chez Papinou - Skins GuppY 5

 
 
 
 

guppy5.png

 
   GuppY 5 ???   Il y a moins bon mais c'est plus cher ! ! !   
   S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. Devise Shadok   
   Utilisateur de GuppY, je suis membre de l' asso freeGuppY ... et vous ? ? ?   
   Pourquoi vouloir compliquer ?  Essayez GuppY 5  tout simplement ... smile   
   N'oubliez pas d'installer un .htaccess pour protéger l'accès à  l'admin de GuppY 5.   
   Votre premier réflexe après le téléchargement de GuppY 5 ?   Lire la documentation  ! ! !   
Vous êtes ici :   Accueil » Liens RSS -
 
 
 
    Imprimer la page...

Liens RSS -

Chez Papinou - Skins GuppY


site perso GuppY: photos de bateaux vieux gréements rade de Brest Bretagne chants de marins astuces skins guppy logiciels gratuits Ubuntu Linux forum nouvelles flux RSS annuaire radios forum jeux


Galerie Papinou - par Papinou le 10/08/2019 @ 10:12 



Bienvenue sur la galerie photos de Papinou !!!

 

ban_photo01.jpg



 

gylogo_gf.png


 

Photos de bateaux, de Bretagne, de la Côte d'Opale, du Népal, de Chine, du Cambobge, de Singapour...du Carnaval de Venise, simplement des photos avec  un minimum de retouches.

Cette galerie est faite totalement avec Unite-Gallery pour la version 5 de GuppY !!!

J'ai sélectionné le thème Tuiles - Mélangées avec un minimum de modifications de la configuration par défaut.

En cochant "Valeurs par défaut" et en enregistrant, l'affichage des photos sera fonctionnel, ensuite vous pourrez ajuster.

Rendez-vous sur ce lien pour consulter le tutoriel "Config galeries UG", une page est dédiée à chaque thème avec une galerie de démo.

Rendez vous à la boite latérale "Galerie Photos" et sélectionnez une galerie dans une catégorie pour l'ouvrir !
 

Merci de votre fidélité et bonne visite !!!

Galerie Papinou - par Papinou le 10/08/2019 @ 10:12 



Bienvenue sur la galerie photos de Papinou !!!

 

ban_photo01.jpg



 

gylogo_gf.png


 

Photos de bateaux, de Bretagne, de la Côte d'Opale, du Népal, de Chine, du Cambobge, de Singapour...du Carnaval de Venise, simplement des photos avec  un minimum de retouches.

Cette galerie est faite totalement avec Unite-Gallery pour la version 5 de GuppY !!!

J'ai sélectionné le thème Tuiles - Mélangées avec un minimum de modifications de la configuration par défaut.

En cochant "Valeurs par défaut" et en enregistrant, l'affichage des photos sera fonctionnel, ensuite vous pourrez ajuster.

Rendez-vous sur ce lien pour consulter le tutoriel "Config galeries UG", une page est dédiée à chaque thème avec une galerie de démo.

Rendez vous à la boite latérale "Galerie Photos" et sélectionnez une galerie dans une catégorie pour l'ouvrir !
 

Merci de votre fidélité et bonne visite !!!

(10/08/2019 @ 10:12)

Firefox : Protection vie privée - par Papinou le 25/07/2019 @ 08:58 

 Firefox : comment protéger votre vie privée grâce au DNS chiffrélogo_firefox.png


Savez-vous ce qu’il se passe lorsque vous appuyez sur la touche Entrer de votre clavier, après avoir saisi l’adresse d’un site web dans la barre d’adresse de votre navigateur ?

Pour trouver le site, le navigateur doit interroger un serveur DNS, sorte d’annuaire du web, fourni par votre fournisseur d’accès à Internet.

Ce serveur DNS se charge alors de trouver l’adresse IP du serveur sur lequel le site web voulu est hébergé. Une fois cette IP trouvée, les données du site sont téléchargées pour être affichées sur votre écran.

Nativement, toutes ces requêtes sont effectuées en clair (sur le port 53), laissant ainsi la possibilité à votre FAI d’identifier les sites que vous consultez.

Pour éviter cela, il est possible d’utiliser le protocole DNS-over-HTTPS (DoH), qui fonctionne de la même manière, à la différence qu’il fonctionne avec un serveur DNS compatible, et envoie une requête chiffrée (sur le port 443).

Firefox, le navigateur web de Mozilla, est pour l’heure le seul à supporter le protocole DNS-over-HTTPS (DoH). La fonction, qui n’est pas activée par défaut, peut être configurée très rapidement en quelques clics.

Pour toutes les questions concernant cet article, merci de poster sur mon forum, rubrique Plugins, forks, astuces GuppY.

La suite en consultant ce lien.

 

Firefox : Protection vie privée - par Papinou le 25/07/2019 @ 08:58 

 Firefox : comment protéger votre vie privée grâce au DNS chiffrélogo_firefox.png


Savez-vous ce qu’il se passe lorsque vous appuyez sur la touche Entrer de votre clavier, après avoir saisi l’adresse d’un site web dans la barre d’adresse de votre navigateur ?

Pour trouver le site, le navigateur doit interroger un serveur DNS, sorte d’annuaire du web, fourni par votre fournisseur d’accès à Internet.

Ce serveur DNS se charge alors de trouver l’adresse IP du serveur sur lequel le site web voulu est hébergé. Une fois cette IP trouvée, les données du site sont téléchargées pour être affichées sur votre écran.

Nativement, toutes ces requêtes sont effectuées en clair (sur le port 53), laissant ainsi la possibilité à votre FAI d’identifier les sites que vous consultez.

Pour éviter cela, il est possible d’utiliser le protocole DNS-over-HTTPS (DoH), qui fonctionne de la même manière, à la différence qu’il fonctionne avec un serveur DNS compatible, et envoie une requête chiffrée (sur le port 443).

Firefox, le navigateur web de Mozilla, est pour l’heure le seul à supporter le protocole DNS-over-HTTPS (DoH). La fonction, qui n’est pas activée par défaut, peut être configurée très rapidement en quelques clics.

Pour toutes les questions concernant cet article, merci de poster sur mon forum, rubrique Plugins, forks, astuces GuppY.

La suite en consultant ce lien.

 

(25/07/2019 @ 08:58)

Une galerie vidéo simple et facile - par Papinou le 10/07/2019 @ 09:19 

Une galerie vidéo simple et facile avec Fotorama
 

marins01.jpgmarins02.jpgmarins03.jpg


Retrouvez les vidéos de cette présentation, et toutes les vidéos des " Marins d'Iroise " sur ce lien.

 

Une copie d'écran du contenu de l'article de la galerie :

contenu_article.jpg

Quelques commentaires sur le minimum de modifications à faire.

J'ai surligné en jaune les modifications que vous pouvez ou que vous devez apporter pour un fonctionnement correct de la lecture des vidéos.

  •  font-size : 20px : ceci concerne le titre "Une galerie vidéo simple et facile", au choix 20.22, 24px pour rester dans le raisonnable.
     
  • #c0cfd5 : c'est la couleur de fond du div pour centrer les images et les vidéos, je l'ai adapté à ma skin d'origine
     
  • Pour les mp4, ils doivent être encodés en H264 avec une taille de 720px en 16/9 avec une qualité DVD.
    J'ai créé un répertoire videos dans img, si vous le faites, vous n'avez que le nom du mp4 à modifier.
     
  • Pour les images, j'ai capturé une image de chaque vidéo en jpg, la taille est de 900 x 519px en 16/9 pour un affichage avec une colonne latérale, pour un affichage sans colonne latérale la taille sera de 1240x715px
     
  • J'ai incrusté le titre et le nom du groupe dans chaque image. Vous devez réduire la taille suivant votre espace disponible.
     
  • Si vous utilisez le répertoire videos, vous ne devez changer que le nom des images, autrement vous adaptez le chemin. La flèche pour la lecture se met automatiquement sur l'image.


Dans cet exemple, j'ai mis trois vidéos, les miniatures sous l'image sont en 60x60px par défaut, vous pouvez en mettre plus.


Fotorama 4.6.4 est disponible sur ce lien, vous n'avez aucun autre code à ajouter, avec ces quelques lignes votre galerie est fonctionnelle !!!
Simple, facile à mettre en oeuvre, cette galerie vidéo est particulièrement adaptée pour des vidéos sur votre site.
 

Important !

Ne remplacez pas cette version par une version téléchargée sur le site de Fotorama, des modifications ont été faites notamment dans les feuilles de style CSS pour obtenir la validation W3C.


Pour toutes vos questions, demandes ou suggestions, merci de poster sur mon forum, rubrique Plugins forks astuces GuppY 5.

 

Mis à jour le 10.07.2019

Une galerie vidéo simple et facile - par Papinou le 10/07/2019 @ 09:19 

Une galerie vidéo simple et facile avec Fotorama
 

marins01.jpgmarins02.jpgmarins03.jpg


Retrouvez les vidéos de cette présentation, et toutes les vidéos des " Marins d'Iroise " sur ce lien.

 

Une copie d'écran du contenu de l'article de la galerie :

contenu_article.jpg

Quelques commentaires sur le minimum de modifications à faire.

J'ai surligné en jaune les modifications que vous pouvez ou que vous devez apporter pour un fonctionnement correct de la lecture des vidéos.

  •  font-size : 20px : ceci concerne le titre "Une galerie vidéo simple et facile", au choix 20.22, 24px pour rester dans le raisonnable.
     
  • #c0cfd5 : c'est la couleur de fond du div pour centrer les images et les vidéos, je l'ai adapté à ma skin d'origine
     
  • Pour les mp4, ils doivent être encodés en H264 avec une taille de 720px en 16/9 avec une qualité DVD.
    J'ai créé un répertoire videos dans img, si vous le faites, vous n'avez que le nom du mp4 à modifier.
     
  • Pour les images, j'ai capturé une image de chaque vidéo en jpg, la taille est de 900 x 519px en 16/9 pour un affichage avec une colonne latérale, pour un affichage sans colonne latérale la taille sera de 1240x715px
     
  • J'ai incrusté le titre et le nom du groupe dans chaque image. Vous devez réduire la taille suivant votre espace disponible.
     
  • Si vous utilisez le répertoire videos, vous ne devez changer que le nom des images, autrement vous adaptez le chemin. La flèche pour la lecture se met automatiquement sur l'image.


Dans cet exemple, j'ai mis trois vidéos, les miniatures sous l'image sont en 60x60px par défaut, vous pouvez en mettre plus.


Fotorama 4.6.4 est disponible sur ce lien, vous n'avez aucun autre code à ajouter, avec ces quelques lignes votre galerie est fonctionnelle !!!
Simple, facile à mettre en oeuvre, cette galerie vidéo est particulièrement adaptée pour des vidéos sur votre site.
 

Important !

Ne remplacez pas cette version par une version téléchargée sur le site de Fotorama, des modifications ont été faites notamment dans les feuilles de style CSS pour obtenir la validation W3C.


Pour toutes vos questions, demandes ou suggestions, merci de poster sur mon forum, rubrique Plugins forks astuces GuppY 5.

 

Mis à jour le 10.07.2019

(10/07/2019 @ 09:19)

Fotorama : Un diaporama simple - par Papinou le 08/07/2019 @ 07:44 

Un diaporama facile avec Fotorama

 

Ma préférence va à Fotorama car il est responsive design et la taille s'adapte à tous les écrans.
Pour l'installation, rien à faire, Fotorama est utilisé par les galeries photos de GuppY 5 depuis la version 5.0.3
Tous les fichiers sont en place, vous n'avez qu'à mettre le bon code pour l'utiliser sans souci, la GuppY Team suit l'évolution de Fotorama.

Dans ce tutoriel, vous allez trouver plusieurs exemples d'utilisation de Fotorama avec pour chaque exemple le code et la configuration pour avoir une affichage correct.

Un exemple de code à coller  en mode source dans une boite libre:
















 
Bien sur vous remplacez "photo/fotorama01/maphoto12.jpg" par le chemin relatif vers vos photos.
 

Commentaires :

 - en premier lieu, vous devez redimensionner vos photos et les sauvegarder dans un répertoire. 900px en largeur est un maximum,  mettre plus grand ne sert à rien, le navigateur redimensionnera les photos, et ceci va ralentir l'affichage de la page de votre site.

 - dans le répertoire photo, j'ai créé un répertoire fotorama01 pour sauvegarder mes photos redimensionnées.

 - pour le code, la première ligne sert à centrer la photo sur la page, la seconde ligne contient la configuration du diaporama: data-autoplay="true" pour le démarrage automatique, data-ratio="800/600" pour les photos en 4/3, data-transition="crossfade" pour activer le fondu entre les photos, data-width="100%" pour la largeur en pourcentage pour le responsive design.

Ensuite le code pour chaque photo du répertoire, à noter : pas d'accent, pas d'espace, pas de majuscules, et jpg en minuscule.
En procédant de cette façon, vous gagnerez du temps et eviterez les problèmes.

La solution de la boite libre me parait la plus simple, ensuite il suffit de réserver cette boite au groupe privé de ton choix.
 

Pour une adaptation totale à votre skin, vous ajoutez à la fin de votre fichier styleplus.css ceci:
 

.FB450 { /* boîte fotorama */
color: inherit;
background: transparent;
}

FB450, 450 correspond à l'ID de la boite libre, donc vous remplacez 450 par l'ID de votre boite.
 

Si vous voulez l'afficher dans les boites du haut de la page, n'oubliez pas le § devant le titre de la boite pour ne pas l'afficher.
Enfin vous pouvez mettre 20%, 30% ou plus pour la largeur. Attention, la hauteur sera proportionnelle à la largeur déclarée.
 

A chaque emplacement choisi, la boite libre avec le diaporama s'affichera suivant la largeur de boite que vous aurez choisi.
Je ne vois pas l'intérêt d'afficher la boite à 100% en plein écran par exemple en 1980x1080, vous allez faire fuir les visiteurs par la lenteur de l'affichage.
 

Un exemple de code à coller dans un article sans boite latérale, en pleine largeur :
















 
Bien sur vous remplacez "photo/fotorama01/maphoto12.jpg" par le chemin relatif vers vos photos.

Le code n'est pas différent, la configuration est la même mais vous pouvez la changer.
Les commentaires aussi, à l'exception des emplacements puis que le diaporama est dans un article.

Pour l'afficher vous pouvez sélectionner une boite menu lors de la création de l'article ou le laisser hors menu et l'afficher par un lien sur un mot, un groupe de mots ou un lien sur une miniature.
 

Vous aurez un lien de ce genre pour un mot, un groupe de mots:

Diaporama
 

Celui-ci pour une miniature:

mini.png

Dans ces deux liens pg=473, 473 correpond à l'ID de l'article.

La totalité des paramètres de configuration se trouve sur cette page (en anglais), ne testez pas sur un site en production.
 

Important !

Ne remplacez pas la version incluse dans GuppY par une version téléchargée sur le site de Fotorama, des modifications ont été faites notamment dans les feuilles de style CSS pour obtenir la validation W3C.

Suite à plusieurs demandes, vous trouverez le zip de la dernière version de Fotorama 4.6.4 sur ce lien, c'est la version qui était intégrée à GuppY. Il n'y a pas eu de nouvelle version depuis cette date. Vous devez l'installer avec la fonction Installer de GuppY 5.

Fotorama : Un diaporama simple - par Papinou le 08/07/2019 @ 07:44 

Un diaporama facile avec Fotorama

 

Ma préférence va à Fotorama car il est responsive design et la taille s'adapte à tous les écrans.
Pour l'installation, rien à faire, Fotorama est utilisé par les galeries photos de GuppY 5 depuis la version 5.0.3
Tous les fichiers sont en place, vous n'avez qu'à mettre le bon code pour l'utiliser sans souci, la GuppY Team suit l'évolution de Fotorama.

Dans ce tutoriel, vous allez trouver plusieurs exemples d'utilisation de Fotorama avec pour chaque exemple le code et la configuration pour avoir une affichage correct.

Un exemple de code à coller  en mode source dans une boite libre:
















 
Bien sur vous remplacez "photo/fotorama01/maphoto12.jpg" par le chemin relatif vers vos photos.
 

Commentaires :

 - en premier lieu, vous devez redimensionner vos photos et les sauvegarder dans un répertoire. 900px en largeur est un maximum,  mettre plus grand ne sert à rien, le navigateur redimensionnera les photos, et ceci va ralentir l'affichage de la page de votre site.

 - dans le répertoire photo, j'ai créé un répertoire fotorama01 pour sauvegarder mes photos redimensionnées.

 - pour le code, la première ligne sert à centrer la photo sur la page, la seconde ligne contient la configuration du diaporama: data-autoplay="true" pour le démarrage automatique, data-ratio="800/600" pour les photos en 4/3, data-transition="crossfade" pour activer le fondu entre les photos, data-width="100%" pour la largeur en pourcentage pour le responsive design.

Ensuite le code pour chaque photo du répertoire, à noter : pas d'accent, pas d'espace, pas de majuscules, et jpg en minuscule.
En procédant de cette façon, vous gagnerez du temps et eviterez les problèmes.

La solution de la boite libre me parait la plus simple, ensuite il suffit de réserver cette boite au groupe privé de ton choix.
 

Pour une adaptation totale à votre skin, vous ajoutez à la fin de votre fichier styleplus.css ceci:
 

.FB450 { /* boîte fotorama */
color: inherit;
background: transparent;
}

FB450, 450 correspond à l'ID de la boite libre, donc vous remplacez 450 par l'ID de votre boite.
 

Si vous voulez l'afficher dans les boites du haut de la page, n'oubliez pas le § devant le titre de la boite pour ne pas l'afficher.
Enfin vous pouvez mettre 20%, 30% ou plus pour la largeur. Attention, la hauteur sera proportionnelle à la largeur déclarée.
 

A chaque emplacement choisi, la boite libre avec le diaporama s'affichera suivant la largeur de boite que vous aurez choisi.
Je ne vois pas l'intérêt d'afficher la boite à 100% en plein écran par exemple en 1980x1080, vous allez faire fuir les visiteurs par la lenteur de l'affichage.
 

Un exemple de code à coller dans un article sans boite latérale, en pleine largeur :
















 
Bien sur vous remplacez "photo/fotorama01/maphoto12.jpg" par le chemin relatif vers vos photos.

Le code n'est pas différent, la configuration est la même mais vous pouvez la changer.
Les commentaires aussi, à l'exception des emplacements puis que le diaporama est dans un article.

Pour l'afficher vous pouvez sélectionner une boite menu lors de la création de l'article ou le laisser hors menu et l'afficher par un lien sur un mot, un groupe de mots ou un lien sur une miniature.
 

Vous aurez un lien de ce genre pour un mot, un groupe de mots:

Diaporama
 

Celui-ci pour une miniature:

mini.png

Dans ces deux liens pg=473, 473 correpond à l'ID de l'article.

La totalité des paramètres de configuration se trouve sur cette page (en anglais), ne testez pas sur un site en production.
 

Important !

Ne remplacez pas la version incluse dans GuppY par une version téléchargée sur le site de Fotorama, des modifications ont été faites notamment dans les feuilles de style CSS pour obtenir la validation W3C.

Suite à plusieurs demandes, vous trouverez le zip de la dernière version de Fotorama 4.6.4 sur ce lien, c'est la version qui était intégrée à GuppY. Il n'y a pas eu de nouvelle version depuis cette date. Vous devez l'installer avec la fonction Installer de GuppY 5.

(08/07/2019 @ 07:44)

08/12/2019 @ 07:06