UnikGrafik
Description du kit graphique
DarkAndBlue est un kit graphique qui ne passera pas inaperçu ! Nous avons mis en place des effets spectaculaires pour mettre en valeur vos informations, vos images et vos photos ! Toujours plus loin pour faciliter la personnalisation de nos kits nous avons mis en place un système permettant de modifier 6 pages pré-existantes sur un seul fichier html ! Vous naviguerez de page en page grâce à un menu CSS par onglet, à chaque clic les informations (le contenu) de la page disparaissent par un fondu et les nouvelles informations apparaissent par un nouveau fondu (effet magique d’apparition créée par scriptaculous). Nous avons également incorporé l’agrandissement des images par animation light box, ainsi qu’une galerie de photo glissante grâce au script imageflow ! Nous finirons par présenter le formulaire de contact : chaque internaute pourra vous envoyer un mail directement via ce formulaire (utilisation de la fonction mail() de php). Aucune connaissance en programmation n’est nécessaire pour modifier et personnaliser ce kit !
Fiche technique : Six pages créées
- Deux niveaux de menus (horizontal par onglet + vertical par liste de liens)
- Présence d’une galerie d’images : présentation par menu glissant + effet miroir
- Présence d’une page de récapitulatif avec affichage par lightbox
- Présence d’une page de contact (script prêt à l’emploi)
- Présence d’un moteur de recherche google fonctionnel
Design
- Un header avec un logo original pour votre futur site internet (header vierge disponible + fichier PSD du logo)
- Un menu horizontal avec effet de rollover + bouton onglet pour faciliter la navigation sur le site, chaque page à son propre onglet actif !
- Présence des images vierges : logo, header, bouton
- Présence du fichier PSD de l’interface complète pour vous aider à modifier en profondeur votre prochain site
Programmation de l’interface DarkAndBlue
Full CSS : toute l’interface est codé en strict XHTML CSS
- Les menus sont sous forme de liste ul li (facilement paramétrable)
- Les styles de texte et de mise en page sont placés sur une feuille css externe
Galerie effet glissant + miroir (type apple)
Présence d’un script de gestion des images, ajouter simplement votre fichier dans le répertoire img et votre image est tout de suite prise en compte (il faudra également ajouter une balise img dans le fichier index.html dans la section page 3).
Voir le script Image Flow en action
(Attention : ce script de galerie n'est pas compatible IE6.)
En plaçant un lien vers une image, celle-ci s’affichera de façon dynamique grâce au script Lightbox (agrandissement des vignettes via une animation sur une popup css) :
Voir le script LightBox en action
Un formulaire de contact
Géré en JavaScript pour sécuriser le formulaire et en PHP pour traiter l’envoi du mail vers votre boite email. Ce script et paramétrable en deux minutes (ajouter simplement votre email dans le fichier traitement_email.php à la place du mail wks.fr).
Un formulaire de recherche
Le moteur de recherche Google dans votre kit graphique ! Vos futurs internautes auront la possibilité de lancer une recherche google directement à partir de vos pages. Vous n’avez rien à programmer le moteur de recherche est déjà fonctionnel !
Pas besoin d’être un programmeur pour adapter ce site à vos besoins !
Attention : les scripts ne sont pas à vendre, ils sont disponibles gratuitement sur le net, ils sont intégrés dans cette charte à titre d’exemple. L’utilisation, la diffusion et entièrement gratuite via les sites des auteurs :
http://www.huddletogether.com/projects/lightbox2/
http://194.95.111.244/countzero/scripts/_myImageFlow/
Aperçus du kit
Ce kit graphique a d'autres aperçus disponibles.
