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
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
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
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
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
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
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
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
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
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
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
Commentaires
le 26-10-2009 à 09:29:16
je suis en train de faire un nouveau blog, et je voudrais le faire avec ton exemple DIZ1 01mdl,
j'ai telechargé la feuille de style et je l'ai mis dans
"modofication direct du css" cela marche très bien.
mais j'ai vu dans le css qu'i y a des images hébergés:
"url(sd-1.archive-host.com/membres/images/183822970129391303/design/fd_degrade/jaune/fd_11.png)"
faut t'il que je le fasse aussi?
Faut t'il héberger toutes les images:"Fonds utilisés dans les variantes de design du Diz Perso"
comment je dois faire!
j'espère que je me suis fait comprendre!
Je te remerci
site/blog
26-10-2009 à 10:21:04
Merci d'apprécier mon travail et de l'utiliser.
Tu peux laisser ces adresses, mais je ne garantis pas l'hébergement à vie, donc il est préférable que les utilisateurs les héberges sur un compte perso.
La procédure se fait en 3 temps :
- tu colles l'adresse de chaque image dans la barre d'adresse de ton navigateur pour les télécharger et les enregistrer sur ton disque dur.
- procéder ensuite à l'hébergement dans la boîte à images Blog4ever ou un hébergeur externe.
- Coller les nouvelles adresses dans la feuille de style à la place des adresses d'origine.
Un conseil pour mieux t'y retrouver, ne changes pas le nom du fichier image, mais ce n'est pas une obligation.
Prends ton temps je ne changerai pas de suite mes hébergements.
Bonne journée
le 26-10-2009 à 21:09:12
c'est super sympas
un grand merci
site/blog
le 13-11-2009 à 11:37:47
J'ai eu un peu de mal , mais sa à marcher en utilisant
<P> </P>à metre dans le contenu en mode Html et j'ai utilisé une partie du genérateur et sa à bien marcher .
Je t'ai mis l'adresse dans ce commentaire , d'une des pages que j'ai changer .
Merci infiniment pour ton travail et surtout le temps que tu as mis pour faire tous ses generateurs.
Bonne journée
le 13-11-2009 à 22:14:32
Merci pour ton commentaire, tu as réussi à mettre du CSS dans un article, c'est bien pratique pour créer des articles différents.
Bonne soirée
le 14-11-2009 à 16:41:50