Générateur DIZ1


 

Avec le  premier générateur DIZ1, les variantes sont sur les différentes possibilités de présenter la partie "Haut" de vos pages à partir du modèle de base DizPerso. Ce générateur est paramétré par défaut avec les valeurs pour créer le premier modèle présenté, un seul clic vous suffira pour générer la feuille de style, mais vous pouvez bien sûr modifier les valeurs et créer votre propre modèle. Des exemples créés avec ce générateur, vous feront découvrir les variantes et vous pourrez télécharger leur feuille de style.

Le générateur DIZ1_A est identique à DIZ1, la seule différence, mais très importante, est son adaptabilité flexible selon la définition d'écran des internautes. Le "Cadre" est optimisé à la base en 1024px de large, il accepte jusqu'à 1600px de large et pour des écrans plus larges, un fond de page couleur, en harmonie avec le modèle, remplira l'espace inutilisé.
Pour tester cette flexibilité, cliquez sur les liens de chaque modèle pour afficher la page exemple.
Dans la feuille de style du modèle adaptable, le code différent du modèle de base est commenté, ainsi vous pourrez peut-être l'essayer sur un blog test.

Ouvrir un des générateurs suivant :  DIZ1 | DIZ1_A


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_01mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A01mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_02mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A02mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_03mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A03mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_04mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A04mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_05mdl

Voir la page exemple modèle adaptable 
Télécharger la feuille de style DIZ1_A05mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_06mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A06mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_07mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A07mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_08mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A08mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_09mdl

Voir la page exemple modèle adaptable
Télécharger la feuille de style DIZ1_A09mdl


Cliquez pour agrandir
Voir la page exemple
Télécharger la feuille de style DIZ1_10mdl

Voir la page exemple modèle adaptable 
Télécharger la feuille de style DIZ1_A10mdl


 

 



03/08/2009
6 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso