Profil

Rechercher

Catégories

Commentaires récents

Recommander

Cliquez ici pour recommander ce blog

Artistes de la semaine

Calendrier

Octobre 2008
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
<< < > >>

A voir aussi

Jeudi 1 mars 2007

Création d'un template pour over-blog.com.

La création d'un template sur over-blog doit répondre à plusieurs impératifs.

  • Il faut se baser sur les structures fournis par le site
  • Le template proposera de préférence la structure 8 pour les articles.
  • Le template proposera des structures avec des colonnes de 300px
  • Il faut utiliser le plus possible les fichiers communs A1, A2, S1, S2, afin que la feuille accessible par le user soit la plus simple possible.

L'affichage d'un blog se fait comme suit:

  1. On charge la feuille de structure générique pour le type de page courant.
  2. On charge la feuille de structure propre au template et à la structure si besoin
  3. On charge la feuille de style générique au template
  4. On charge la feuille de style propre à une variation
  5. On charge la feuille de style propre à une structure de la variation
  6. Ce procédé doit permettre d'avoir une répétition du code quasi-inexistante, une modification aisée d'un grand nombre de templates, une feuille de style réduite pour un utilisateur désireux de modifier son CSS.
schema-fonctionnement-tpl.gif

archi-263.gif

La rédaction d'un template se fera donc en commencant par le choix des structures disponibles pour chaque type de page, la rédaction des feuilles d'affichage communes aux variations / aux structures

Un template correctement réalisé se doit de posséder les feuilles A1, A2 et S1 et devrait pouvoir se passer de la feuille S2.

structures disponibles actuellement pour les articles

Id Img Desc
0 Une seule colonne de contenu
1 Une colonne de navigation à gauche et une colonne d'article à droite
2 Une colonne d'article à gauche et une colonne de navigation à droite
3 Trois colonnes dont deux de navigation de part et d'autre de la colonne d'article
4 Trois colonnes, deux de navigation la premiere de 195px la deuxieme de 300px toutes deux à gauches de la colonne d'article
5 Trois colonnes, une colonne d'article à gauche suivie d'une colonne de navigation de 300px puis d'une colonne de navigation de 195px
6 Une colonne de navigation de 300px à gauche et une colonne d'article à droite
7 Une colonne d'article à gauche suivie d'une colonne de navigation de 300px
8 Trois colonnes de navigation, une colonne de navigation à gauche suivie d'une colonne d'article suivie d'une colonne de navigation de 300px

En vert les structures à privilégier

structures disponibles actuellement pour les albums

Id Img Desc
0   structure de base d'un album photo

Spécificité des feuilles A1 fournies (Le nom est formé par le TYPE DE PAGE _ ID STRUCTURE _ INCREMENT)

Nom description
album_struct_0_1 album photo avec une largeur de 800px
album_struct_0_2 album photo avec une largeur de 100%
album_struct_0_3 album photo avec une largeur de 950px
article_struct_0_1 article avec colonne de 800px
article_struct_0_3 article avec colonne de 950px
article_struct_0_2 article avec colonne de 100%
article_struct_1_1 largeur de page de 100%
article_struct_1_2 page de largeur de 800px
article_struct_2_1 page de largeur de 100%
article_struct_2_2 page de largeur de 800px
article_struct_3_1 page de largeur de 100%
article_struct_3_2 page de largeur de 800px
article_struct_5_1 page de largeur 950px
article_struct_6_1 page de largeur 950px
article_struct_7_1 page de largeur 950px
article_struct_8_1 page de largeur 950px

En vert les structures à privilégier

publié dans : over-blog communauté : aide css
ajouter un commentaire commentaires (2)    recommander
Retour à la page d'accueil

Présentation

Publicité

Petits conseils

Album photos

  • Nouvelle organisation des bureaux d'overblog
  • l'équipe
  • les locaux d'over-blog
  • locaux d'over-blog de nuit
  • nouveaux bureaux jfg
  • restaurants

Les indispensables

Blog : Sport sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus