PcKULT.NET - La référence en informatique

  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • black color

PcKULT.NET - Recrute

PcKULT.NET est présentement à la recherche de passionnés d'informatique qui veulent se greffer à l'équipe de PcKULT.NET. Si l'aventure vous intéresse, veuillez communiquer avec nous.

webmaster@pckult.net

Plusieurs d'entre nous recherche toujours un maximum de productivité. Afin d'éviter de toujours chercher les programmes les plus souvent utilisé, il existe sous Windows VISTA une possibilité afin de vous venir en aide. En effet, il est possible d'ajouter à vos raccourci, un raccourci clavier tel que CTRL +  K qui vous permetterais de lancer la calculatrice ... ou le programme de votre choix. Alors trève de bavardage, voici l'astuce en question :

  1. Sélectionner le logiciel que vous voulez associer à un raccourci clavier
  2. Faite un clique droit à l'aide de votre souris sur le raccourci choisi et cliquer sur Propriétés



  3. Positionner ensuite votre curseur dans la case Touche de raccourci et appuyer sur le raccourci clavier que vous désirez.



  4. Appuyer sur Appliquer et le tour est joué!


Créer des coins arrondis à la Google Analytics avec CSS

E-mail Imprimer PDF
J'utilise Google Analytics depuis bientôt 1 an et j'ai remarqué un superbe effet de coin arrondi sur leur barre de navigation gauche. Au lieu d'utiliser la méthode des « box », ils ont « supprimé » 1 pixel dans chaque coin. Ceci ne donne pas un coin arrondi réellement, mais l'effet visuel est assez sympa et offre des coins beaucoup plus jolis qu'un coin carré.
 
Google Analytics Navigation
 
Après quelques vérifications, nous avons observé que Google n'utilisait pas d'image pour créer ses coins arrondis. Nous avons donc étudié le tout et nous avons reproduit la technique grâce à quelques balises imbriquées comme ceci :
 
<ul>
    <li>
        <a href="#">
            <b>
                <b>
                    Visitors
                </b>
            </b>
        </a>
    </li>
</ul>

Vous me direz que cette technique abuse peut-être un peu des balises, mais ce qui compte ici est le résultat non ? Il existe une technique utilisant plus de balises afin de donner au coin un plus grand radius, mais dans ces cas-là il vaut mieux utiliser une autre approche selon moi.

Voici donc ici le code CSS qui donne tout son sens à cette approche :

li a {
  display:block;
  border: solid #666;
  border-width: 0 1px;
  text-decoration: none;
  outline:none;
  color: #000;
  background: #e4e4e4;
}
li a b {
  display: block;
  position:relative;
  top: -1px;
  left: 0;
  border:solid #666;
  border-width:1px 0 0;
  font-weight:normal;
}
li a b b {
  border-width:0 0 1px;
  top: 2px;
}


Ajouter cette page à votre Digg-Like préféré
Reddit! Del.icio.us! JoomlaVote! Google! Live! Facebook! Technorati! StumbleUpon! Spurl! Furl! Blogmarks! Yahoo! FeedMeLinks!
Commentaires (4)Add Comment
...
Ecrit par Dave Lizotte, mai 12, 2008
L'idée ne vient pas de moi, mes les programmeurs de Google, on effectué le tout comme celà! Mais effectivement, c'est n'est pas très « sémantique » !
:
Ecrit par jbj, mai 11, 2008
Complètement d'accord avec les commentaires au dessus: si l'idée est bonne dans la théorie, on pourrait aisément faire mieux niveau qualité du html. De plus, tu ne peux pas (Selon le W3C) imbriquer deux balise b(qui elle même est dépréciée) l'une dans l'autre.
!
Ecrit par DuMe, mai 09, 2008
Ça me dérange un peu d'utiliser des balises bold, deux fois de suite pour faire cela. Surtout pour ensuite enlever la propriété bold... un span serai plus judicieux. non?
...
Ecrit par David (Azur Dev), mai 09, 2008
> mais ce qui compte ici est le résultat non ?

Ça dépend si on fait de l'HTML pour faire joli comme en 1980 ou pour indiquer l'importance du texte, ce que recommande le W3C. smilies/wink.gif


Ecrivez un commentaire
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
Réduire l'éditeur | Agrandir l'éditeur

busy
Mis à jour ( Vendredi, 09 Mai 2008 13:26 )  

Sondage

Votre fournisseur Internet
 

Publicités