Meine Blog-Liste

QR-Codes win mostly

QR-Codes win, mostly.


L'oeil de Genève - Webcam, Genève, Genève Webcam, Plainpalais, Jet d'eau
 
 
 
 

Sonntag, 28. März 2010

Nouvelle interface .tel : mode d’emploi


Ça y est : tous les domaines .tel bénéficient de la nouvelle interface que je vous annonçais en exclusivité dès le mois de décembre dernier, ce que Telnic avait confirmé quelques semaines plus tard.

Voici donc la liste exhaustive de ces modifications et améliorations ainsi que la manière de les mettre en œuvre :

Image, photo, logo

Il est désormais possible d’insérer une image, un logo ou une photo dans un domaine .tel. Cette fonctionnalité est bien sûr réservée au TelProxy, l’affichage mobile n’affichant que le lien vers l’image pour un affichage éventuel, afin de rester le plus léger possible dans un but de performance.


Comment faire ?

Une nouvelle boîte “Logo” a fait son apparition dans le panneau de configuration TelHosting à droite de votre écran entre TelFriends et Localisation :

logo-cth-1

Cliquez sur “Ajouter +”

Saisissez l’URL de votre image/photo/logo (vous aurez préalablement du l’uploader sur un site gratuit ad-hoc, il en existe de très nombreux, comme par exemple ImagesHack).


L’image choisie doit absolument être carrée (afin d’éviter toute distorsion) et idéalement d’une taille de 78 x 78 pixels. Optimisez son poids en Ko, son chargement n’en sera que plus rapide …

ajouter-logo

Vous pouvez également choisir d’utiliser un Gravatar (Globally Recognized Avatars).

Cliquez sur “Prévisualiser” pour vérifier l’affichage de votre image, puis cliquez sur “Enregistrer”. Votre image s’affiche sur le TelHosting :


logo-cth

et quelques secondes/minutes plus tard sur votre .tel.

Icônes Social Media personnalisées

Si vous saisissez, les adresses Web de vos profils Twitter, Facebook, LinkedIn ou Viadeo, une icône personnalisée aux couleurs du site social en question apparaîtra automatiquement.

Comment faire ?

Rien à faire, c’est entièrement automatisé. Reste à Telnic à ajouter quelques icônes supplémentaires afin de personnaliser également les liens vers d’autres réseaux sociaux comme par exemple YouTube, SlideShare, YouNoodle, Vimeo, etc.

Personnaliser les couleurs de votre page .tel


Vous pouvez désormais rendre votre page .tel originale en appliquant des couleurs différentes à 3 endroits distincts de l’arrière-plan de votre page : la barre horizontale supérieure, le cartouche incluant votre image et le nom de votre site .tel, et le reste de la page.

Comment faire ?

Un 3ème onglet Apparence a fait son apparition sur votre panneau de configuration TelHosting :

onglet-apparence-tch

Cliquez dessus pour faire apparaître l’interface de configuration suivant :


couleurs-arriare-plan

Utilisez ensuite les boîtes de dialogue/palettes de couleur pour personnaliser la couleur de chacune des 3 parties personnalisables.

Vous pouvez sélectionner la teinte de votre choix en déplaçant le curseur de votre souris sur la palette ou en saisissant directement les codes RGB/Red, Green, Blue (RVB/Rouge, Vert, Bleu en français) et HSB/Hue, Saturation, Brightness (TLS/Teinte, Luminosité, Saturation en français)

palette

et cliquez sur Enregistrer pour sauvegarder vos choix et mettre à jour votre page .tel.

Jetez un coup d’oeil sur ToutPointTel.tel pour visualiser le type de résultats que l’on peut obtenir !

Sinon, on notera également :


- une fonction vCard dont les fonctionnalités de mapping semblent avoir été améliorées,

vcard

- la possibilité d’imprimer la page .tel affichée à l’écran

imprimer

Au final, voilà de très sensibles améliorations du “look & feel” des pages .tel, à la veille du premier anniversaire de l’extension.


J’ai déjà néanmoins fait quelques suggestions supplémentaires à Telnic :

- ajouter des icônes supplémentaires afin de personnaliser également les liens vers d’autres réseaux sociaux comme par exemple YouTube, SlideShare, YouNoodle, Vimeo, etc.

- diminuer la taille du logo .tel présent sur les pages .tel

- diminuer la taille des cartouches “Imprimer cette page” et “Télécharger vCard”


- offrir la possibilité de personnaliser la couleur des caractères

Prochaine étape, l’intégration des liens sponsorisés Google AdSense : restez connectés !

Keine Kommentare:

Kommentar veröffentlichen