Page 1 sur 1

Aide Webmastering (dernier message édité)

Publié : 29 mars 2004 17:20
par Havok
Voila j'ai décidé de créer ce topic pour les débutant dans le Webmastering. Ici vous pourrez vous échanger vos astuces, vos conseils et tout ce que vous voulez (tant que c'est pas illégal ;) )
Bon moi j'aimerais savoir comment on fait pour, une fois qu'on a une image, la découper en plusieurs parties, et lier certaines partis sur une partie du site.
Donc si on pouvait m'aider ca serait sympa ^^
Merci !

EDIT : J'ai pas précisé : c'est avec Photoshop et Dreamweaver que je veux faire ;)

Publié : 29 mars 2004 17:47
par Julianos
Oula il me semble que dans un des tuto de dreamweaver ils expliquent comment faire ca.

Sinon t'as une méthode qui consiste a la decouper et a la mettre dans un tableau avec des liens sur les differentes zones, mais je crois qu'il y a mieux, je vais regarder si je retrouve comment faire mieux.

Publié : 29 mars 2004 18:21
par Dragonflash
En faite c'est tres simple : tu utilise les tableau

Genre une bannière ke tu veu coupé en 4 ( -|- << cette forme)


Ca donne ca tu fé un tableau à double colone et à double ligne en définissant les longueur et les largeur en pixel


Image 1 : 50*20 px (pixel)
Image 2 : 50*20 px
Image 3 : 50*10 px
Image 4 : 50*10 px


Ce ki donne

Code : Tout sélectionner

<table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50" height="20"><img src="Image1" width="50" height="20"></td> <td width="50" height="20"><img src="Image2" width="50" height="20"></</td> </tr> <tr> <td width="50" height="10"><img src="Image3" width="50" height="10"></</td> <td width="50" height="10"><img src="Image4" width="50" height="10"></</td> </tr> </table>

Publié : 31 mars 2004 12:20
par Havok
Merci pour la réponse :)
J'aimerais maintenant savoir comment on fait pour mettre une image en hover (au passage de la souris) sur un lien ^^
Merci d'avance =)

Publié : 31 mars 2004 13:56
par Squazer
Voila : C'est très simple! Il vous suffit de copier ce code dans la partie HEAD de votre page (entre <head> et </head>):

<SCRIPT LANGUAGE="JavaScript1.2">
function makevisible(cur,which){
if (which==0) cur.filters.alpha.opacity=100
else cur.filters.alpha.opacity=40 }
</SCRIPT>

Ensuite, allez dans la partie de votre feuille de texte où vous avez vos images (BODY) et pour chaque image, rentrez ce code:

<img src="liens.jpg" style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">

avec lien.jpg à changer selon le nom de votre photo. Vous pouvez rajouter d'autres attributs, comme par exemple un lien en cliquant sur l'image, etc... en utilisant les balises habituelles:

<a href="http://www.lesite.com" target="_blank"><img src="liens.jpg" alt="" title="Visitez le Site!" BORDER=0 WIDTH=100 HEIGHT=35 style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>

J'espere que ta compris.

Publié : 31 mars 2004 17:25
par Havok
Désolé mais j'ai mal expliqué ce que je voulais (bien que ce que tu as dit va me servir :))
Donc en fait je voudrais mettre une image lorsque passe la souris sur un lien. (par exemple, tu passes la souris sur le lien, et une image apparait à côté)
J'espère que là j'ai bien expliqué ^^

Publié : 31 mars 2004 22:47
par Dragonflash
regarde la source de finaland
je pense ke c ce script ke tu veu ;)

je le postep pas ici pask'il é assé long

ps : le javaS 1.2 é assé démodé ^^

Publié : 02 avr. 2004 16:41
par Foufouneu
Comme je suis super beaucoup trop hyper (lol) nul en PHP, est ce que quelqu'un peut m'expliquer la soit sidant bête fonction d'include avec tout les détails parce que je ne comprend rien du tout.

voila ce que j'ai trouvé mais ca ne marche pas:
Il vous suffit de placer sur toutes les pages du site un "include" qui incluera la ou les pages "menu" sur toutes les pages.. Si un jour le menu change, il vous suffira de changer la page menu et toutes vos pages auront leur menu changer...
Comment on fait ? Voici le script à inclure sur votre site à l'endroit exact ou vous mettrez le ou les menus.

include "menu.htm";
?>
Les pages du site devront egalement porter l'extension .php Sinon, cela ne marchera pas..

Publié : 02 avr. 2004 16:43
par Havok
Voila !!!!!!!
Moi aussi je veux faire ca !!!
Je veux qu'on m'apprenne le PHP ... c'est possible? XD
Nan parce que le HTML voila quoi -_-
Mais sinon Dragon ... y'a pas la fonction que je cherche sur la source finaland mais y'a chez un concurent (ffworld) ...

*Après quelques heures =)*
Euh pour le code ...
Ca te dit pas de me l'envoyer par mail parce que là ... oulala ... =)
J'ai enregistré la source de FFWorld mais bon j'ai trouvé mais je prefere pas foutre ma mise en page en l'air =)
Donc si tu pouvait (ou quelqu'un d'autre) m'envoyer par mail ca serait super sympa !!
Merci =)

*De retour*
J'ai essayé et bah nan ^^ Ca marche pas -_- enfin ce que j'ai fais ...

Encore moi :) Mais cette fois j'aimerais savoir comment modifier un thème de forum Phpbb :) (genre enlever l'image phpbb comunity et mettre une image a moi ou encore les images qui signalent les nouveaux posts :)
Donc si on pouvait me dire comment faire ca serait sympa ;) Merci !

Publié : 30 juil. 2004 17:13
par Dragonflash
Pour la fonction recherche c un truc en php ki anexe ta page je supose ki selectionne toute la body, vire tout ce ki é entre < et > et ki vire apres les < et >, apres ki ki regarde mot pour mot si ca correspon avec ta recherche, et ki fou dans un var le nombre de foi ke le mo é apparu et ke tri apres en fonction de ca, mais je trouve ke c inutile paske si une personne c ce k'elle cherche et ke le site est bien foutu comme Finaland héhé :p ben ta pas besoin de ca (a par pour lé news)

pour php ben spa la peine prend un tuto : phpdebutant.org

et pour phpbb, fé comme moi tu ouvre toutes les pages et t'essaye de comprendre comment c foutu xD