TUX-modifier votre page d’accueil

Comment faire de la promotion pour GNU/Linux facilement à vos amis? C’est facile changer pour commencer leurs pages d’accueil à l’effigie de nos mascottes fétiche, effet « Oh qu’ils sont mignon » garanti ^^

Deuxièmement rendre le plus pratique possible notre page d’accueil, j’ai donc placé quelques liens très couramment utilisés dans cette page d’accueil afin d’éviter d’utiliser le moteur de recherche pour aller visiter ces sites.

Et pour un peu plus de confidentialité (bon certes j’ai mis un lien facebook, c’est en attendant Diaspora :P ) j’ai utilisé que des liens et google en HTTPS :D

La recherche sécurisée et les liens HTTPS peuvent servir contre toute personne malintentionnée qui souhaiterait espionner vos activités, contre le web analytics etc… Mais les sociétés continuerons d’enregistrer vos requêtes, qui pourront être fournies à la Justice si besoin est.

En espérant que cette idée vous inspires à faire de même, voici donc le code de ma page d’accueil:

gnougle.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Gnougle</title>
<link type="text/css" href="css/style.css" rel="stylesheet" media="screen" />
</head>
<body>
<div id="global">
  <ul>
    <li><a title="" href="https://maps.google.fr/">Maps</a></li>
    <li><a title="" href="https://login.yahoo.com/config/mail?&amp;.src=ym&amp;.intl=fr">Ymail</a></li>

    <li><a title="" href="https://mail.google.com/">Gmail</a></li>
    <li><a title="" href="https://www.mail.com/intl/">Mail.com</a></li>
    <li><a title="" href="https://login.live.com/">Live</a></li>
    <li><a title="" href="https://www.facebook.com/">Facebook</a></li>
    <li><a title="" href="https://fr.wordpress.com/">WordPress</a></li>
    <li><a title="" href="https://wiki.ubuntu.com/">Wiki-Ubuntu</a></li>

    <li><a title="" href="https://launchpad.net/">Launchpad</a></li>
    <li><a title="" href="https://secure.wikimedia.org/wikipedia/fr/wiki/">Wikipédia</a></li>
    <li><a title="" href="https://ssl.scroogle.org/scrapfr8.html">Scroogle</a></li>
    <li><a title="" href="https://www.ixquick.com/fra/">Ixquick</a></li>
  </ul>

  <p><img title="" alt="" src="https://hackurx.files.wordpress.com/2010/10/gnougle.jpg" /></p>

  <form action="https://encrypted.google.com/search?hl=fr&amp;source=hp&amp;q=">

    <p>
      <input type="text" name="q" value="" />
      <input id="submit" type="submit" value="Lancer la recherche sécurisée" />
    </p>
  </form>
</div>
</body>
</html>

css/style.css :

* {
  margin: 0;
  padding: 0;
}
a, a:link, a:visited, a:active, a:hover {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
body {
  background: #efefef;
}
#global {
  font-size: 15px;
  font-family: freeserif, serif;
}
ul {
  padding-top: 10px;
  text-align: center;
}
li {
  display: inline;
  padding-left: 5px;
}
img {
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}
form, input {
  width: 488px;
}
form {
  margin: 20px auto 0 auto;
}
input {
  height: 28px;
}
input#submit {
  width: 492px;
  height: 32px;
  margin-left: 1px;
}

Un grand merci à EauLand pour avoir amélioré mon code :D


Vus : 1035
Publié par HacKurx : 62