Libellules.ch - forum d'informatique • Afficher une page vide colorée : Internet

par **LeLoup** » 15 Oct 2017 20:16

Bonjour,

Dans la configuration de Firefox / Option / Générale / Démarrage / Au démarrage afficher une page vide.
Cette page vide est blanche. C'est mon problème. Elle m'aveugle.

Serait-ce possible de créer, d'obtenir une page jaune par exemple?

A+

Le Loup

par **Falkra** » 15 Oct 2017 21:45

Bonsoir,

hmmm. On peut faire plus simple, tu crées une page html de la couleur de ton choix, et tu la mets en page d'accueil. :crazy:

par **LeLoup** » 16 Oct 2017 01:07

Oui. C'est une bonne idée. Pourquoi pas mais je ne sais pas coder en html.

par **Kappa** » 16 Oct 2017 09:03

Bonjour LeLoup,

Création d'une simple page colorée :

1. Créer un fichier texte (nom color, extension TXT) avec le bloc-notes contenant ceci :

<!DOCTYPE html>
<html>

<body bgcolor="#FFFF80"></body>

</html>

Remarque : Le code couleur est défini par # et pour changer sa nature, allez voir sur ce site -> https://html-color-codes.info/Codes-couleur-HTML/ , vous pourrez alors sélectionner votre teinte préférée. :wink:

2. Enregistrez ce fichier dans le dossier de votre choix.

3. Modifiez via l'Explorateur de fichiers Windows l'extension TXT en HTM (ou HTML)

4. Ouvrir le navigateur Mozilla Firefox et allez dans Options/Général, puis modifiez l'adresse de la page d'accueil en y plaçant l'adresse du fichier réalisé :
ici le fichier color.htm est dans le dossier C:\Z

5. Quitter Firefox et le relancer pour obtenir ce qui est présenté.

Remarques :

- Il s'agit d'une page vide de chez vide :!:

, sans moteur de recherche. Dès que vous lancerez Google, par exemple, Google affichera sa page d'accueil blanche.
- Vous ne pouvez pas modifier la page d'accueil de Google... comme vous ne pouvez pas modifier la page de Libellules.ch !
- Cependant si vous choisissez Google Chrome comme moteur de recherche, il vous est possible d'en modifier le fond par un thème -> https://chrome.google.com/webstore/sear ... ory=themes

Et voilà :-D

par **Burma** » 16 Oct 2017 09:36

et on peut pas faire une page d’accueil qui n'occupe qu'une partie de l’écran ?

par **jbernet** » 16 Oct 2017 09:47

Mais tu peux faire ce que tu veux tres simplemnt, p.ex avec Powerpoint tu fais une page a ton gout, meme la photo de ta femme dans un coin...
Et tu l'enregistre en choisissant le format htlm.

par **Kappa** » 16 Oct 2017 10:18

La solution proposée répond strictement au besoin exprimé par le demandeur selon la norme NFX-50-150 relative à l'Analyse de la Valeur.

Mais bien évidemment tout peut être fait en utilisant directement un logiciel éditeur de site web (Dreamweaver, par exemple), ce qui évitera de polluer le script par des ajouts d'éléments du Pack Office Microsoft.

Les solutions tierces sont tout à fait possibles et viables , mais l'objectif de la réponse est d'adapter le contenu aux compétences de l'utilisateur.

Toute autre demande modifiera évidemment la solution proposée... mais c'est alors un autre problème :wink:

par **LeLoup** » 17 Oct 2017 05:57

Bonjour à tous et Merci

Un grand coup de chapeau à Kappa. La procédure est très claire. Merci.

Je n'utilise plus Google mais Qwant. https://www.qwant.com/ Je leur ai écrit pour savoir si on pouvait changer la page d'accueil mais je doute qu'ils me répondent.

A+
Le Loup

par **Kappa** » 17 Oct 2017 08:47

Bonjour LeLoup,

Il suffit de demander...

Si vous ajoutez quelques éléments au fichier d'origine :

Code: Tout sélectionner: <!DOCTYPE html> <html> <body bgcolor="#FFFF80"></body> <p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF" size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une information</font></em></font><font color="#333333" size="3"></p> <form method="GET" action="http://www.qwant.com"> <div align="center"> <table bgcolor="#FFFFFF"> <tbody> <tr> <td> <a href="http://www.qwant.com"> <img src="https://www.qwant.com/img/logo/q-48.png" border="0" alt="Qwant" align="absmiddle"></a> <input type="text" name="q" size="31" maxlength="255" value=""> <input type="hidden" name="l" value="fr"> <input type="submit" name="btnG" value="@"> </td> </tr> </tbody> </table> </div> </form> </html>

... vous obtenez votre page d'accueil personnalisée avec moteur de recherche Qwant, le tout dans un fichier sauvegardé sur votre PC (color.htm) :

Notes:
- La procédure est autorisée par Qwant -> Code source officiel : https://help.qwant.com/fr/aide/qwant-co ... -mon-site/
- Entête modifiable et personnalisable (y compris avec image), comme par exemple ...

- ...et pour Google, la démarche existe aussi !

par **LeLoup** » 21 Oct 2017 10:04

Bonjour,

par **LeLoup** » 21 Oct 2017 10:08

[img]/home/michaou/Images/capture%20de%20l'écran.png[/img]

par **LeLoup** » 21 Oct 2017 10:14

Bon. Vous vous en doutez. Je ne suis pas arrivé à insérer une image réduite à 38Ko. C'était pour montrer que sur ma nouvelle page d'accueil de Qwant colorée j'avais inséré une image. Le seul défaut est qu'elle n'est pas centrée.
Le code:

