32
My Folio : Aide à la personnalisation du kit graphique
- Que faire avec le fichier (...)
- Héberger mon kit graphique
- Comment modifier le menu (...)
- Comment modifier le texte (...)
- Comment modifier les intitulés
- Pour modifier le bloc Section
- Modifier le moteur de recherch
- Comment modifier les intitulés
- Comment modifier le footer
- Comment modifier la galerie
- Comment ajouter une image (...)
- Comment modifier la page (...)
- Comment modifier le logo (...)
Voici un document simple clair et précis pour personnaliser le kit grafik My folio vendu via le site kitgrafik.com !
Pour suivre ce tutorial vous avez besoin de notions de base en HTML pour comprendre au mieux et également photoshop pour les éventuelles retouches d’images à faire !
Nous ne traiterons pas –comme d’habitude- les problèmes par étape mais par catégorie, voyez plutôt ci-dessous.
Que faire avec le fichier .Zip ?
A la suite de votre achat sur kitgrafik.com vous devez normalement vous retrouver avec un fichier .zip, faites un clic droit sur ce fichier et deziper le dans un dossier (peu importe le nom, par contre il est très important de garder l’arborescence des fichiers).
Vous devriez maintenant apercevoir le fichier index.html, celui-ci correspond à la première page du site, double cliquez dessus pour l’ouvrir dans un navigateur ! Constatez que tout fonctionne (hormis la galerie glissante, le moteur de recherche et le formulaire de contact qui nécessitent l’hébergement sur un serveur distant).
Si tout est bon, je peux passer à la suite !
Héberger mon kit graphique sur un serveur distant
Pour pouvoir utiliser pleinement les fonctionnalités proposées par my folio, il faut héberger tous les fichiers sur un serveur FTP (voir cette page pour plus d’informations sur le serveur FTP : http://fr.wikipedia.org/wiki/Serveur_FTP). Pourquoi dois-je faire cela ? Car la galerie, ainsi que le formulaire de contact utilisent un script PHP pour fonctionner, le PHP est un langage serveur ! Cependant vous pouvez personnaliser le graphisme ainsi que les textes directement sur votre machine et ensuite les placer sur votre serveur (via un client FTP comme filezilla).
Comment modifier le menu horizontal en haut ?
Ouvrir le fichier index.html dans un logiciel permettant la modification de son code source (note pad est utilisable, mais il y aussi Dreamweaver ou NotePad++). Identifiez la ligne 59, caractère 149 Modifiez le mot accueil par votre nouvel intitulé. Juste en dessous, lignes 60 61 62 et 63 vous trouverez l’intitulé des autres liens de ce même menu. Modifiez les comme vous le voulez. N’oubliez pas d’enregistrer votre fichier ctrl+s pour répercuter vos modificationq sur votre navigateur (pour que celles-ci s’affichent dans le navigateur n’oubliez pas d’actualiser la page en faisant F5).
Attention, comme ce menu est disponible sur chaque page, vous devrez faire la même modification sur les autres fichiers html présents dans le dossier.
<ul id="menu">
<li><a href="index.html" style="background-image:url(images/menu_top_background_white.png) !important;"><div class="titre_blanc_header">Accueil</div></a></li>
<li><a href="page2.html" ><div class="titre_blanc_header">Nos Services</div></a></li>
<li><a href="page3.html" ><div class="titre_blanc_header">Nos Références</div></a></li>
<li><a href="page4.html" ><div class="titre_blanc_header">Notre Studio</div></a></li>
<li><a href="page5.html" ><div class="titre_blanc_header">Contacez nous</div></a></li>
</ul>
Comment modifier le texte et le titre présents dans la page index.html ?
Ouvrir le fichier index.html dans un logiciel permettant la modification de son code source (note pad est utilisable, mais il y aussi Dreamweaver ou NotePad++). Identifiez la ligne 119, caractère 13, vous y trouverez le texte, vous pouvez donc supprimer tout ce qui se trouve entre
permet de passer une ligne, donc d’identifier un paragraphe.
Pour modifier le texte sur les autres fichiers, très simple, procédez de la même manière en supprimant le texte qui se trouve entre
Voici un récapitulatif du placement des textes :
- Page2.html => ligne 120
- Page4.html => ligne 115
Pour la modification des titres (sur la page d’accueil) identifiez le code
Comment modifier les intitulés du menu blanc à gauche ?
Dans ce bloc il y a pour le moment une liste de liens, vous pouvez la retirer aux profit d’autres contenus, cependant si vous voulez placer des liens il vous suffira de modifier les textes et d’y ajouter les urls corrects. Tout ceci ce passe dessous le code : <ul id="menu2_orange">
ligne 76 sur la page index.html, page2.html ligne 80, page4.html 74, page5.html ligne 117.
Par exemple pour cette ligne :
<li><a href="" class="lien_fonce_orange">Vestibulum ante</a></li>
Pour que cela deviene un lien vers mon site wks.fr j’écris :
<li><a href="http://www.wks.fr/" class="lien_fonce_orange">WonkaStudio</a></li>
Simple non ?
Pour modifier le bloc Section Membre ?
Ici je ne peux rien vous dire, car c’est un bloc factice, vous devez y ajouter les informations qui seront nécessaires, vous avez la possibilité également de supprimer simplement ce bloc qui pourrait être inutile, pour cela identifiez le code :
<div class="bloc_menu_left_2_top"><div class="titre_gris_fonce">Espace membre :</div></div>
<div class="bloc_menu_left_2_background">
Login :<br />
<input type="text" name="login" class="input_membre" />
<br />
Mot de passe :<br />
<input type="text" name="login" class="input_membre" />
<br /><br />
<input type="image" src="images/bouton1.png" />
</div>
<div class="bloc_menu_left_2_bottom"></div>
Lignes 93 à 105 sur la page index.html. Vous retrouvez le même code sur chaque page, à modifier ou à supprimer selon.
Modifier le moteur de recherche google !
Rien à modifier, le moteur de recherche est actif dès à présent 
Vous pouvez le supprimer en identifiant et en supprimant le code :
<div class="bloc_sarch">
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.fr/custom" target="_top">
<table bgcolor="#000000">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="20" maxlength="255" value="" class="input_search" id="sbi"></input>
<label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
<input type="image" src="images/search_button.png" height="29" width="164" name="sa" id="sbb"></input>
<input type="hidden" name="client" value="pub-8334915107696848"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="fr"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
</div>
Ligne 24 présente sur chaque page html du site.
Comment modifier les intitulés des barres colorées en bas ?
Identifiez la ligne 119, le code :
<div class="bloc_contenus_right_bottom_1"><a href="page2.html" class="lien_blanc">Découvrez nos services</a></div>
<div class="bloc_contenus_right_bottom_2"><a href="page3.html" class="lien_blanc">Voir une sélection de nos réalisations</a></div>
<div class="bloc_contenus_right_bottom_3"><a href="page4.html" class="lien_blanc">Petit historique de notre studio, notre équipe</a></div>
<div class="bloc_contenus_right_bottom_4"><a href="page5.html" class="lien_blanc">Envoyez nous un message</a></div>
Vous devez modifier l’intitulé des textes, les modifications se répercuteront automatiquement. Les urls ne sont pas à modifier !
Vous devrez modifier ce même code sur chaque page html de votre site.
Comment modifier le footer ?
Le code se trouve en fin de page : identifié
<div class="bloc_footer_background">
<div class="copyright">Interface réalisée par <a href="http://www.wks.fr/" class="copyright" target="_blank">WonkaStudio</a> pour le site <a href="http://www.kitgrafik.com/" target="_blank" class="copyright">Kitgrafik.com</a></div>
</div>
Vous pouvez ici modifier le copyright du site, en sachant que le nom de l’auteur doit être toujours apparent !
Comment modifier les petites images présentes sur la page Nos services ? Il suffit simplement de modifier vignette et photo présents dans le dossier : img/ Pour ajouter une image voici la ligne de code à ajouter :
12
Dans le href c’est l’url de la photo en grand, dans le src de l’img l’url de la vignette ! Placez les lignes supplémentaires à la suite de la liste identifiable à la ligne 123.
Comment modifier la galerie glissante de la page Nos références ?
Tout se passe sur le fichier page3.html. Attention cette galerie fonctionnera sur un serveur FTP affiché dans un navigateur web, en local elle ne s’affichera pas !
Comment ajouter une image ? : j’identifie le code :
<a href="img/009.jpg" rel="lightbox" title="Image 09"><img src="img/009_b.jpg" height="50" width="50" class="image_carre" /></a>
À la ligne 76, pour ajouter une image, j’ajoute les deux fichiers (grande + vignette) dans le dossier img puis j’ajoute une ligne à la liste en n’oubliant pas de modifier le nom des fichiers.
Comment modifier la page de contact ?
Rien n’est à modifier hormis votre email de réception, pour cela j’ouvre le fichier traitement_email.php et à la ligne 8 je change :
$headers .= "Bcc: wonka@wks.fr\n";
Par :
$headers .= "Bcc: monnom@monemail.com\n";
Comment modifier le logo ?
J’ouvre le fichier psd disponible dans le dossier psd/ interface myfolio.PSD, j’appuie sur t pour sélectionner l’outil texte enfin je clique sur le titre (dans le logo) le texte devient éditable, je le remplace par mon nouveau titre.
Je vais maintenant dans calque > aplatir l’image.
Puis j’appuie sur m pour sélectionner l’outil sélection et je sélectionne mon logo pour le coller dans le fichier : logo.png, j’utilise l’outil déplacement pour le mettre à la bonne place.
Enfin je fais ctrl + e ou calque > aplatir l’image et je sauvegarde ctrl+s.
Voilà, en espérant que vous allez vous y retrouver plus facilement dans la personnalisation de cette interface graphique. Si vous avez des questions plus précises, vous pouvez utiliser le forum qui se trouve juste en dessous.
Je rappelle que ce kit graphique est en vente ici : http://www.kitgrafik.com/kit-graphique/version-v-1428-kit_graphique-MyFolio.html
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 41 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
27 février 2008 21:22, par disc0rd
LOL tes marran toi, tu croit vraiment kon va payer un vieux kit comme sa ? pfff
Répondre
moi je les trouve gratuitement xD ;D-
27 février 2008 23:11, par Pixi
LOL te’s pas marrant toi par contre.
D’une, tu parles en ton nom c’est mieux. Y a pas de « on » dans ton histoire. T’es tout seul à parler. Oui moi je paye pour un Kit de cette qualité surtout à ce petit prix et pourtant ça ne m’empeche pas de le critiquer, enfin au moins j’essais d’être constructif.
Ce que tu trouves en gratuit ça n’a rien à voir, c’est même souvent basique pour pas dire merdeux.
Pour finir, tu corrigeras 2 ou 3 fautes violentes que je te laisse repérer parceque qu’en on veut critiquer, à ce point, on soigne son orthographe, c’est un minimum. So long
Pixi
Répondre-
-
15 avril 2009 11:27
完全無料 コミュニティ メル友探し 出会い系サイト 無料出会い 通販 ﾈｯﾄｼｮｯﾋﾟﾝｸﾞ 記念日ﾌﾟﾚｾﾞﾝﾄ nikeｽﾆｰｶｰ エステ系 下着通販激安 携帯着メロ 恋愛相談 激安家電 ダイエット口コミ 懸賞応募 デコメ絵文字 携帯コミック アプリ 大人買い 楽にやせる 人妻出会い セフレ 恋愛 無料出会い系サイト 出会い メル友探し コミュニティ 完全無料 ギャル 彼氏募集 出会い系サイト 人妻 出会い系 出会い系 出会い 恋人 結婚 婚活 ﾒﾙ友 ﾒｱﾄﾞ 無料出会い系サイト 無料出会い系 無料出会い系 無料出会い系 金儲け ﾒﾙ友 出会い系サイト 出会い系 出会い 出会い ｷﾞｬﾝﾌﾞﾙ 金儲け 出会い系サイト 出会い 熟女 ｷﾞｬﾙ
Répondre
-
-
-
-
28 février 2008 10:33, par Aiglenoir77
Salut à tous c’est la première fois que je poste ici mais sa fait un bye que je visite tous les jours le site WonkaStudio qui est magnifique ainsi que tes Tutoriaux extremement bien expliquer Voilà j’ai acheter le Kit graphique mais j’ai un Probleme lors de l’envois du mail de contact je le reçois mais aucun texte ou autre arrive j’ai juste l’adresse du site et rien en Sujet ni en Message
Répondre-
28 février 2008 11:35, par Wonka
Le script est prêt à l’emploi et testé et retesté
Evidemment tu n’as pas oublié de remplir le formulaire et de modifier l’email dans le fichier traitement_email.php sur ton serveur !
Par contre parfois sur certains serveur la fonction mail() de Php n’est pas accepté, du coup le script ne marche pas
Répondre
-
-
28 février 2008 22:35, par Pixi
Pas de quoi Wonka !
Effectivement, les tutos que je ne n’avais pas vue lors de mes premiers pasages son vraiment sympa. Bravo !
Je finis mon site et je te lache un petit don
On a rien sans rien...So long
Répondre-
3 mars 2008 18:01, par Wonka
Alors vive toi et merci beaucoup
Et poste l’url qu’on puisse constater
A+
Répondre
-
-
3 mars 2008 15:10, par LANCEL
BONJOUR
JE NE RECEPTIONNE QUE LE MESSAGE DU FORMULAIRE MAIS PAS LE NOM ET L ADRESSE MAIL
C NORMAL ?
Répondre -
4 avril 2008 16:32
Salut wonka
J ai achete un kit qui est ailleur super mais pour tu faire un tuto ou nous expliquer comment faire marcher le lightbox j ai essayer dans tous les sens mais impossible d y arriver,
JE T EN PRIE AIDE MOI ET EXPLIQUE MOI EN DETAIL COMMENT FAIRE WONKA
MERCI D AVANCE
Répondre -
7 août 2008 10:25, par jeanpierre09
Bonjour Maitre.
(car le kit est de haute qualité)
J’ai acheté, votre super Kit ; Mais j’ai un petit souci : Vous nous dites :
Comment modifier la page de contact ?
Rien n’est à modifier hormis votre email de réception, pour cela j’ouvre le fichier traitement_email.php et à la ligne 8 je change :
$headers .= « Bcc : wonka@wks.fr\n » ; Par : $headers .= « Bcc : monnom@monemail.com\n » ;
J’ai fais exactement cela, je reçois bien les messages mais je nais pas le NOM-Le prénom ni l’adresse Email. (trés important) Que dois je faire, ou éventuellement que dois ajouter et ou.
Merci de me répondre
Jean Pierre
Répondre-
24 août 2008 17:18, par carine
bonjour,
J’ai également un soucis avec cette page. Moi je reçois le mail mais il n’y a rien,absolument rien dans le message,pas de nom,mail,message,rien,je ne reçois qu’un mail blanc...... Que se passe t’il ? Peut-on m’aider à résoudre ce problème ?
Merciiii
Répondre-
24 août 2008 17:20, par carine
j’ajoute que j’ai bien changé l’email dans le fichier et que je suis avec internet explorer 7
Répondre-
25 août 2008 09:18, par Wonka
Essayer en utilisant ce fichier : http://rapidshare.com/files/139922783/traitement_email.php.html
Répondre-
25 août 2008 14:36, par carine
Bon,alors j’ai donc mis le fichier que tu m’as donné ci-dessus (j’ai supprimé l’autre ). Je n’ai plus le message qui dit"votre message à bien été envoyé,mais ça c’est pas grave je crois que je sais l’ajouter mais je n’ai toujours pas,ni le nom ni l’adresse mail,ni le message de la personne. Apparaît juste « nom »...« prénom » mais rien d’autre...grrrrr
Répondre-
26 août 2008 17:40, par carine
J’ai un soucis également avec les petites photos en page 2...
Ecoute,je te laisse l’adresse de mon site,va voir dans « ce qui dérange » et tu verras ce que j’obtiens... Je suis parvenue à mettre les vignettes mais pas les grandes photos,j’y comprend rien car j’ai bien tout renommer....pffffffff....dur dur moi....
voila l’adresse mais fais pas attention au contenu...c’est en construction hein...
http://www.pressecitron.be
Répondre-
26 août 2008 17:46, par carine
OK...plus de soucis avec la gallerie,c’etait sur mon PC que ça n’allait pas,je sais pas pourquoi mais sur mon portable j’ai pas les mêmes photos !!!comprend rien moi mais sur le PC de mon mari c’est ok...
Mais par contre toujours le soucis avec l’envoie des mail dans « contactez-moi »......
Répondre-
-
27 août 2008 14:53, par Wonka
Oui cependant je suis confronté à un dilemme vous aidez car vous avez acheté mon produit ou ne pas vous aidez car vous êtes entrain de copier un blog qui me tiens énormément à cœur (celui d’Eric www.presse-citron.net) hum que dois je faire ?
Pour votre problème d’envoi d’email je vais essayer tout de même de jeter un œil histoire de comprendre ce qui se passe !
Répondre-
28 août 2008 22:18, par carine
Bonjour,
Tout d’abord je ne copie rien,je ne sais même pas qui est presse-citron.net ni ce que contient ce site. Secundo,Je vous trouve vite accusateur,ce que contient mon site me tient à coeur personnellement,c’est la lutte contre la maltraitance animale (a oui,je copie peut-etre bardot)et tout ce qu’on ose pas toujours voir.C’est aussi des choses que j’aime comme mes lectures. Je vous ai bien dit plus haut,je cite,"MON SITE EST EN CONSTRUCTION !!!!!!!Laissez moi au moins le temps de le terminer avant d’y opposer votre doigt accusateur,J’ajoute des choses personnelles chaque jour,mes passe-temps mais aussi la télé et internet,alors avant de juger quelqu’un,attendez que son site SOIT TERMINE. je pense également que,étant vendeur d’un kit,ça serait bien que celui-ci fonctionne,je remarque ne pas être la seule à avoir des soucis. Vous vendez des kits,vous n’êtes pas là pour juger du contenu,ou alors il faut trier vos acheteurs... En tout cas,que c’est triste ce genre de discour...
Répondre-
29 août 2008 10:04, par Wonka
Bonjour,
Non ce qui est triste c’est de copier le nom de l’un de sites les plus affluents de l’Internet français ! Bon dans tous les cas je n’ai aucune raison de ne pas vous croire.
Concernant la fonction mail, elle a été testée, des centaines de clients l’utilisent sans problème.
Effectivement nous avons parfois des retours sur des problèmes concernant l’envois des formulaires, plusieurs causes en sont responsables :
- Test du formulaire en local est non sur Internet
- Incompatibilité du serveur avec le langage PHP
- Incompatibilité du serveur avec la fonction mail() de PHP
- Modification post download du script ou du formulaire.
Je suis aujourd’hui prêt à vous apporter l’assistance dont vous avez besoin, vous pouvez m’envoyer la page contenant le formulaire + la page contenant le script PHP (traitemant_email.php normalement).
A envoyer à wonka @ wks.fr (sans les espaces).
Cordialement Julien DEBOVE
Répondre-
29 août 2008 11:07, par carine
Bonjour,
Merci à vous de ne pas me juger trop vite. Je comprend maintenant que c’est le nom de mon site et non le contenu que vous appeliez « copié » et je regrette cela car je suis une maman de 42 ans et je ne connaissais pas DU TOUT le site en question (je ne suis pas très "informatique)et quand vous tapez un nom sur le serveur,il ne met pas qu’il existe,simplement qu’il est dispo... . Mon site à été crée simplement comme thérapie pour moi et jamais je n’ai pensé à copier qui ou quoi que ce soit.
Cela étant dis, je vous envoie de suite le document demandé car même d’un autre PC que le mien,je ne reçoits rien....
Merci et bonne journée.
Carine D.
Répondre-
-
29 août 2008 13:32, par Wonka
et répondu
Répondre bien entendus vous avez modifier l’email wonka@wks.fr dans le fichier traitement_email.php par votre email (juste pour être sur -
31 août 2008 07:16, par carine
oui oui,c’est bien mon mail.... je vais essayer ça de suite. Je vous tiens au courant.
Merci
Répondre-
9 septembre 2008 08:41, par carine
et bien malheureusement ça ne marche toujours pas....mais laissez tomber car là...je désespère....
Répondre-
25 décembre 2008 10:29, par CAMBABA
j’aurais une question est ce que c’est possible d’utiliser la fonction contact (email) par une fonction type livre dor c’est a dire que les gens peuvent laissé un message qui se publi directement sur le site ? Tout en ayen la possibilité que JE les supprimes.
Dsl a tout le monde pour mon orthographe, c le lendemin de NOEL (joyeu noel a tous !!!!!!!!) et il fo dire que le reveil a été fastidieu...
Répondre
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
16 octobre 2008 11:59, par magcool
bonjour,
Je viens d’acheter ce kit graphique que je trouve très beau. par ailleurs j’ai vu dans l’aide et pour la section espace membre il y a juste écrit que je peux la modifier et la supprimer. Pouvez vous me dire comment la modifier c’est à dire que je veux conserver cette partie mais je dois rajouter une page espace membre, ainsi lorsque tu te connectes sur le site tu as une page information te concernant qui se rajoute.. Est ce que c’est possible et si oui peux tu me dire comment faire ? est ce que je peux utiliser un script déjà fait ou pas ?
merci beaucoup pour vos réponses..
Répondre-
17 octobre 2008 17:23, par Wonka
Je pense que tu peux utiliser un script déjà fait, en utilisant PHP ... est ce que c’est compliqué ou difficile, je te répondrai franchement oui !
Répondre-
20 octobre 2008 19:34
bonjour,
en fait j’ai trouvé un site ou tu peux acheter des scripts déjà fait. et c’est ce que j’utilise et ca fonctionne bien. par contre j’ai un soucis avec la partie contactez nous, puisque quand je veux envoyer un message j’ai ca qui apparait : \n« ; $headers .= »Cc : $adresse\n« ; $headers .= »Bcc : magaliecool@msn.com\n« ; $message = htmlentities( »$texte« ) ; // On envoi l’email if ( mail($destinataire, $sujet, $message, $headers) ) echo »
Nous avons bien reçu votre message, merci. « ; else echo »Un probleme est survenu lors de l’envoir de votre message !" ; ?> étrange, j’ai bien suivi tes instructions pour changer l’adresse mail d’envoi et j’ai ca qui s’affiche et en plus le mail ne part pas..puisque je ne recois rien
merci pour ton aide
Voir en ligne : http://www.theelleworld.com
Répondre-
21 octobre 2008 16:53, par Wonka
Le script d’envoi d’email utilise PHP vous devez donc le tester en uploadant les fichiers sur un serveur supportant ce langage !
Répondre
-
-
-
-
18 novembre 2008 21:13, par kom1dune
Bonjour,
Déjà merci pour ce tuto et pour ce kit qui est franchement bien sympa.
Par contre j’ai une question (j’ai cherché partout sans trouver de réponse sur les forums du Net) :
Peut-on mettre un lien hypertexte sur une image (grande) de la lightbox de la page 2 ? Et si oui quel code dois-je utiliser ? Quand je rajoute href=’’www.unsitequelconque.com’’> que ce soit dans Dreamweaver ou dans NotePad++ on me dit que le code est incompatible parce qu’il existe déjà dans la ligne de code du script de la lightbox pour appeler l’image grande...
J’ai donc tenté d’intégrer un tableau pour mettre dans chaque cellule la petite vignette avec un texte qui permettrait de faire un lien vers un site mais ça ne marche pas non plus.
Si vous avez une idée ce serait sympa, Ô char grand Maître du kit ! ^^
(Pour le moment mon site est encore en construction donc pas de lien pour visiter... mais ça viendra...)
Répondre-
19 novembre 2008 04:23, par kom1dune
J’ai trouvé !!! Toute seule comme une grande en allant fureter sur le site de lightbox 2. En fait il suffit d’intégrer une ligne de code mais il faut « encoder » les signes html pour que ça marche. Ça ne permet pas de cliquer directement sur l’image mais d’ajouter un texte cliquable à côté du « Close ».
Voilà la ligne de code à insérer : [a href="images/image-4.jpg" rel="lightbox" title="<a href="link.html">my link</a>"] (avec des < et > à la place des [ ])
Changer le « link.html » par l’adresse URL du site que vous voulez atteindre. Changer « my link » par le nom du site par exemple. J’ai supprimé le « Image » et la suite du code est la suivante :
[img src="img/001_b.jpg" height="50" width="50" class="image_carre" /] (avec des < et > à la place des [ ])
et pour aller avec un petit programme qui permet d’encoder et décoder le html (trop bien^^) : Centricle
Voir en ligne : Lightbox 2 / Support / Can I insert links in the caption ?
Répondre
-
-
19 novembre 2008 04:32, par kom1dune
Dernière petite astuce de la nuit (parce que je viens d’y passer des heures pour trouver comment faire) :
Pour faire en sorte que les images zoomées (page2.html) puissent être regardées sans avoir à les fermer et ouvrir la suivante, il y a un terme à rajouter sur la ligne de code :
Ajouter le mot [roadtrip] (entre crochets)
[a href="img/101.jpg" rel="lightbox[roadtrip]" title="Compositions de livres"]
Ça permet d’avoir une petite icône [Next] qui s’affiche en haut à droite de l’image zoomée et [Preview] en haut à gauche. Si comme moi vous en avez marre des sites où les mots anglais sont trop souvent utilisés, vous pouvez refaire les deux images dans Photoshop (nom des fichiers : nextlabel.gif et prevlabel/gif) et les remplacer par le mot que vous désirez. Ne pas oublier de renommer vos nouveaux fichiers comme les anciens et de créer des images de la même taille et de les enregistrer en .gif et couleurs indexées.
Voilà c’est tout pour cette nuit, j’espère que je n’ai pas abusé de votre place de super formateur, Ô cher Maître du Kit ^^
Répondre -
19 novembre 2008 09:40, par kom1dune
Dernier com sur ce kit et je vous relaisse la place
Pour la page3.html sur laquelle je viens de passer encore quelques heures, j’ai trouvé une façon d’ouvrir un lien URL de site en double cliquant sur l’image. Il suffit de rajouter sur chaque ligne de code concernant l’ImageFlow à la place de longdesc="img/001.jpg, ceci : longdesc="http://www.lesiteenquestion.com
Maintenant je cherche (désespérément) la solution pour ouvrir le lien dans une nouvelle fenêtre. En mettant target=« _blank » ça ne marche pas. On doit double-clicker mais ça ouvre en _self. Il y a bien un code sur le site ImageFlow mais je ne sais pas où l’insérer (c’est un truc avec des balises var donc je n’y comprends pas grand chose je l’avoue...)
Et dernière question : est-ce normal que la lightbox des pages 2 et liens ne fonctionnent pas ?
Si quelqu’un peut m’aider, ça me permettrait de finir mon site que voici (tout neuf, tout beau) :
Répondre-
19 novembre 2008 17:16, par Wonka
Pour le reste je ne sais pas mais pour cette question : est-ce normal que la lightbox des pages 2 et liens ne fonctionnent pas ?
Pour utiliser lightbox sur les autres pages vous devez ne pas oublier les imports javascript en haut de page. Regarder en haut de votre fichier 2 et de votre fichier 3 et chercher ce qui manque
Bonne chance !
Répondre
-
-
1er décembre 2008 17:39
BONJOUR ; comment ouvrir les images dans une nouvelle fenetre en ouvrant la galerie glissante dans le kit « my ecolo website » ? merci.
Répondre -
8 décembre 2008 08:05, par bpnsg21
Bonjour,
Afin que le bouton « Rechercher sur Google » soit bien aligné sur le champ du texte, il faut ajouter align=« absmiddle » à la ligne : input type=« image » src=« images/search_button.png » height=« 29 » width=« 164 » name=« sa » id=« sbb »
Ce qui donne : input type=« image » src=« images/search_button.png » height=« 29 » width=« 164 » name=« sa » id=« sbb » align=« absmiddle »
Répondre -
8 décembre 2008 08:12, par bpnsg21
Bonjour,
Je pense que l’on peut, si l’on possède un compte chez Google, modifier la valeur client à la ligne :
input type=« hidden » name=« client » value=« ... »
Répondre
![a href="img/101.jpg" rel="lightbox[roadtrip]" title="Compositions de livres"](#nba%20href%3D%22img%2F101.jpg%22%20rel%3D%22lightbox%5Broadtrip%5D%22%20title%3D%22Compositions%20de%20livres%22){kind=link}