.: Schtunks Blog :.

Aller au contenu | Aller au menu | Aller à la recherche

samedi 18 juin 2005

Mise en place d'un favicon

Pour agrémenter et personnaliser un peu plus ce blog, j'ai fait une petite (16x16 pixels) icone, appelée aussi "favicon" (pour "favorite icon" en anglais)...

Voilà ce que cela donne en grand :



Normalement, si vous avez un navigateur récent, vous devriez voir cette icone devant l'URL du blog. Sous FireFox, elle apparait aussi dans l'onglet.

Pour plus d'information sur les "favicons", vous pouvez aller ICI !

La page en anglais est un peu plus complête et elle est LA !

mardi 7 juin 2005

Encoder vos adresse mail dans vos pages html

Comme chacun le sait, nos pages perso sont de véritables mine d'or pour la récolte d'email et donc de "spams" futurs !

Au hasard de mes lectures sur le web, j'ai trouvé cette solution : encoder en hexadécimal car apparement les moteur de recherche et autres robots se contente des adresses avec @.

Mon adresse devient ainsi : %73%63%68%74%75%6e%6b%73%40%66%72%65%65%2e%66%72 et le moteur de rendu html la restitue normalement...

Pour ceux, dont je suis, qui ont la flemme de réflechir à comment encoder en hexadécimal, il suffit d'aller LA.

lundi 23 mai 2005

Affichage PNG dans IE6

Comme je m'amuse à faire des images au format PNG (Portable Network Graphic), un peu par effet de mode mais aussi pour le découvrir, mon logo ne s'affichait pas convenablement dans IE6 car celui-ci ne le gère pas convenablement (sic!)...

Il existe un contournement grace à une instrucion CSS : !important

Cette règle appliquée à un attribut rend celui-ci prioritaire, mais comme IE ne la comprend pas, il l'ignore et se sert de l'attribut non-prioritaire...

Cette astuce permet donc des mises en formes différentes suivant le navigateur.

Ce qui donne dans mon cas pour ma classe logo :

/* Logo dans l'entete *********************************************************/
#logo {
display: block;
position: absolute;
width: 100px;
height: 100px;
right: 50px;
top: 25px;
background : transparent url(img/logo2.png) !important; /*géré par FireFox */
background : transparent url(img/logo2ie.png); /*pour IE */
}


Fini donc le gris neutre à la place de la transparence dans IE car celui-ci affiche un deuxième logo, fait sans transparence !

Espérons que IE7 sera plus complet (implémentation du canal alpha), ça nous évitera ce genre bricolage !

samedi 21 mai 2005

Nouveau thême Dotclear : OrangeBleu

Voici un nouveau theme DotClear qui habille ce blog... Je l'ai appelé, sans grande originalité, OrangeBleu.

Au départ, j'étais parti du theme RougeCiel 1.0 de Maurice Svay mais comme j'avais envie de comprendre un peu la technique des CSS, je me suis fait mon propre thême... J'ai déjà réalisé une maquette de ce que je souhaitais avoir et ensuite j'ai mis cela au "standard" DotClear (style.css, template.php, etc...)

Bien-sûr, j'ai repris quelques éléments du code de Maurice Svay car il me convenait bien et que, pour finir, il n'y a pas 36000 façon de faire...

Il y a quelques petites différences entre FireFox et IE6 mais elles ne sont pas forcément génantes et/ou peuvent être contournées facilement (en utilisant un logo sans transparence sous IE, par exemple...)

Le forum DotClear est aussi un précieux atout pour comprendre et demander de l'aide le cas échéant... Il ne faut pas hésiter à y faire un tour pour chercher des solutions à tous ses petits tracas !

mardi 29 mars 2005

Premier billet

Et voilà ! Je me penche moi aussi sur le blog...

page 4 de 4 -