26 novembre 2007 à 23:53

[PasàPas]Le skin

'tin! j'étais à la conclusion du message, pis en voulant regarder la version de FF que j'avais, il a recharger mon onglet et j'ai tout perdu mon super texte... j'suis deg, je dois recommencer....

Bon, bin je recommence.... mais en plus rapide, y'aura moins de blabla, na!
Après une bonne heure de recherche et de méditation, j'ai fini par trouver quoi faire. Vous avez vu un peu mes travaux, et vous savez que ce que je cherche avec les modèles de blog, c'est tout d'abord cassé les formes et ne pas mettre des cadres partout. Car les cadres, c'est pas naturels. C'est comme la ville... Et la ville, c'est nul! (oui, je suis un gars de la campagne au fait ^^) Donc après avoir hésiter à prendre le thème de la forêt, puis le banzaï (car les branches, les racines et les feuilles apportent naturellement de l'élégance et obligent presque à ne pas rester cloisonner) je me suis diriger vers... NOYEL !!!(oui, je ne dis pas noël mais noyel...) Car c'est bientôt, donc j'suis sur que tout le monde va vouloir transformer son p'tit jardin secret en truc noyelant.
Vec mon coupain Gimp, on est arrivé à ceci:

[- cliquez pour voir le skin noyel -]

Alors, vous en pensez quoi? C'est simple, élégant quand même... on abandonne déjà l'idée du gros cadre/bannière mais on reste quand même dans l'univers blogiens car bien délimiter. J'avais pas trop envie de me casser la tête (j'ai encore peu de fan. Quand j'aurai pleins d'élèves, je ferai des trucs aux tis oignons).
D'ailleurs, vous remarquez l'absence du menu vertical. Je ne savais pas comment l'intégrer...  donc en fait, il sera juste accolé. C'est pas un skin ultime, désolé :-)
J'aurai aimé faire comme dans les autres skins, mais ça demande des p'tits manipulations que j'ai pas envie d'aborder maintenant. On va essayer de faire un skin ou on ne va rien ajouter au contenu. On le changera pour pouvoir afficher le titre au dessus de la date, et la date à tous les messages. Mais c'est tout.

heuuuuuuu.... blablablablabla (je me relis)

Mouais, donc au programme:
découpage de l'image, quoi va où, transformation de l'affichage, transformation du blog via le CSS, adaptation à IE.

Pourquoi adaptation à IE?
Car IE ne gère pas bien le CSS. Microsoft ne pense pas que quand on à le navigateur le plus utilisé au monde, on se doit de le rendre compatibles avec les lois qui régissent internet. Car oui, il y'a des lois qui régissent le web. Elles sont mise en place par le w3c. Ca concerne l'utilisation des langages dynamiques (PHP, Java, Ajax...), statiques (HTML) et l'affichage (CSS, Javascript). Pis sûrement d'autres choses. Tous les autres opérateurs se débrouille pour être un maximum compatible à tout ça, sauf IE.

ingrédients pour ce pas à pas:
- Firefox 2 (2.0.0.8, ou 2.0.0.9 les derniers majs)
- la web developper bar (moi je m'en passe plus. pouvoir modifier le CSS directement sur le navigateur, c'est magique)
- un blog de test (on a autant de blog qu'on veut, autant en profiter)
- un nouveau modèle, 1colonne à gauche
- un accès régulier au p'tit labo pour voir les pas à pas
- un peu de courage
- les fichiers images que je vous fournirai au fur et à mesure

heu... vouala, je crois que c'est à peut prêt tout...
J'aimerai bien que les personnes qui suivent le pas à pas se fasse connaître.
Postez donc un message pour dire que vous êtes paré, que ce mes explications sont clair/pas clair...
Si vous avez un problème, une question, mettez le lien vers le blog ou vous faites mumuse (d'ou l'importance du blog de test ;-)

Demain (la prochaine fois plutot), on attaquera. Vous aurez les images découpées et l'explication du découpage.

See ya!

- Tuto - Commentaires [3] - Permalien [#]

Commentaires

    J'ai hate que tu me montres ... J'attends avec grande impatience depuis que j'ai vu tes skins ...

    Merci d'avance (j'espère que ca va pas etre trop long mdr)

    bye bye !!!

    Par mookie, 27 novembre 2007 à 21:59
  • voila

    on m'a conseiller ton site pour apprendre a maitriser le css etc... donc je relis tout depuis le debut....
    j'ai crée un blog tets mais j'ai reussis a tout planter...y a plus rien...nada!
    regarde...
    http://testmiriela.canalblog.com/

    Par miriela, 24 juin 2008 à 15:08
  • réponse a mirila

    Humpf... pas évident de faire un copier coller qui interepretera tout le code...

    Créer un nouveau skin, dans le menu d'administrateur.
    Passe le en mode expert.
    Copie ce qui se trouve entre les balises et sa fin (sans les points ".") et recolle le dans ton skin de test. Et tout devrai rentrer dans l'ordre

    Par riesseg, 24 juin 2008 à 15:36

Poster un commentaire