Nicorama Site

Accueil Nicorama Site

Bienvenue sur Nicorama Site

Partage d' images avec l' API imgbb. Les visiteurs vous envoient des images.

Nicorama Site a été construit avec un simple éditeur de texte sur Linux.
Il est lisible aussi bien par les écrans à grande résolution que par les appareils mobiles ( Responsive Web Design ).

J'ai pompé au départ les feuilles de style en cascade (css) de Timo Van Neerden.
Merci pour l' aide qu' il apporte aux développeurs de sites "responsive web design"

Il a construit lui-même son site avec l'éditeur de blogs Blogotext dont il est le développeur actuel. Si vous voulez utiliser Blogotext, je pense que votre hébergeur devra supporter le PHP5

J'ai suivi ses pages de tutoriel pour construire un site responsive, qui sont en fait une démonstration de ce que l' on peut faire en responsive, exclusivement avec HTML5 et CSS.
En effet certains utilisateurs n'ont pas javavascript installé dans leur appareil ou il est tout simplement désactivé
Vous pouvez suivre le lien vers ce tutoriel de "Le Hollandais volant" ainsi que vers d'autres tutoriels sur le "responsive web design" plus bas dans cette page à: "Référencement de sites mobiles et adaptatifs".

J'ai modifié les CSS en fonction de mes besoins et dans la mesure de mes connaissances en programmation.

J' ai fait le choix d' un menu horizontal

Pour le menu horizontal de cette page, je suis allé voir chez Vasil Dinkov @Vadikom, qui développe Smartmenus depuis 2004-2006, notamment avec javascript et Jquery

 Introducing Startmenus for Jquery

Vous avez aussi le plugin jQuery Flexnav

 A jQuery Plugin for Responsive Menus

dont j' utilise la version 06 dans mon autre site, plus discret que Startmenus sur petit écran. Le menu descendant est capable de se dérouler sur plusieurs niveaux.
Voir aussi le tuto de Tessa Thornton
Et son menu déroulant sur deux niveaux à tutplus.com dropdowns et toogle menu

Pour cette page, ceux qui n'ont pas Javascript activé dans leur système, ne voient pas les sous-menus déroulants qui contiennent pourtant des liens. Ils n'ont accès qu' aux liens de la barre du menu.

Alors, j' ai ajouté des pages supplémentaires, des pages intermédiaires, qui contiennent les liens qui sont invisibles pour ces utilisateurs qui n' ont pas javascript.

J' ai utilisé Bootstrap pour ces pages intermédiaires. Bootstrap est étudié d' abord pour les appareils mobiles. Si vous ne faites pas attention dans votre programmation, cela peut donner des résultats médiocres sur des grands écrans.