Centrer du texte dans une image faite en php

Création d'image en php

Dans un article précédent, je vous montrai comment générer une images de type QRcode mais c’était avec un petit formulaire avec un couche de javascript.
Cette fois ci, on va se pencher sur la création d’image en avec la bibliothèque GD de PHP.

La création d’une image

Dans un premier temps, on va créer une image simple (toute rouge)

header('Content-type: image/png');
$image = imagecreate(150, 150);
$background = imagecolorallocate($image, 255, 0, 0);
imagepng($image);
  • header(« Content-type: image/png »);
    C’est une fonction qui sert à définir quel type de document sera affiché, dans notre cas, il s’agit d’une image png
  • $image = imagecreate(150, 150);
    Pour définir la taille de l’image de l’image que l’on créé
  • $background = imagecolorallocate($image, 255, 0, 0);
    Nous définissons une couleur (en RGV) pour remplir l’image
  • imagepng($image);
    Et on créer l’image !

Ajouter du texte

header('Content-type: image/png');
$image = imagecreate(150, 150);
$background = imagecolorallocate($image, 255, 0, 0); /* On définie une couleur de fond (ici ROUGE) */
$noir = imagecolorallocate($image, 0, 0, 0); /* On définie une couleur que nous utiliserons après*/
imagestring($image, 5, 10, 10, "mon texte", $noir); /* On insère le texte "mon texte" avec une largeur de caractère de 5 à 10px du haut et 10px de la gauche*/
imagepng($image);

Centrer le texte dans l’image

header('Content-type: image/png');

/* * *******************************
 * Parametre
 * ********************************
 */
$largeur = 150; /* longueur de l'image */
$hauteur = 150; /* hauteur de l'image */
$image = imagecreate($largeur, $hauteur);
/* Background */
$background = imagecolorallocate($image, 0, 255, 0);
/* Couleur du text */
$couleurTxt = imagecolorallocate($image, 255, 0, 0);
/* texte à mettre dans l'image */
$txt = "mon texte";
/* Taille du texte */
$font = 3;
/* Hauteur et largeur des caratères */
$largeurCaractere = ImageFontWidth($font);
$hauteurCaractere = ImageFontHeight($font);
/* Longueur du texte (taille caratère X nombre de caractère) */
$largeurTxt = $largeurCaractere * strlen($txt);
/* Recherche de la position horizontale centrale pour centrer le texte */
$positionCentreHor = ceil(($largeur - $largeurTxt) / 2);
/* Recherche de la position horizontale centrale pour centrer le texte */
$positionCentreVer = ceil(($hauteur - $hauteurCaractere) / 2);
/* Ajout du texte au centre de l'image */
$image_string = ImageString($image, $font, $positionCentreHor, $positionCentreVer, $txt, $couleurTxt);
/* Création de l'image */
imagepng($image);

N’hésitez pas à contribuer à cet article en commentant, en apportant des conseils (ou mise en garde) sur la création d’image en php.

Les applications mobiles utiles dans la pratique du Roller Derby

Pour les entraînements, scrimmage, match etc…  il peut être utile d’avoir une application sur son mobile pour chronométrer les jams ou les durées de temps en prison, c’est pourquoi nous allons vous présenter plusieurs applications mobiles (à installer sur votre portable).

Les applications de Roller derby sur Android:

  • Roller Derby PenaltyTimer Free est la version gratuite de Roller Derby Penalty Timer, cette application va servir à chronométrer les temps passés en prison pour les Bloqueuses et Jammeuses de chaque équipe. L’application est paramétrable.
    Disponible sur Google Play: Version GratuiteVersion Payante (2,17€)
  • JamTimer for Roller Derby Free est une application pour chronométrer les jams sur différentes périodes. L’application prend en compte les Time Out (d’arbitrage ou d’équipe). Une remise à zéro est possible. Un signal sonore et visuel apparaît pour la reprise des jams. Il existe une version payante plus complète.
    Disponible sur Google Play: Version Gratuite – Version Payante (1,12€)
  • Penalty Timer for Roller Derby est une application facile à utiliser pour gérer les entrées et sorties de prison.
    Disponible sur Google Play: Version Payante (1,12€)
  • Clink Clock est une application très simple d’utilisation permettant de comptabiliser les temps passés en prison d’une Jammeuses et de 4 Bloqueuses
    Disponible sur Google Play: Version Gratuite
  • Roller Derby Track Details est l’application pour tracer votre rink sans trop vous prendre la tète.
    Disponible sur Google Play: Version Payante (£3.50)
  • 25in5 va vous aider pour le passage des minimums skills. Cette application vous aidera à compter vos 25 tours de rink en 5 minutes.
    Disponible sur Google Play: Version Payante (1,69€)
  • Roller Derby Ref Hand Signals est un guide pour les refs (arbitres) récapitulant les signaux normalisés fait avec les mains.
    Disponible sur Google Play: Version Payante (0,75€)

Les applications de Roller derby sur IPhone/Ipad (iOS)

  • JamTimer est une application pour IPhone pour gérer les jams, elle peut être personnalisée pour tout type de scénario (entrainement, scrimmage, match, …).
    Langues: Français, Néerlandais, Anglais, Finnois, Allemand, Japonais, Portugais, Espagnol, Suédois
    Disponible sur l’Apple Store : Version Payante (1,59€)
  • PenaltyTimer est une application qui va servir à chronométrer les temps passés en prison pour les Bloqueuses et Jammeuses de chaque équipe.
    Langue: Français, Néerlandais, Anglais, Finnois, Allemand, Japonais, Portugais, Espagnol, Suédois
    L’application est paramétrable à souhait.
    Disponible sur l’Apple Store: Version Payante (1,59€)
  • Intro to Flat-track Roller Derby est une application pour découvrir et comprendre le roller derby à travers une vidéo de 2min et des images pour comprendre les gestes des arbitres.
    Disponible sur l’Apple Store: Version gratuite
  • StatTrack va vous servir à comptabiliser les nombres de fautes des joueuses de manière très simple. L’interface est facile à utiliser. Elle permet aussi d’exporter l’historique des fautes pour faire vos statistiques sur le match
    Disponible sur l’Apple Store: Version Payante (2,99€)