Code: Tout sélectionner: <!DOCTYPE html> <html> <body bgcolor="##08088A"></body> <p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF" size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une information</font></em></font><font color="#333333" size="3"></p> <img class="displayed" src="/home/michaou/Images/Terre3.png" alt="[ABC Tech posssède 75% de part de marché et XYZ 25%]" height="372px" width="567px" margin : auto; /> <form method="GET" action="http://www.qwant.com"> <div align="center"> <table bgcolor="#FFFFFF"> <tbody> <tr> <td> <a href="http://www.qwant.com"> <img src="https://www.qwant.com/img/logo/q-48.png" border="0" alt="Qwant" align="absmiddle"></a> <input type="text" name="q" size="31" maxlength="255" value=""> <input type="hidden" name="l" value="fr"> <input type="submit" name="btnG" value="@"> </td> </tr> </tbody> </table> </div> </form> </html>

A+

Le Loup

par **Kappa** » 21 Oct 2017 10:51

Bonjour LeLoup,

En lieu et place de :

Code: Tout sélectionner: <p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF" size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une information</font></em></font><font color="#333333" size="3"></p> <img class="displayed" src="/home/michaou/Images/Terre3.png" alt="[ABC Tech posssède 75% de part de marché et XYZ 25%]" height="372px" width="567px" margin : auto; />

complétez uniquement la première partie comme ceci :

Code: Tout sélectionner: <p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF" size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une information</font></em></font><font color="#333333" size="3"><br><br><img src="/home/michaou/Images/Terre3.png" width="567" height="372"></p>

et supprimez le paragraphe :

Code: Tout sélectionner: <img class="displayed" src="/home/michaou/Images/Terre3.png" alt="[ABC Tech posssède 75% de part de marché et XYZ 25%]" height="372px" width="567px" margin : auto; />

Cela vous donnera l’image centrée :wink:

par **LeLoup** » 21 Oct 2017 13:58

Merci Kappa!

par **Kappa** » 21 Oct 2017 14:04

A votre disposition, pour toute autre amélioration de cette page :-D

par **LeLoup** » 22 Oct 2017 16:06

Bonjour,

Merci pour votre aide.
J'ai changé de PC et sur celui-là, je veux essayer google. Le problème est que l'image n'apparaît pas. Je l'ai changé de place mais point nini. J'ai regardé la différence de code mais je ne vois ce qui rate.

<!DOCTYPE html>
<html>

<body bgcolor="#FE9A2E"></body>

<p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF"
size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une
information</font></em></font><font color="#333333" size="3"><br><br><img src="C:\Users\KAT\Pictures\libellule_essai.jpg" width="589" height="389"></p>

<form method="GET" action="http://www.google.com">

<div align="center">

<table bgcolor="#FFFFFF">

<tbody>

<tr>

<td>

<a href="http://www.google.com"> <img src="https://www.google.com/img/logo/q-48.png" border="0"
alt="Google" align="absmiddle"></a>

<input type="text" name="q" size="31" maxlength="255" value="">

<input type="hidden" name="l" value="fr">

<input type="submit" name="btnG" value="@">

</td>

</tr>

</tbody>

</table>

</div>

</form>

</html>

En ce qui concerne Google, ça semble fonctionner à part que l'on doit taper sur la touche "Enter" deux fois.
Je me demande si à la place de l'image, ce n'serait pas possible de mettre une vidéo.

A+
Le loup

par **Kappa** » 22 Oct 2017 18:04

Bonsoir LeLoup,

Voici le code demandé pour une image dans une page de recherche avec un module Google :

Code: Tout sélectionner: <!DOCTYPE html> <html> <body bgcolor="#CEECF5"></body> <p align="center"><font color="#FFFFFF" size="7" face="Monotype Corsiva"><font color="#0000FF" size="6" face="Arial, Helvetica, sans-serif"><em><font size="4"><br> Rechercher une information</font></em></font><font color="#333333" size="3"><br><br><img src="chercher.png" width="453" height="277"></p> <form method="GET" action="http://www.google.com/search"> <div align="center"> <table bgcolor="#CEECF5"> <tbody> <tr> <td> <a href="http://www.google.com/search"> <img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a> <input type="text" name="q" size="31" maxlength="255" value=""> <input type="hidden" name="l" value="fr"> <input type="submit" name="btnG" value="Lancer la recherche"> </td> </tr> </tbody> </table> </div> </form> </html>

Et voici ce que cela pourrait donner :

Notes importantes :
- La couleur de fond est ici #CEECF5, vous pouvez la modifier ou en choisir une autre ici : https://html-color-codes.info/Codes-couleur-HTML/
- L'image utilisée est ici chercher.png en 453px par 277 px dans le code, disponible ici : https://img4.hostingpics.net/pics/243244chercher.png
De préférence, placez l'image que vous choisirez dans le même dossier où se trouvera le fichier contenant le code... c'est plus simple. :wink:

- Le logo de Google provient du site de Google : http://www.google.com/logos/Logo_40wht.gif

par **LeLoup** » 22 Oct 2017 19:11

Super! ça fonctionne! Merci kapa ! :-D

par **LeLoup** » 22 Oct 2017 19:15

Je n'arrive toujours pas à insérer une image...

par **LeLoup** » 22 Oct 2017 20:05

Je précise. J'aurai voulu vous montrer l'image colorée de la page obtenue. Mais il semblerait que sur le site Libellule, il y ait un bug. Je n'ai cesse de sélectionner mon image avec Browse... Elle est vue car son nom s'affiche mais après j'appuie sur "Envoyer l'image!" Deux lignes apparaissent mais là s'arrête l’exercice. L'image n'est pas transmise...

Afficher une page vide colorée

Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Re: Afficher une page vide colorée

Qui est en ligne