Résultats de la recherche (Page 1) / Forum d'entraide: tuto-fr.com

#1 Re : Le site: tuto-fr.com » Menu qui descend. » 31-07-2006 07:47:50

Pour positionnner en fixe avec internet explorer, c'est vrai qu'il faut passer par du javascript.
Ca ce faut très bien en placant ca dans le head:

window.onload = ma_fonction();
window.onresize = ma_fonction();
window.onscroll = ma_fonction();

et dans le head :

function ma_fonction(){
document.getElementById('id_du_div_du_menu').style.top = 'le_top_du_div_menu'+px;
document.getElementById('id_du_div_du_menu').style.left = 'le_left_du_div_menu'+px;

}

wink

#2 Re : Le site: tuto-fr.com » Menu qui descend. » 30-07-2006 20:19:54

sly_31415 a écrit :

Est-il possible de faire descendre le menu dans la colonne sans utiliser le javascript ?

C'est possible en utilisant le css avec l'attribut position.
Plusieurs possibilitées pour cet attribut :

- absolute = Positionnement absolu, mesuré à partir du bord de l'élément parent; peut défiler.
- fixed = Positionnement absolu, mesuré à partir du bord de l'élément parent; reste fixe lors du défilement. .
- relative = Positionnement relatif mesuré à partir de la position de départ de l'élément proprement dit.
- static = Pas de positionnement spécial, flux normal de l'élément (réglage par défaut).

Dans ton cas je pense qu'avec fixed ca devrait marcher.
Pour cela, place l'attribut position:fixed; dans le css correspondant au div de menu.

Le problème qui risque de se poser (mais je n'en suis pas sur, pas le temps de tester) c'est que vu que ton div de menu se trouve dans une celulle d'un tableau, toute la ligne se retouvera modifié.
La solution serait de ne pas mettre ton menu dans un tableau.
Avec l'attribut position, top, left, tu peux placer celui ci ou tu veux et pas besoin de le mettre dans un tableau.

Ps : Les frames c'est franchement pas géniale, il vaut mieux éviter. En plus, ca devient vite très compliqué.
PS2 : Les iframes c'est de l'html, pas du php (le php c'est un langage interprété coté serveur) !!!

#3 Re : De tout de rien » Affichage des sous sous menu » 29-07-2006 13:16:39

Si tu veux modifier la largeur de tous tes sous sous menu (sous sous menu 4.1.1 , sous sous menu 4.1.2 etc ..), il te suffit juste de modifier le css, pas besoin de recréer une nouvelle classe

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC;width:NOUVELLE_TAILLEpx;}
div#menu ul.niveau3 li:hover { background: #99CC00}

Par contre si tu veux modifier leurs tailles indépendament les uns des autres, il faut soit créer une classe pour chaque sous sous menu, soit travaille par id en javascript wink

#4 Re : De tout de rien » engouement pour le crackage » 28-07-2006 19:40:34

zac a écrit :

de plus celui qui se co sur mon AP va avoir une bonne suprise ;-)

Et quoi ??? (juste par curiosité, et parce que ca peux me donner des idées pour mon AP hmm)
Une question me viens aussi à l'esprit, comment il est possible de savoir si une personne se connecte a ton AP si il utilise l'adresse MAC d'un station inscrite dans l'AP ??

#6 Re : Le site: tuto-fr.com » Menu en images. » 28-07-2006 10:58:28

sly_31415 a écrit :

Peut-être que le tutoriel serait de faire un script utile (genre un chat roll) et de rajouter des fonctionnalités par petites touches pour voir les possibilités du php.

Je vais voir ce que je peux faire lol

#7 Re : Le site: tuto-fr.com » Menu en images. » 26-07-2006 07:53:48

sly_31415 a écrit :

Du coup, le problème est autre !
Le " margin-bottom:-6px" est une bonne idée (-3 est suffisant) et il faudrait faire une distinction entre IE et Firefox (car ça devient très moche chez ce dernier).

