Aide Webmastering (dernier message édité)

Ici on parle de tout et souvent de rien ...

Modérateur : Divinités du Sanctuaire Sacré

Havok
Maître Supérieur Niveau 9
Maître Supérieur Niveau 9
Messages : 2086
Inscription : 24 janv. 2004 22:39
Localisation : Qu'importe ... ?
Finaland  :

Aide Webmastering (dernier message édité)

Messagepar Havok » 29 mars 2004 17:20

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 ;)
Dernière modification par Havok le 04 avr. 2004 12:34, modifié 1 fois.
Image

Julianos
Débutant Niveau 7
Débutant Niveau 7
Messages : 78
Inscription : 07 nov. 2003 18:41
Localisation : Lyon - Edinburgh
Finaland  :

Messagepar Julianos » 29 mars 2004 17:47

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.
Image

Dragonflash
Seigneur des Abysses
Seigneur des Abysses
Messages : 2483
Inscription : 31 mars 2003 16:51
Localisation : Grenoble
Contact :
Finaland  :

Messagepar Dragonflash » 29 mars 2004 18:21

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>
« On ne peut se battre sans arrêt contre la maré »
Dragonflash, Seigneur des Abysses
Image

Havok
Maître Supérieur Niveau 9
Maître Supérieur Niveau 9
Messages : 2086
Inscription : 24 janv. 2004 22:39
Localisation : Qu'importe ... ?
Finaland  :

Messagepar Havok » 31 mars 2004 12:20

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 =)
Image

Squazer
Novice Niveau 4
Novice Niveau 4
Messages : 172
Inscription : 25 oct. 2003 16:59
Finaland  :

Messagepar Squazer » 31 mars 2004 13:56

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.

Havok
Maître Supérieur Niveau 9
Maître Supérieur Niveau 9
Messages : 2086
Inscription : 24 janv. 2004 22:39
Localisation : Qu'importe ... ?
Finaland  :

Messagepar Havok » 31 mars 2004 17:25

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é ^^
Image

Dragonflash
Seigneur des Abysses
Seigneur des Abysses
Messages : 2483
Inscription : 31 mars 2003 16:51
Localisation : Grenoble
Contact :
Finaland  :

Messagepar Dragonflash » 31 mars 2004 22:47

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é ^^
« On ne peut se battre sans arrêt contre la maré »
Dragonflash, Seigneur des Abysses
Image

Foufouneu
Tomate égarée
Tomate égarée
Messages : 447
Inscription : 19 oct. 2003 11:52
Localisation : Dans le désert est de Dalmasca
Contact :
Finaland  :

Messagepar Foufouneu » 02 avr. 2004 16:41

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..

Havok
Maître Supérieur Niveau 9
Maître Supérieur Niveau 9
Messages : 2086
Inscription : 24 janv. 2004 22:39
Localisation : Qu'importe ... ?
Finaland  :

Messagepar Havok » 02 avr. 2004 16:43

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 !
Image

Dragonflash
Seigneur des Abysses
Seigneur des Abysses
Messages : 2483
Inscription : 31 mars 2003 16:51
Localisation : Grenoble
Contact :
Finaland  :

Messagepar Dragonflash » 30 juil. 2004 17:13

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
« On ne peut se battre sans arrêt contre la maré »
Dragonflash, Seigneur des Abysses
Image


Revenir à « Divers »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 47 invités