[Dev] [1.0.5] Copyright et réseaux sociaux

[Steph]

• Titre : Copyright et réseaux sociaux
• Description :
  
  • Avec cette extension vous afficherez en bas de votre forum et sur toutes les pages, un copyright de votre choix avec affichage de l’année en cours. Vous aurez également la possibilité de mettre des liens vers les principaux réseaux sociaux.
• Version : 1.0.5
• Auteur : Steph
• Historique des versions :
  
  • 1.0.0-b1 du 24/04/2016
    
    • Toute première version
  • 1.0.0-b2 du 24/04/2016
    
    • Corrections dans le code et la traduction
    • Ajout de la possibilité de personnaliser l'année de début et de fin de copyright
  • 1.0.1 du 25/04/2016
    
    • Corrections html et CSS comme suggérés par cabot : http://forums.phpbb-fr.com/extensions-d ... l#p1625584
    • Ajout du choix d'ouvrir ou non les liens dans une nouvelle fenêtre
  • 1.0.2 du 01/05/2016
    
    • Suppression de contact et donation qui n'a rien à voir avec les réseaux sociaux donc le but de l'extension.
    • Ajout d'une condition de chargement de la feuille CSS seulement si l'extension est active.
    • Ajout de nouveaux réseaux sociaux et de nouvelles icônes
  • 1.0.3 du 11/06/2016
    
    • Suppression de la vérification de version depuis l'espace de réglage de l'extension, car cette possibilité existe déjà dans phpBB
    • Ajout de nouveaux réseaux sociaux et de nouvelles icônes - Merci à Mazeltof
  • 1.0.4 du 09/09/2017
    
    • Correction d'un bug lors de la suppression des données de l'extension au moment de la désinstallation
    • Petite correction pour le responsive
  • 1.0.5 du 30/11/2022
    
    • Rajout de contact et donation
    • Suppression de Google plus qui n'existe plus
    • Mise en conformité du code pour utilisation de TWIG
• Téléchargement : Copyright et réseaux sociaux
• Compatibilité :
  
  • phpBB 3.2.x et phpBB 3.3.x
• Installation :
  
  • Décompressez l'archive de l'extension vous obtiendrez un répertoire nommé empreintesduweb
  • Copier le répertoire empreintesduweb et son contenu tel quel à l'intérieur de ext qui se trouve sur votre FTP à la racine de votre installation phpBB là ou se trouve le fichier config.php de tel sorte à obtenir l'arborescence ext/empreintesduweb/copyfooter
  • Allez ensuite dans l'administration de votre forum (PCA) et activez l'extension en vous rendant à l'onglet Personnaliser > menu de gauche Gérer les extensions
  • Cliquez sur Activer
  • Rendez-vous ensuite à l'onglet Extensions qui doit être créé si ce n'est déjà fait par une autre extension
• Comment mettre à jour l'extension et ne pas perdre les précédents réglages :
  
  • Rendez-vous dans l'administration de votre forum (PCA) > onglet Personnaliser
  • Dans le menu de gauche cliquez sur Gérer les extensions
  • Cliquez sur Désactiver pour l'extension concernée (Une fois de retour dans la liste des extensions il ne faut surtout pas cliquer sur Supprimer les données)
  • Sur le FTP rendez-vous dans le repertoire ext/empreintesduweb et supprimer complètement le dossier nommé copyfooter
  • Toujours sur le FTP : Renvoyez le repertoire copyfooter de la nouvelle version
  • Rendez-vous dans votre PCA > onglet Personnaliser
  • Dans le menu de gauche cliquez sur Gérer les extensions
  • Vérifiez que le numéro de version correspond bien à la nouvelle
  • Cliquez sur Activer pour mettre à jour l'extension

[cabot]

Ah chouette, y a du CSS ! Je vais pouvoir faire quelques remarques.

[Skouat]

@cabot

@Steph :
Dans l'ACP => une clé de langue n'est pas interprétée ACP_EDW_UP_TO_DATE

Indiquez l’URL de votre page de donation.

A remplacer par

Indiquez l’URL de votre page de dons.

J'ajouterai même

Indiquez l’URL complète de votre page de dons.

Pour complète, à répercuter sur les autres clés.

