Et voilà, j’ai hésité à le mettre… mais je me suis lancé. Le fait est que j’ai développé ce design en 2h cette nuit… pas sommeil, envie de m’amuser avec gimp et le nouveau FireFox 3.5. Donc voilà, les bordures sont généré par CSS 3 (donc valides pour Firefox et Webkit, c’est à dire pour Chrome, Safari, midori…)

Il m’a fallut passé par un petit script pour simplifier le travail. Tous les “div” que je voulais entourer de bordure transparente sont wrappés de cette manière: $$('.bordered, .ticket, #twitter_div, #menu, #blog_tags').each(function (el){ var semi = new Element('div').addClass('semi-transp'); semi.setStyle('width',el.getStyle('width')); semi.injectAfter(el); el.injectInside(semi); el.setStyle('width',''); el.setStyle('float','') });

Vous notez que c’est Mootools qui est utilisé, et toujours en version 1.11 pour mon Copix 3.0.4. La bordure transparente est en fait un bon vieux png avec un canal alpha. Bref, je me suis pas pris la tête… et tant pis pour Internet Explorer.

Bon ok, je me suis pas foulé, IE 8 sait gérer les bordure arrondies. Mais j’ai pas eut le courage de tester sur ma VM, et en plus de ça j’ai simplement pas beaucoup d’intérêt à le faire vue le pauvre 5% de visiteur sur IE que j’accueil.

J’ai pas tout remis, vous ne trouvez pas le bloc RSS ni quelques liens “amis”… je cherche une façon de les mettre plus en avant. Ce sera fait ce week-end.

Tout n’est pas encore super clean, je sais que mes page wiki sont un peu cassées et je sais aussi que j’ai des soucis avec mes addsenses google qui scintillent au chargement. Faut aussi que je trouve une meilleure manière de faire, mais ça ne saurait tarder.

Sur ce, je continue à avancer sur Drupal pour le projet en cours chez un client. N’hésitez pas à critiquer, me passer un savon, vous moquer de mon design :P

A+