pour faire la distinction entre un navigateur w3c (type mozilla) et IE dans un CSS, il faut rajouter un "_" devant l'attribut de ton choix.

Par exemple, pour ton problème voici comment faire :

img
    {
    cursor:pointer;
    margin-bottom:-6px;
    _margin-bottom:0px;
    }

Mozilla va prendre en compte uniquement ce qui n'a pas de "_", tandis que IE est le seul a prendre en compte
le _margin-bottom:0px;

Pour ton menu, pour CAPES ca a l'air d'être bon, par contre pour college, il suffit de modifier la class du ul

<ul class="[b][i]niveau_perso[/i][/b]">
        <li><IMG SRC="images_p/menu/flamme_menu_020.jpg" border="0" WIDTH="95" HEIGHT="30" alt="Cours de sixième" title="Cours de sixième" onclick="window.open('index.php?page=page&id_page=1', '_self');"></li>
        <li><IMG SRC="images_p/menu/flamme_menu_021.jpg" border="0" WIDTH="95" HEIGHT="30" alt="Cours de cinquième" title="Cours de cinquième" onclick="window.open('index.php?page=page&id_page=2', '_self');"></li>
        <li><IMG SRC="images_p/menu/flamme_menu_022.jpg" border="0" WIDTH="95" HEIGHT="30" alt="Cours de quatrième" title="Cours de quatrième" onclick="window.open('index.php?page=page&id_page=3', '_self');"></li>
        <li><IMG SRC="images_p/menu/flamme_menu_023.jpg" border="0" WIDTH="95" HEIGHT="30" alt="IDD" title="IDD" onclick="window.open('index.php?page=page&id_page=7', '_self');"></li>
        </ul>

contenant les cours de 6, 5 etc ... et de modifier le css correspondant en modifiant le margin-top.

body {behavior: url(csshover.htc);}
img { display: block; cursor:pointer; margin-bottom:-3px;}
div#menu {width: 95px;}
div#menu ul {padding: 0; width: 95px; border:0px; margin:0px;}
div#menu li.sousmenu {background: black; height:30px; border-bottom:0px; padding: 0;}
div#menu ul li {position:relative; list-style: none; border-bottom:0px;}
div#menu ul ul {position: absolute; top: 0; left: 95px; display:none}
div#menu li a {text-decoration: none;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 

.niveau_perso{
display:block;
margin-top:-10px;
}

Désolé je ne peux pas tester ce que ca donne, dis moi si ca marche !!
wink

#8 Re : Le site: tuto-fr.com » Menu en images. » 26-07-2006 07:49:21

Billyboylindien a écrit :

Pour ce qui est d'apprendre le php, tetre que je ou un convive ferais un bon tuto big_smile
++

javascript:insert_text(':lol:', '');

Le problème c'est qu'il est difficile de faire un tuto sur le php, par ou commencer ??
Ce qu'il faudrait c'est des lignes directrices. Sinon je veux bien m'y coller !

PS : Si des gens sont interessés par un tuto en php particulier qu'ils me le fasse savoir ! big_smile

PS 2 : le problème de sly_31415 n'est pas trop un problème php, mais plutot un melange de problème html + css.
De plus, mettre le nez dans php Gest'Classe c'est assez hard !!

#9 Re : Le site: tuto-fr.com » Menu en images. » 25-07-2006 19:40:23

salut.
J'ai suivi d'un peu loin ton problème, et je ne suis pas sur d'avoir compris celui ci (du moins le dernier big_smile).
Je pense que tu aimerai bien que les deux sous menus correspondants a "college" et "capes" s'affichent devant respectivement college et capes ?

Si c'est le cas, j'ai essayé et voici ce que j'obtiens !!

Ce qui posait problème en ce qui concernait les bandes blanches s'était les liens. Mais puisque toi tu préfère les images, pourquoi ne pas mettre les liens directement dans les images. Ensuite, pour info tes alt ne marcheront pas sur firefox, utilise plutot les "title" .
Bref voici la partie de code correspondant a ton menu :

