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

Pour les extensions destinées à phpBB 3.1.x

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com
Partager sur FacebookPartager sur TwitterPartager sur Google+

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

Messagepar Steph » 24 Avr 2016 à 14:20

  • 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.4
  • 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

    • 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 :wink:
    • 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
  • Téléchargement : Copyright et réseaux sociaux
  • Capture d'écran :

      Image
  • 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
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar cabot » 24 Avr 2016 à 15:53

Ah chouette, y a du CSS ! Je vais pouvoir faire quelques remarques. :mrgreen:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar Skouat » 24 Avr 2016 à 16:26

@cabot :mrgreen:

@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
Mes MODS

Ultima-World Hébergé par phpBB-Services
Code parrainage : 1241646554
Skouat
Traducteur
Traducteur
 
Messages: 13395
Enregistré le: 02 Avr 2008 à 19:47

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar Steph » 24 Avr 2016 à 19:18

cabot a écrit:Je vais pouvoir faire quelques remarques.


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

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

Skouat a écrit: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.
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar FoFa » 24 Avr 2016 à 19:19

Hello,

Cool, j'ai installé cette extension sur un forum pour quelqu'un et je l'ai adoptée :wink: Merci :)
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10366
Enregistré le: 15 Nov 2008 à 18:04
Localisation: Auxonne

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar Steph » 24 Avr 2016 à 19:23

Merci :wink:

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.
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar FoFa » 24 Avr 2016 à 19:25

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)
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10366
Enregistré le: 15 Nov 2008 à 18:04
Localisation: Auxonne

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar Steph » 24 Avr 2016 à 19:38

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 :mrgreen:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b1] Copyright et réseaux sociaux

Messagepar FoFa » 24 Avr 2016 à 19:40

Je suis chargé d'améliorer le forum, j'ai trouvé ça sympa. Je leur ai commandé leur propre petit logo de copyright :mrgreen:
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10366
Enregistré le: 15 Nov 2008 à 18:04
Localisation: Auxonne

Re: [1.0.0-b2] Copyright et réseaux sociaux

Messagepar Steph » 24 Avr 2016 à 20:59

Nouvelle version

Steph a écrit:
  • 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 :wink:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b2] Copyright et réseaux sociaux

Messagepar pierredu » 25 Avr 2016 à 09:50

Bonjour,

Puisque tu n'as rien dans le fichier ext.php, tu peux le supprimer.
Avatar de l’utilisateur
pierredu
Extensions
Extensions
 
Messages: 916
Enregistré le: 29 Mai 2011 à 05:49
Localisation: Paris

Re: [1.0.0-b2] Copyright et réseaux sociaux

Messagepar Steph » 25 Avr 2016 à 09:53

Salut,

Ce sera fait pour la prochaine version. :wink:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.0-b2] Copyright et réseaux sociaux

Messagepar cabot » 25 Avr 2016 à 13:29

A mon tour de jouer :mrgreen:

  • 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;
    	}	
    }
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: [1.0.1] Copyright et réseaux sociaux

Messagepar Steph » 25 Avr 2016 à 16:54

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

Nouvelle version

Steph a écrit:


Procédure de mise à jour et lien de téléchargement dans le premier message du sujet :wink:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: [1.0.1] Copyright et réseaux sociaux

Messagepar Skouat » 25 Avr 2016 à 20:46

Ah ouais ! cabot n'a pas fait semblant :lol: :lol:

--- 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
Mes MODS

Ultima-World Hébergé par phpBB-Services
Code parrainage : 1241646554
Skouat
Traducteur
Traducteur
 
Messages: 13395
Enregistré le: 02 Avr 2008 à 19:47

Suivante

Retourner vers Extensions en développement

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité