Minor Changes to HTML-Bootstrap Pages (Project N°2)

Bonjour,

Pas sûr que je poste le projet comme il devrait l'être, je n''ai pas utilisé Freelancer.com depuis longtemps.

Dans ce cas, toutes mes excuses.

J'ai perdu beaucoup de temps à faire fonctionner ma connexion Internet et à vérifier des choses sur téléphone mobile. Désolé pour le retard.

--

Template 1.

--

Dans le zip joint : /template1/

Je ne suis pas sûr du comportement des éléments du menu en haut de pages sur téléphone mobile et sur tablettes.

Sur mon téléphone (un Wiko de base, modèle Y62), le clic sur un élément de premier ordre, avec retrait du doigt qui fait le clic, fait apparaître les éléments de second ordre et met le texte de l'élément de premier ordre en orange.

Si j'utilise un émulateur avec un ordinateur de bureau, "[login to view URL]" par exemple, le comportement est différent, que ce soit avec un émulateur type téléphone mobile et tablette. Le clic sur un élément de premier ordre avec retrait du curseur de la souris de son emplacement, fait apparaître les éléments de second ordre, et met le texte de l'élément de premier ordre en blanc et son fond en orange. Ceci pour tous les éléments de premier ordre, sauf "Bangkok". Pour cet élément-là, pas de changement de couleur du texte, pas de changement de couleur du fond.

Si j'utilise un ordinateur de bureau avec Google Chrome, et que je redimensionne la fenêtre : même comportement qu'avec un émulateur.

Erreur(s) dans le code ou peut-être ai-je mal modifié celui-ci quand j'ai apporté des modifications.

- Ce que je souhaite sur les téléphones mobiles et les tablettes, au clic sur chaque élément de premier ordre du menu, avec retrait du doigt :

. apparition des éléments de second ordre quand ils existent

. changement de couleur du texte de l'élément de premier ordre : blanc

. changement de couleur du fond de cet élément : orange

- Il faudrait aussi ajouter un petit espace entre le début de chaque texte des éléments de premier ordre et le bord gauche du fond orange, pour que le texte soit un peu en retrait, comme pour les éléments de second ordre.

Dans le zip :

. Une page HTML modifiée par mes soins (je suis loin d'être un spécialiste ; le code est plus qu'en chantier...). -> /template1/page/

En ligne :

[login to view URL]

. Le template initial complet en cas de besoin. -> /template1/complet/

Texte long pour trois fois rien...

---

Template 2

---

Dans le zip, /template2/

(J'ai enlevé certains fichiers inutiles pour ce projet, pour rester sous les 25 Mo autorisés ici.)

Pour info, je vais utiliser la version "boxed".

- [login to view URL]

. Comme pour le projet 1 hier, ajouter un titre et une ligne séparatrice sous ce titre, entre chaque ligne d'articles.

. Sous le premier titre et sa ligne, ajouter un texte ("Lorem ipsum" pour l'instant), occupant la largeur des 3 colonnes ; police, taille et couleur : modèle : date des articles.

. Ajouter un autre texte similaire sous le texte de la première ligne d'articles.

. Supprimer les effets sur les images de chaque article au survol du curseur de la souris.

. Cloner la page, supprimer la colonne de droite d'articles, et la remplacer par la sidebar présente sur '[login to view URL]', en enlevant le champ de recherche et en le remplaçant par une zone d'abonnement "Lettre d'Info" (il y a un modèle en pied de page) (titre comme celui de ""Categories", et ajouter une zone de texte comme celui sous l'image qui est dessous "About").

- [login to view URL]

Comme pour le projet 1 hier, ajouter sous "Did You Like This Post? Share it :" deux boites : "Abonnement Lettre d'Information" et un cadre entouré de pointillés.

Si vous voulez voir les pages en ligne avec les images :

[login to view URL]

[login to view URL]

[login to view URL]

---

Template 3

---

Dans le zip, /template3/

Je ne suis pas certain d'utiliser ce template, alors je n'ai pas encore acheté une licence. Je voudrais d'abord voir ce que donne la modification que je vous demande ci-dessous. Si je l'utilise, je me servirai de la version "boxed".

En ligne :

[login to view URL]

Dans le menu, supprimer l'icône téléphone et le numéro de téléphone. Ajouter un élément lien "Lorem Ipsum" : fond foncé, texte blanc. Menu à centrer.

---

Je vous demande ici aussi de commenter chaque modification, pour que je puisse intervenir plus facilement.

Merci.

.

HTML CSS Bootstrap

Nº du projet : #37025675

À propos du projet