<div id="menu">
<ul class="niveau1">
	<li class="sousmenu"><IMG SRC="images_p/menu/flamme_menu_010.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Cours de colège" vspace="-2">
		<ul class="niveau2">
		<li><IMG SRC="images_p/menu/flamme_menu_020.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Cours de sixième" hspace="0" vspace="-2" onclick="window.open('index.php?page=page&id_page=1');"></li>
		<li><IMG SRC="images_p/menu/flamme_menu_021.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Cours de cinquième" hspace="0" vspace="-2" onclick="window.open('index.php?page=page&id_page=2');"></A></li>
		<li><IMG SRC="images_p/menu/flamme_menu_022.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Cours de quatrième" hspace="0" vspace="-2" onclick="window.open('index.php?page=page&id_page=3');"></A></li>
		<li><IMG SRC="images_p/menu/flamme_menu_023.jpg" border="0" WIDTH="98" HEIGHT="30" alt="IDD" hspace="0" vspace="-2"></A></li>
		</ul>
	</li>	
	
	<li><IMG SRC="images_p/menu/flamme_menu_011.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Exercices interactifs" hspace="0" vspace="-2"  onclick="window.open('index.php?page=page&id_page=4');"></li>
	<li class="sousmenu"><IMG SRC="images_p/menu/flamme_menu_012.jpg" border="0" WIDTH="98" HEIGHT="30" alt="CAPES">
		<ul class="niveau2" id="essai">
		<li><IMG SRC="images_p/menu/flamme_menu_030.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Leçons de CAPES" onclick="window.open('index.php?page=page&id_page=8');"></li>
		<li><IMG SRC="images_p/menu/flamme_menu_031.jpg" border="0" WIDTH="98" HEIGHT="30" alt="programme TI" onclick="window.open('index.php?page=page&id_page=9');"></li>
		</ul>
	</li>

	<li><IMG SRC="images_p/menu/flamme_menu_013.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Forum" onclick="window.open('http://sylvain.etienne1.free.fr/phpBB/');"  target="_blank"></li>
	<li><IMG SRC="images_p/menu/flamme_menu_014.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Livre d'or" onclick="window.open('http://sylvain.etienne1.free.fr/alex_guestbook3/');"  target="_blank"></li>
	<li><IMG SRC="images_p/menu/flamme_menu_015.jpg" border="0" WIDTH="98" HEIGHT="30" alt="Origami" onclick="window.open('index.php?page=page&id_page=10');"></li>
</ul>
</div>

Le css reste quasiment inchangé, a part ceci a rajouté (pour les images)

img{
cursor:pointer;
margin-bottom:-6px;
}

Dis moi si cela te convient wink

#10 Re : Proposition de tutos » créer un serveur ftp perso » 21-07-2006 19:33:36

Merci, mais déja serv-u, ma proposition c'était juste d'expliquer comment faire pour créer un serveur ftp perso avec ce logiciel.

Mais a priori, ce tuto ce fait l'hunanimité..
Pas grave je vais porposer autre chose big_smile

#11 Re : De tout de rien » [Sondage] d-link dwl g650 » 20-07-2006 07:06:06

YaKhOo a écrit :

Et Moi et Moi tongue:P
c normale que les ARP monte plus Que 1024 contrairement a quelques video que j ai v sur le net et le tuto?

Avec les nouvelle version des distribs, les ARP montent a plus de 1024. Chez moi une fois ils sont montés à plus de 6000 smile

#12 Re : De tout de rien » Aircrack-ng patch 0.6 » 16-07-2006 14:05:02

par contre avec cette version sur back track beta j'avais un problème avec airmon.sh. Erreur dans le script. Pas grâve, c'est pas primordial airmon wink

#13 Re : De tout de rien » Une petite section ? » 15-07-2006 19:38:31

Oulalala mon phpBB n'a pas fait l'hunanimité big_smile
Tant qu'a retoucher le forum, est ce qu'il serait possible de mettre plus d'infos dans le profil (genre profession, age, msn, etc ....) ?



PS : Pour les tutos, je vais voir ce que je peux proposer

