Nouveau design de blog
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+
Trackbacks
Pour ajouter un trackback (retrolien) sur ce ticket, utilisez cette adresse: http://www.metal3d.org/index.php/trackback/default/tb?id=blog%2F210
Wahou, tu développes même la nuit?
98% de mes développements comme Pholow, Copix ou mes contributions à OOC se font entre 23h et 4h du matin.
Du coup je suis devenu fan de café :)
Pour la petit histoire, le code javascript ci-dessus n'est plus utilisé et j'ai surchargé mes templates Copix pour que ça se fasse directement. Et c'est plus clair comme ça.
Je viens de voir des captures sur IE8 de mon blog, ça passe pas si mal finalement... même sur IE7