Si vous utilisez ces applications ou si vous les avez testées, faites nous un retour.

N’hésitez pas à revenir sur l’article régulièrement, nous agrandirons cette liste.

 

WordPress: Trucs et Astuces

Voici une petite liste de trucs et astuces pour votre thème wordpress

Ajouter un texte personnalisable n’importe où dans votre thème wordpress

Dans le fichier « functions.php » de votre thème
On ajoute une action

add_action('admin_menu', 'add_welcome_interface');

On ajoute un petit menu dans la partie d’administration de wordpress (ici, un menu message)

function add_welcome_interface() {
add_theme_page('Message', 'Message', '8', 'functions', 'monmessage');
}

On créer la fonction avec le formulaire pour administrer notre texte

<form action="options.php" method="post"> 
Titre: <input name="titremea" type="text" value="<?php echo get_option('titremea'); ?>" />
Message:
<textarea cols="100%" name="msgmea" rows="10"><?php echo get_option('msgmea'); ?></textarea>
<input name="Submit" type="submit" value="Mettre a jour" />
<input name="action" type="hidden" value="update" />
<input name="page_options" type="hidden" value="titremea,msgmea" />
</form>

Options de thème

 


Dans votre thème wordpress, à l’endroit où vous voulez afficher ces champs, insérer:


Ajouter/Supprimer des champs pour les utilisateurs

/* Champs utilisateur */
function contacts_field() {

/* Supprimer des champs */
unset($contact['aim']);
unset($contact['yim']);
unset($contact['jabber']);

/* Ajouter des champs */
$contact['tel'] = 'Téléphone';
$contact['twitter'] = 'Twitter';
$contact['facebook'] = 'Facebook';
$contact['linkedin'] = 'Adresse LinkedIn';

return $contact;
}

add_filter('user_contactmethods','contacts_field',75,1);

Ajouter une image à la une pour un article

Dans le fichier « functions.php », ajouter:

add_theme_support( 'post-thumbnails');
/* taille de l'image */
set_post_thumbnail_size(613, 70);

Pour appeler cette image dans l’article
dans le(s) fichier(s) « index.php », « single.php », « page.php » etc …, ajouter:


	

vCard

VCard ScocoUne vCard est un format de fichier (*.vcf) pour les carnets d’adresses. On peut s’en servir pour s’en faire des cartes de visites numériques ou pour exporter/importer les contacts d’un carnet d’adresse à un autre.

Contenu d’un fichier *.vcf

BEGIN:VCARD
VERSION:3.0
FN:Emilien MonNOM
N:MonNOM;Emilien;;Mr
NICKNAME:Scoco
TITLE:Développeur web
EMAIL;TYPE=INTERNET:emilien.MonNOM@gmail.com
EMAIL;TYPE=INTERNET;TYPE=HOME:scoco@scoco.fr
EMAIL;TYPE=INTERNET;TYPE=WORK:emilien.MonNOM@gmail.com
X-SKYPE:scorpus34
TEL:06.X.X.X
TEL;TYPE=HOME:06.X.X.X
TEL;CELL;PREF:06.X.X.X
ADR;HOME:;;;Montpellier;Languedoc Roussillon;34080;France
ADR:;;;Montpellier;Languedoc Roussillon;34080;France
TITLE:Métier du web
BDAY:YYYY-MM-JJ
URL:www.scoco.fr
NOTE:Twitter: @scocogeek
END:VCARD

OVH lance hubiC

 

OVH a sorti hubiC, son système de cloud dans le mème esprit que Dropbox. Un espace dans lequel vous pouvez stocker vos fichiers. Vous pouvez ainsi y accéder à tout moment, via un accès privé et totalement sécurisé.

Il est disponible sous IPhone , Android, Windows et MacOS (prochainement)

hubiC start

hubiC perso

hubiC premium

Stockage 25 Go Stockage 100 Go Stockage Illimité !
Gratuit ! 9.99 € HT /an
(soit 11.95 € TTC)
69.99 € HT /an
(soit 83.71 € TTC)
Disponible début janvier Disponible début janvier

Donc j’ai testé avec le kit « hubiC start » et au bout de quelques heures, mon espace s’est créé. Un espace est donc apparu dans mon poste de travail (10 Go! il manque 15 Go je crois :D)

Pour y mettre des fichier, c’est comme une clé USB 😉 Copier Coller

 

MàJ (06 février 2012): Après un bon mois d’utilisation, le service Hubic est stable et accessible depuis mes différents périphériques (PC, PC Portable, Téléphone sous Android, …)
Pour l’instant je le trouve très pratique dans la mesure où je l’utilise tout sur mes périphériques.

DevCom Méditérranée

Hier j’ai assisté à la DEVCOM  à la Chambre de Commerce et d’Industrie de Nîmes.

logo devcom

Plusieurs points ont été éclairés.

Comment tirer le meilleur de Facebook ?
Dans quels cas est-ce utile d’utiliser Facebook ?
Pourquoi il y a peu d’intérêt dans le cas d’une activité B2B
Etc ….

Bien sur, il n’y avait pas que Facebook.
Twitter, Viadeo, LinkedIn, Foursquare, Google plus ont aussi été abordés.

 

Bref, conférence bien intéressante.

Présents avec moi: Anthony, Margaux, Rachel