#14 Re : De tout de rien » Une petite section ? » 15-07-2006 15:00:43

Moi je viens bien t'aider.
Comme je t'en avais déja parlé, je connais bien tout ce qui touche a la programmation WEB par contre je ne sais pas trop quoi faire comme tuto, donc si tu as une idée, je peux commencer a m'y mettre. En ce qui concerne les sections que tu proposen je touche un peu a tout, sauf sur linux ou je dois dire me connaissances ne sont que superficielles. (mais bon pour ca pas de problèmes zac est la ! wink). Je suis donc aussi pret a faire des tutos pour ces sections, mais comme pour la programmation WEB, je ne sais pas quoi faire donc des idées ???


Pour ton coup de lift, pourquoi ne pas choisir un forum en phpBB, c'est super simple, maintenable et très évolutif (de plus je le connais bien car j'ai déja fais deux forums basé sur du phpBB).....

@plus

#15 Re : De tout de rien » Une petite section ? » 15-07-2006 12:01:02

OUI OUI OUI, il n'y en a que pour le crackage de WEP, mais il faut savoir qu'avant de cracker une clé WEP, il faut un MINIMUM de connaissances en informatique harware, informatique software, réseau etc ...

Alors mois je dis, OUI A UNE PARTIE SUR L'INFORMATIQUE !!!!
big_smile:D:D:D



A toi Billyboylindien wink

#16 De tout de rien » engouement pour le crackage » 14-07-2006 18:49:32

stouille
Réponses : 7

Je m'étonne du nombre de personnes voulant cracker leurs clé wifi c'est hallucinant !! yikes

A moins que cela ne soit pas LEUR AP qu'ils essayent de cracker. Attention c'est illégal !

#17 Re : Demande de tutos » installation de driver intelpro wireless 3945 abg » 14-07-2006 17:10:17

Comme zac le dit sur ce post http://forum.tuto-fr.com/viewtopic.php?id=750&p=2,
tu ne peux pas installer tes drivers sur back track en live CD (si il ne sont pas reconnu) si la version de ton noyau et la version des tes drivers ne correspondent pas (nécessité de recompiler !). Ce qu'il faut, (et a priori c'est ce que tu comptes faire), c'est installer back track sur le DD, récuppérer le kernel-source, les drivers de ta carte, recompiler le tout et zou c'est parti.









Pas tapé zac, pas tapé tongue:P

#18 Re : De tout de rien » newbie » 09-07-2006 18:36:17

Je suis d'accord avec zac et Billyboylindien, ce tuto est vraiment SUPER détaillé, à suivre les yeux fermés sans chercher a comprendre (enfin un peu quand même ca fait pas de mal d'apprendre lol).

Essaye et si tu n'y arrive pas post sur le forum, je suis sur que tu auras des réponses


@plus

#19 Re : Demande de tutos » Menu déroulant : 4 niveau profondeur » 09-07-2006 10:17:27

tu peux aussi modifier le css (couleurs, polices, etc ....) grâce a un excellent logiciel gratuit : TOPstyleLite http://www.newsgator.com/download/products/ts3lite.exe

#20 Re : Demande de tutos » Menu déroulant : 4 niveau profondeur » 08-07-2006 17:18:59

J'ai modifier légèrement le code source de l'exemple du menu trouvé sur le tuto, et pour un niveau 4, voici le code :

Avant (avec 3 niveaux):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css4.css" rel="stylesheet" type="text/css" />
<title>Mise en page avec fond pour sous menu</title>
</head>
<body>
<div id="menu" style="margin-left:150px;">
<ul class="niveau1">
<li><a href="mise_en_page_4.php">menu 1</a></li>
<li class="sousmenu"><a href="mise_en_page_4.php">menu 2</a>
<ul class="niveau2">
<li><a href="mise_en_page_4.php">Sous menu 2.1</a></li>