Dernier commentaire.
laisser le choix à l'administrateur de définir l'année (ou les années du copyright, car un copyright n'est pas forcément validé pour l'année en cours, mais juste pour l'année (ou les années) à la date de génération du site/des pages

[Steph]

Je vais pouvoir faire quelques remarques.

Ces petites extensions sont en quelque sorte des tests pour moi donc fait toi plaisir

@ Skouat > Encore une fois, je tiens compte de tes remarques pour la prochaine version.

laisser le choix à l'administrateur de définir l'année

C'est vrai je en pensais pas comme ça. J'insère ces possibilités dans la prochaine version.

[FoFa]

Hello,

Cool, j'ai installé cette extension sur un forum pour quelqu'un et je l'ai adoptée Merci

[Steph]

Merci

J'ai pleins d'idées pour l'améliorer, mais avant il faut que je peaufine mes connaissances du coup cela parai assez simpliste dans le fonctionnement.

Et j'ai encore du boulot.

[FoFa]

C'est déjà ça. Il m'est d'avis qu'il sera intégré ici-même lorsque nous basculerons en 3.1.x (voire 3.2.x)

[Steph]

Si c'est le cas alors elle doit être au top.

D'ailleurs des petites icônes personnalisées serait sympa des fois qu'un graphiste s'ennuie un peu

[FoFa]

Je suis chargé d'améliorer le forum, j'ai trouvé ça sympa. Je leur ai commandé leur propre petit logo de copyright

[Steph]

Nouvelle version

• 1.0.0-b2 du 24/04/2016
  
  • Corrections dans le code et la traduction
  • Ajout de la possibilité de personnaliser l'année de début et de fin de copyright

Procédure de mise à jour et lien de téléchargement dans le premier message du sujet

[pierredu]

Bonjour,

Puisque tu n'as rien dans le fichier ext.php, tu peux le supprimer.

[Steph]

Salut,

Ce sera fait pour la prochaine version.

[cabot]

A mon tour de jouer

• overall_footer_copyright_prepend.html
  
  1. Utiliser la classe inner sur la div#copyfooter pour rétablir le flux après les flottants (ce qui va permettre de nettoyer le CSS) :

     Code : Tout sélectionner

     <div id="copyfooter" class="inner">

  2. Remplacer l'évènement onclick par l'attribut target sur les liens :

     Code : Tout sélectionner

     <a target="_blank" href="

     Ou mieux, laisser le comportement par défaut et ajouter une option dans les paramètres de l'extension.
     Ex :

     Code : Tout sélectionner

     <a<!-- IF S_EDW_COPYFOOTER_NEW_TAB --> target="_blank"<!-- ENDIF --> href="

  3. Supprimer la classe share-icon sur les liens, elle n'apporte rien car il y a déjà une classe commune share-social.

     Code : Tout sélectionner

     class="share-social icone-

• annee_et_copy.css
  
  1. Supprimer la déclaration de hauteur pour laisser les éléments s'afficher dans leur jus et modifier le padding :

     Code : Tout sélectionner

     #copyfooter {
     	margin: 3px auto;
     	/* padding: 17px; */
     	padding: 2px 17px;
     	/* height: 22px; */
     	text-align: left;
     }

  2. Supprimer le max-width qui n'apporte pas grand chose et dont la valeur en px est arbitraire (au pire, utilise un %tage) :

     Code : Tout sélectionner

     #annee-et-copie {
     	float: left;
     	background: url("./images/copyfooter_copyright.png") no-repeat 7px center;
     	padding: 5px 0 7px 60px;
     	/* max-width: 575px; */
     }

  3. Supprimer le margin-top négatif puisqu'on a déclaré un padding moindre sur le bloc parent et que le flux est rétabli après les flottants :

     Code : Tout sélectionner

     /* #annee-et-copie, #reseaux-sociaux {
     	margin-top: -15px;
     } */

  4. Supprimer la propriété cursor car pointer est la valeur par défaut sur la balise a, supprimer la hauteur et ajuster avec le padding, supprimer le positionnement relatif qui n'apporte rien :

     Code : Tout sélectionner

     .share-social {
     	/* cursor: pointer; */
     	display: inline-block;
     	/* height: 45px; */
     	/* padding: 1px 24px; */
     	padding: 24px;
     	/* position: relative; */
     	opacity: 0.8;
     }

  5. Utiliser la classe share-social à la place de celle supprimée (share-icon), supprimer les déclarations display et height qui n'apportent rien et déclarer 0 au lieu de 1px sur la largeur.

     Code : Tout sélectionner

     /* #copyfooter .share-icon span { */
     #copyfooter .share-social span {
     	/* display: block; */
     	/* height: 0; */
     	overflow: hidden;
     	position: absolute;
     	/* width: 1px; */
     	width: 0;
     }

  6. Bon là je te laisse faire mais pour moi ça ne sert à rien :

     Code : Tout sélectionner

     /* @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
     	#copyfooter {
     		margin: 0 12px;
     	}
     } */

     Pour les résos <= 700px :
  7. Supprimer le min-width qui ne sert à rien car c'est la largeur minimale déclarée sur le container du forum, supprimer la hauteur pour laisser les éléments s'afficher naturellement :

     Code : Tout sélectionner

     	#copyfooter {
     		margin: 0;
     		/* min-width: 290px; */
     		padding: 0 5px;
     		/* height: 120px; */
     	}

  8. Les margin n'ajustent rien qui soit déclaré en amont, le padding n'apporte rien ou pas grand chose et la hauteur est inutile (éléments dans le jus, toussa ^^). Supprimer toute la règle :

     Code : Tout sélectionner

      	/* #annee-et-copie {
     		margin-left: 0;
     		margin-top: 0;
     		padding-top: 6px;
     		height: 40px;
     	} */

  9. Réduire légèrement le padding des liens, ajuster la taille des icônes en conséquence et augmenter un peu l'espacement (toujours dans la règle <=700px) :

     Code : Tout sélectionner

     	.share-social {
     		background-size: 100%;
     		margin-left: .5em;
     		padding: 20px;
     	}	

  Contenu du fichier nettoyé :

  Code : Tout sélectionner

  #copyfooter {
  	margin: 3px auto;
  	padding: 2px 17px;
  	text-align: left;
  }
  
  #annee-et-copie {
  	float: left;
  	background: url("./images/copyfooter_copyright.png") no-repeat 7px center;
  	padding: 5px 0 7px 60px;
  }
  
  #reseaux-sociaux {
  	float: right;
  	padding: 2px 0;
  }
  
  .share-social {
  	display: inline-block;
  	padding: 24px;
  	opacity: 0.8;
  }
  
  .share-social:hover {
  	opacity: 1;
  }
  
  #copyfooter .share-social span {
  	overflow: hidden;
  	position: absolute;
  	width: 0;
  }
  
  .icone-facebook {
  	background-image: url("./images/copyfooter_facebook.png");
  }
  
  .icone-twitter {
  	background-image: url("./images/copyfooter_twitter.png");
  }
  
  .icone-googleplus {
  	background-image: url("./images/copyfooter_googleplus.png");
  }
  
  .icone-youtube {
  	background-image: url("./images/copyfooter_youtube.png");
  }
  
  .icone-contact {
  	background-image: url("./images/copyfooter_contact.png");
  }
  
  .icone-donate {
  	background-image: url("./images/copyfooter_donate.png");
  }
  
  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
  	#copyfooter {
  		margin: 0;
  		padding: 0 5px;
  	}
  
  	#reseaux-sociaux {
  		margin-top: 5px;
  	}
  	
  	.share-social {
  		background-size: 100%;
  		margin-left: .5em;
  		padding: 20px;
  	}	
  }

