Chromium: New Tab Page vraiment personnalisée

[nettlebay]

 le 19 nov 2015

 

New Tab Page ou Page Nouvel Onglet vraiment personnalisable...

 

Avec cette extension pour Chrome/Chromium et autres dérivés vous pourrez mettre en "New Page Tab" votre page préférée ou même une page perso si vous savez le faire...

 

http://www.clocklink.com...  Attention! Juste pour essai, car elle est à mon heure locale càd UTC -4... et adaptée à mon écran 1920x1080

 

Juste pour montrer les possibilités illimitées de cette extension...

 

Ma page: http://basic-black-stmartin.blogspot.com/2015/11/blog-post.html

 

Comme je suis sympa  , voici la nouvelle page avec l'heure de Paris, changement d'heure été/hiver automatique, affichage de l'IP et la météo...  http://basic-black-stmartin.blogspot.com.co/2015/11/homepage-paris-montsouris.html

 

Montsouris est la principale station météo parisienne. Pour changer le lieu, il faudra simplement rentrer dans les paramètres de WeatherUnderground* (et s'inscrire) ou trouver le code station que vous voulez (toujours sur WU*) puis de le changer dans le HTML de la page. À noter qu'il est tout-à-fait possible de créer une page HTML locale et de s'en servir comme homepage. Cette page est optimisée pour Chrome, Chromium et dérivés et pour une définition d'écran de 1920x1080. Il n'est pas sûr du tout qu'elle s'affichera correctement sur une autre définition et un autre navigateur. Je peux vous faire une page si vous voulez sur ce modèle avec votre lieu habituel.

 

*WeatherUnderground, Wunderground ou WU

 

Juste pour info, mon Modèle Blogger est très largement bidouillé pour être simple et ultra-minimaliste. Il me sert pour des dizaines de bricolages et essais. Autre info: l'horloge est en HTML5 (pas en Flash) et elle est bien sûr animée. Si vous voulez vous-aussi créer votre horloge, cliquez ici ou cliquez sur l'horloge dans la page démo. Choisissez de préférence un modèle en HTML5.

 

Si ça vous intéresse, dites-le moi, je vous ferai une page à votre goût et à votre fuseau horaire... Rien n'empêche d'ailleurs de rajouter d'autres horloges, la météo, les news etc... Et tout ça, vraiment personnalisé.

 

Avec la touche F11, vous pouvez passer en Plein Écran et donc de vous servir de cette page comme une sorte de Screensaver... et de méga-horloge (sur un écran de 23"). On peut modifier le code de la page pour obtenir une horloge plus ou moins grande. En principe, la version Flash peut permettre d'obtenir une horloge (en bricolant un peu) qui occupe tout l'espace disponible et s'adapte automatiquement à la taille de l'écran (Flash n'a pas que des défauts...)

 

Capture New Pad Page dans Slimjet (dérivé de Chromium)

 

 

 

​ QUELQUES JOURS PLUS TARD...

 

J'ai amélioré ma page perso et je dois avouer qu'elle est un peu surchargée maintenant mais utile...

 

Attention, si vous l'essayez (pour tester), sachez qu'elle est particulièrement conçue pour moi, ma définition d'écran (1920X1080), mon emplacement géographique, etc... Avec d'autres tailles d'écran, il est probable que ça va partir en vrille... Telle quelle, elle ne vous sera pas utile.

 

Voici le lien (juste pour info): http://simpleblogbase.blogspot.com.co/2015/11/wu-homepage.html

 

Cette page est hébergée sur Blogger (Google Blogs) mais on peut aussi en faire une page HTML classique. Voici le code qui pourra vous aider à démarrer: 

 

https://dl.dropboxusercontent.com/u/19586410/HTML/homepage.txt

 

N'essayez pas d'héberger ce genre de page sur Dropbox. Ça ne fonctionnera pas en raison de certains scripts et iframes.

 

Pour ma part, elle est hébergée directement dans mon /home (donc en local) à cette adresse: file:///home/USER/homepage.html et ça fonctionne parfaitement avec replace-new-tab-page

 

 

 

 

 

 

De gauche à droite

• La météo "live" est faite avec The Weather Underground. J'ai choisi Anguilla (que je vois depuis ma fenêtre) parce que les données de vent sont plus réalistes que celles de St Martin
• L'image satellite "style-radar" est de ma conception (avec l'aide des images sat de WeatherUnderground)
• Mon bloc-note est celui du service en ligne https://laverna.cc. Je l'ai inséré dans un iframe. Mais sur ma "vraie" page (en local càd sur mon disque dur), c'est Hackpad que j'utilise)
• Les News sont celles de http://m.france24.com/fr/(Site mobile de France24) dans un iframe
• Grâce à deux icônes/liens je peux switcher sur http://mobile.francetvinfo.fr/et retour sur http://m.france24.com/fr/. J'ai l'intention  d'en configurer un 3e.

Je n'ai pas utilisé de tableau mais le positionnement des DIVs

 

 

 

LIENS:

• Replace New Tab Page: https://chrome.google.com/webstore/detail/replace-new-tab-page/kmefkabopeopeejhaohiigkgpkcbchna
• https://laverna.cc
• Hackpad
• http://simpleblogbase.blogspot.com.co/2015/11/wu-homepage.html(exemple)
• http://basic-black-stmartin.blogspot.com/2015/11/blog-post_3.html(Horloge heure de Paris)
• http://basic-black-stmartin.blogspot.com.co/2015/11/homepage-paris-montsouris.html(IP, horloge heure de Paris, météo Paris)

Edited November 23, 2015 by nettlebay