<li><a href="mise_en_page_4.php"">Sous menu 2.2</a></li>
</ul>
</li>
<li><a href="mise_en_page_4.php">menu 3</a></li>
<li class="sousmenu"><a href="mise_en_page_4.php">menu 4</a>
<ul class="niveau2">
<li class="sousmenu"><a href="mise_en_page_4.php">Sous menu 4.1</a>
<ul class="niveau3">
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1</a></li>
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.2</a></li>
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.3</a></li>

</ul>
</li>
<li><a href="mise_en_page_4.php"">Sous menu 4.2</a></li>
</ul>
</li>
<li><a href="mise_en_page_4.php">menu 5</a></li>
</ul>
</div>
</body>
</html>

le css correspondant :

body {behavior: url(csshover.htc);}
div#menu {width: 100px;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 100px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}

Avec 4 niveaux :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
<title>Mise en page avec fond pour sous menu</title>
</head>


<body>
<div id="menu" style="margin-left:150px;">
	<ul class="niveau1">
		<li><a href="mise_en_page_4.php">menu 1</a></li>
		<li class="sousmenu">
		<a href="mise_en_page_4.php">menu 2</a>
			<ul class="niveau2">
				<li><a href="mise_en_page_4.php">Sous menu 2.1</a></li>
				<li><a href="mise_en_page_4.php"">Sous menu 2.2</a></li>
			</ul>
		</li>
		<li><a href="mise_en_page_4.php">menu 3</a></li>
		<li class="sousmenu">
			<a href="mise_en_page_4.php">menu 4</a>
			<ul class="niveau2">
			<li class="sousmenu"><a href="mise_en_page_4.php">Sous menu 4.1</a>
				<ul class="niveau3">
					<li class="sousmenu"><a href="mise_en_page_4.php">Sous sous menu 4.1.1</a>
						<ul class="niveau4">
							<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1.1</a></li>
							<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1.2</a></li>
						</ul>
					</li>
					<li><a href="mise_en_page_4.php">Sous sous menu 4.1.2</a></li>
					<li><a href="mise_en_page_4.php">Sous sous menu 4.1.3</a></li>
				</ul>
			</li>
			<li><a href="mise_en_page_4.php"">Sous menu 4.2</a></li>
			</ul>
		</li>
		<li><a href="mise_en_page_4.php">menu 5</a></li>
	</ul>
</div>
</body>
</html>

et le css :

body {behavior: url(csshover.htc);}
div#menu {width: 100px;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 100px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}

Ce qui change, dans le css c'est plus :
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}
Mais
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}
et dans le code a la place de ,
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1</a></li>
c'est
<li class="sousmenu"><a href="mise_en_page_4.php">Sous sous menu 4.1.1</a>
<ul class="niveau4">
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1.1</a></li>
<li><a href="mise_en_page_4.php">Sous sous menu 4.1.1.2</a></li>
</ul>
</li>




Et voila.


Si tu as des questions !

PS : J'ai volontairement enlevé le div de pub pour plus de claretée

#21 Proposition de tutos » créer un serveur ftp perso » 08-07-2006 11:19:49

stouille
Réponses : 3

Si vous le souhaitez, et pour m'investir plus dans ce forum que je viens de découvrir et aussi pour partager ce que j'ai appris , je peux proposer un tuto pour créer son propre serveur ftp.

Je connais bien SERV-U qui permet de créer notament un serveur FTP sécurisé SSL mais qui a comme gros inconvénient d'être payant.

Je connais aussi TYPSOFT FTP SERVER qui est moins évolué mais gratuit.

#22 Re : De tout de rien » et le copyright alors !!! » 08-07-2006 11:07:48

bien dit !

On est tous avec toi (du moins moi oui wink)

#23 De tout de rien » et le copyright alors !!! » 08-07-2006 08:39:06

stouille
Réponses : 4

En cherchanr réponse à mon problème (http://forum.tuto-fr.com/viewtopic.php?id=733 un peu de pub lol !), j'ai fouiné sur le net et je suis tombé sur pas mal de  plagiats.


http://www.web-lolo.info/tuto.html
http://psychofou.free.fr/ftp/tutorial-c … ck.php.htm


Shame on you !:(:(