Kit graphique animaux
Abyss
Explorez les profondeurs des océans avec abyss ! ce kit vous offre un design réaliste inédit et unique inspiré des fonds marins qui illustrera à merveille votre site. caractéristiques générales - 6 pages déjà réalisées pour une mise en ligne rapide - menu vertical extensible à volonté - graphisme - en-tête du site facilement personnalisable avec ou sans photoshop - livré avec un fichier psd et une image vierge si vous ne possédez pas photoshop afin de modifier le nom du site - programmation - galerie photos en dhtml affichant les images et leur description au sein de la page - formulaire de contact (sans script de traitement) - formulaire de newsletter (sans script de traitement) un fichier d'aide très complet vous aidera pas à pas à modifier le header, configurer et utiliser ce kit le kit est codé en xhtml 1.0 strict et css 2.1 valides kit testé et validé sous ie7, ie6, ie 5.5, firefox 2, netscape 7, opera 8 et opera 9. attention ! les formulaires de contact et de newsletter ne sont là qu'à titre indicatif et ne pointent sur aucun système de traitement
Animaux
Animaux est un kit un homepage des animaux. deux pages ont déjà été créés pour faciliter la prise en main. > css > deux .html pages pour modifier
Brown blog » blog dog
######################### # presentation du kit # ######################### bienvenue sur le kit grafikblog dog : le plus beau chien du monde : ce kit a été crée dans le but d'accueillir un blog, tous les emplacements de ce kit ont donc une fonction définie : - le header du haut pour le titre - le sous header pour la date - le dernier header pour afficher les dernières galeries ou photo publiées sur le blog juste en dessous vous trouverez le moteur de recherche, qui a été crée de façon à se fondre entierement dans la charte graphique, 100% stylisée css. nous avons ensuite la page de contenus avec le titre des derniers articles et juste en dessous un emplacement pour une information importante, comme la dernière mise à jour du blog. a droite nous avons un menu textuel et graphique qui se présente sous forme de titre menu et de sous titre. et enfin le footer pour le copyright. tout le style de cette charte est cré avec un fichier externe css qui va vous permettre de personnaliser le texte avec vos propres polices de caractères et modifier la couleur sans grande difficulté. ############################# # personnalisation du kit # ############################# très important le kit peut être personnalisé entierement, le thème pour l'exemple est le chien, mais la charte comprend des images vierges ce qui vous permettra de créer un blog sur tout thème : sport, musique, cinéma etc... modification du titre : pour modifier le titre, créer une image dont la couleur de fond sera #5c4a24 (fichier > nouveau) puis avec l'outil texte cliquer sur l'image et taper le texte, puis faire fichier > enregistrer sous et taper le nom de fichier suivant : titre.jpg. modification des carres : dans votre photoshop faire fichier > ouvrir et selectionner le fichier carre_source.psd, une fois que ce est fait, copier coller l'image dans le carre_source, redimenssionner si nécessaire, un nouveau calque contenant l'image doit apparaitre, la passer en mode incrustation, puis l'enregistrer sous le nom carre1.jpg jusqu'à carre7.jpg. pour l'information importante : il y possibilité d'y lier une image, alors simplement modifier log1.jpg par votre nouvelle image : dimensions > 120x93. interface vierge : attention manoeuvre irréversible : je vous conseille de faire une sauvegarde de vos fichiers avant de faire cette manipulation : rendez-vous dans le dossier images, selectionner puis supprimer les fichiers index_12.jpg, index_16.jpg et index_20.jpg. puis renommer les fichier index_12 copie.jpg en index_12.jpg ainsi de suite. voir les changements dans votre naviguateur.
Aquarium
Ce kit est livré avec le fichier source photoshop® (version 6) du logo, une image vierge du logo (à utiliser si vous ne possédez pas photoshop®) et la police impact pour facilement le personnaliser au nom de votre site. simple à mettre en œuvre et à installer grâce aux nombreux commentaires du code html et de la feuille de style, il ne vous faudra que quelques minutes pour placer vos rubriques, vos textes, images et créer votre site. attention ! le formulaire n'est la qu'à titre d'exemple et ne pointe sur aucun script de traitement ! informations techniques couleurs : #000000 #213745 #414e57 #80a3b7 #cbef99 #8fbeb4 #ffffff polices : verdana langages : html 4.01 transitional valide - css 2 valide divers : largeur 770 pixels - longueur illimité type d'images : jpg & gif compatibilité : ie 5.5 - netscape 6.2 - mozilla 1.0 - opera 5.11 ce kit respecte les recommandations de codage du w3c.
Cat's eyes » green/left
Un kit au thème explicite, consacré à ces petits félins que beaucoup adorent. léger et très simple à mettre en oeuvre, les titres et le menu sont en texte pur, donc modifiables à volonté. le menu est extensible en hauteur, et les couleurs de liens sont gérées par css externe. les photos font partie de la collection privée de l'auteur (accessible en partie sur http://www.k-pi.com). tout est expliqué dans le fichier texte joint. cette version a été mise en place parce que le menu à droite de la version précédente déroutait un certain nombre de gens ;-)
Cat's eyes » green/right
Un kit au thème explicite, consacré à ces petits félins que beaucoup adorent. léger et très simple à mettre en oeuvre, les titres et le menu sont en texte pur, donc modifiables à volonté. le menu est extensible en hauteur, et les couleurs de liens sont gérées par css externe. les photos font partie de la collection privée de l'auteur (accessible en partie sur http://www.k-pi.com). tout est expliqué dans le fichier texte joint. il existe maintenant une version "inversée", avec le menu à gauche ;-)
Explorez les profondeurs des océans avec abyss ! ce kit vous offre un design réaliste inédit et unique inspiré des fonds marins qui illustrera à merveille votre site. caractéristiques générales - 6 pages déjà réalisées pour une mise en ligne rapide - menu vertical extensible à volonté - graphisme - en-tête du site facilement personnalisable avec ou sans photoshop - livré avec un fichier psd et une image vierge si vous ne possédez pas photoshop afin de modifier le nom du site - programmation - galerie photos en dhtml affichant les images et leur description au sein de la page - formulaire de contact (sans script de traitement) - formulaire de newsletter (sans script de traitement) un fichier d'aide très complet vous aidera pas à pas à modifier le header, configurer et utiliser ce kit le kit est codé en xhtml 1.0 strict et css 2.1 valides kit testé et validé sous ie7, ie6, ie 5.5, firefox 2, netscape 7, opera 8 et opera 9. attention ! les formulaires de contact et de newsletter ne sont là qu'à titre indicatif et ne pointent sur aucun système de traitement
Animaux
Animaux est un kit un homepage des animaux. deux pages ont déjà été créés pour faciliter la prise en main. > css > deux .html pages pour modifier
Brown blog » blog dog
######################### # presentation du kit # ######################### bienvenue sur le kit grafikblog dog : le plus beau chien du monde : ce kit a été crée dans le but d'accueillir un blog, tous les emplacements de ce kit ont donc une fonction définie : - le header du haut pour le titre - le sous header pour la date - le dernier header pour afficher les dernières galeries ou photo publiées sur le blog juste en dessous vous trouverez le moteur de recherche, qui a été crée de façon à se fondre entierement dans la charte graphique, 100% stylisée css. nous avons ensuite la page de contenus avec le titre des derniers articles et juste en dessous un emplacement pour une information importante, comme la dernière mise à jour du blog. a droite nous avons un menu textuel et graphique qui se présente sous forme de titre menu et de sous titre. et enfin le footer pour le copyright. tout le style de cette charte est cré avec un fichier externe css qui va vous permettre de personnaliser le texte avec vos propres polices de caractères et modifier la couleur sans grande difficulté. ############################# # personnalisation du kit # ############################# très important le kit peut être personnalisé entierement, le thème pour l'exemple est le chien, mais la charte comprend des images vierges ce qui vous permettra de créer un blog sur tout thème : sport, musique, cinéma etc... modification du titre : pour modifier le titre, créer une image dont la couleur de fond sera #5c4a24 (fichier > nouveau) puis avec l'outil texte cliquer sur l'image et taper le texte, puis faire fichier > enregistrer sous et taper le nom de fichier suivant : titre.jpg. modification des carres : dans votre photoshop faire fichier > ouvrir et selectionner le fichier carre_source.psd, une fois que ce est fait, copier coller l'image dans le carre_source, redimenssionner si nécessaire, un nouveau calque contenant l'image doit apparaitre, la passer en mode incrustation, puis l'enregistrer sous le nom carre1.jpg jusqu'à carre7.jpg. pour l'information importante : il y possibilité d'y lier une image, alors simplement modifier log1.jpg par votre nouvelle image : dimensions > 120x93. interface vierge : attention manoeuvre irréversible : je vous conseille de faire une sauvegarde de vos fichiers avant de faire cette manipulation : rendez-vous dans le dossier images, selectionner puis supprimer les fichiers index_12.jpg, index_16.jpg et index_20.jpg. puis renommer les fichier index_12 copie.jpg en index_12.jpg ainsi de suite. voir les changements dans votre naviguateur.
Aquarium
Ce kit est livré avec le fichier source photoshop® (version 6) du logo, une image vierge du logo (à utiliser si vous ne possédez pas photoshop®) et la police impact pour facilement le personnaliser au nom de votre site. simple à mettre en œuvre et à installer grâce aux nombreux commentaires du code html et de la feuille de style, il ne vous faudra que quelques minutes pour placer vos rubriques, vos textes, images et créer votre site. attention ! le formulaire n'est la qu'à titre d'exemple et ne pointe sur aucun script de traitement ! informations techniques couleurs : #000000 #213745 #414e57 #80a3b7 #cbef99 #8fbeb4 #ffffff polices : verdana langages : html 4.01 transitional valide - css 2 valide divers : largeur 770 pixels - longueur illimité type d'images : jpg & gif compatibilité : ie 5.5 - netscape 6.2 - mozilla 1.0 - opera 5.11 ce kit respecte les recommandations de codage du w3c.
Cat's eyes » green/left
Un kit au thème explicite, consacré à ces petits félins que beaucoup adorent. léger et très simple à mettre en oeuvre, les titres et le menu sont en texte pur, donc modifiables à volonté. le menu est extensible en hauteur, et les couleurs de liens sont gérées par css externe. les photos font partie de la collection privée de l'auteur (accessible en partie sur http://www.k-pi.com). tout est expliqué dans le fichier texte joint. cette version a été mise en place parce que le menu à droite de la version précédente déroutait un certain nombre de gens ;-)
Cat's eyes » green/right
Un kit au thème explicite, consacré à ces petits félins que beaucoup adorent. léger et très simple à mettre en oeuvre, les titres et le menu sont en texte pur, donc modifiables à volonté. le menu est extensible en hauteur, et les couleurs de liens sont gérées par css externe. les photos font partie de la collection privée de l'auteur (accessible en partie sur http://www.k-pi.com). tout est expliqué dans le fichier texte joint. il existe maintenant une version "inversée", avec le menu à gauche ;-)