[Steph]

Merci cabot ça fait beaucoup de chose pour mon petit fichier

Nouvelle version

• 1.0.1 du 25/04/2016
  
  • Corrections html et CSS comme suggérés par cabot : http://forums.phpbb-fr.com/extensions-d ... l#p1625584
  • Ajout du choix d'ouvrir ou non les liens dans une nouvelle fenêtre

Procédure de mise à jour et lien de téléchargement dans le premier message du sujet

[Skouat]

Ah ouais ! cabot n'a pas fait semblant

--- Edit ---

Si je vais dans ACP >> Personnaliser >> Gérer les extension, il est indiqué que cette extension ne gère pas le contrôle de version.

Toujours dans la partie "contrôle de version", voir à caler tes clés de langue sur celles déjà utilisées par phpBB.
Exemple :
- phpBB => Annonce de sortie
- Ton ext => Annonce de mise à disposition

- phpBB => Télécharger la dernière version
- Ton ext => Télécharger la dernière version de l’extension

Je pense qu'il y a moyen d'utiliser les même clés de langue.
Ou sinon, tu fais comme moi, tu rediriges directement vers la partie Gestion des extensions.

Par exemple avec mon extension j'ai procédé comme suit :
html :
https://github.com/Skouat/ext_paypal_do ... tml#L3-L23
https://github.com/Skouat/ext_paypal_do ... w.html#L67

PHP:
https://github.com/Skouat/ext_paypal_do ... hp#L78-L81
https://github.com/Skouat/ext_paypal_do ... #L103-L104
https://github.com/Skouat/ext_paypal_do ... #L895-L948