TypePad Weblog Page Structure: TypePad Tips

Vous trouverez ci-dessous des informations importantes sur la structuration de la page d'un weblog TypePad. Nous y detaillons la hierarchie des divs pour la page ainsi que l'id et la classe (si applicable). Cette page est faite pour etre utilisee conjointement avec la fonctionnalite CSS Personnalise de TypePad qui permet aux utilisateurs de personnaliser le design de leur weblog sans avoir a passer en Habillage Avance.

Structure HTML

<body>
    <div id="container">
        <div id="container-inner" class="pkg">
            <div id="banner">
                <div id="banner-inner" class="pkg">
                    <h1 id="banner-header">Weblog Name</h1>
                    <h2 id="banner-description">Weblog Description</h2>
                </div>
            </div>
            <div id="pagebody">
                <div id="pagebody-inner" class="pkg">
                    <div id="alpha">
                        <div id="alpha-inner" class="pkg">
                        </div>
                    </div>
                    <div id="beta">
                        <div id="beta-inner" class="pkg">
                        </div>
                    </div>
                    <div id="delta">
                        <div id="delta-inner" class="pkg">
                        </div>
                    </div>
                    <div id="gamma">
                        <div id="gamma-inner" class="pkg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

Representation Graphique

body

#container

#container-inner, .pkg

#banner

#banner-inner, .pkg

h1 #banner-header

h2 #banner-description

#pagebody

#pagebody-inner, .pkg

#alpha .pkg

#alpha-inner .pkg

#beta .pkg

#beta-inner .pkg

#delta .pkg

#delta-inner .pkg

#gamma .pkg

#gamma-inner .pkg

Structure de la Page d'un weblog TypePad

Structure HTML

Representation Graphique