Cours de # ShOu'w

J'ai mis sa::

Code:: <body leftmargin="0" topmargin="0" style="background-image: url(http://apu.mabul.org/up/apu/2008/07/12/img-17183492ywj.jpg);" marginheight="0" marginwidth="49">

<frameset rows="55,*" border=5 frameBorder=1 frameSpacing=0>
<frame name="top" src="/menu.html" marginWidth=0 marginHeight=0 scrolling="no" noresize>
<frame name="bottom" src="/index.html" scrolling="auto" frameborder="no">
</frameset>

J'ai taper sa /menu.html et après il me mette que le serveur n'arrive pas à trouver le fichier car il est introuvable.

Administratrice Nombre de messages : 11442 Age : 32

tes pages menu.html et index.html sont dans le même dossier ?

Beh oui s'est bizarre parce que je les ai tous les deux enregistrer dans un dossier site-sarah-riani.

Mais j'essaye de trouver l'erreur en enregistrant, regardant les modifications que sa fais etc...

Edit: J'ai trouver le problème, c'est juste que ce n'est pas en ligne comme pour le site tout à l'heure.

Spoiler:

Administratrice Nombre de messages : 11442 Age : 32

Oki. Sinon, juste un truc, quand tes fichiers sont dans le même dossier, tu n'as pas besoin de mettre le / avant la page.

Enlève donc le /

Parce que chez moi, ça ne fonctionne toujours pas.

Si je suis juste, ça devrait donné ça ton code de la page index.html

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
</HEAD>
<frameset rows="55,*" border=5 frameBorder=1 frameSpacing=0>
<frame name="top" src="menu.html" marginWidth=0 marginHeight=0 scrolling="no" noresize>
<frame name="bottom" src="index.html" scrolling="auto" frameborder="no">
</frameset>
</HTML>

C'est fais j'ai enlever le slash et oui c'est bien sa Smile

On continue... ? =D

Administratrice Nombre de messages : 11442 Age : 32

On va faire le fichier css si tu veux. Comme ça, ça mettra en beauté le texte et autres.

Je te mets quand même l'explication sur le css.
Donc le css, c'est très simple.

Exemple de code :

Code:: p{
font-size: 11px;
color : #EEEEEE;
}

Ca marche toujours de la même manière. Il y a le "p", qui signifie en fait le paragraphe (c'est ce que je t'ai dit de mettre avec on texte avant Smile

). Puis tu ouvres l'accolade, et tu la refermes. Sans oublier le ; après chaque propirété.

Entre deux, tu mets divers éléments, comme la taille du texte, la couleur, si c'est souligné, surligné...

Donc tu ouvres Notepad++ ou le bloc note, tu crées une nouvelle page que tu appelles style.css

Et dedans tu vas mettre différents codes, que je te donne. Tu changeras les informations. Tu verras, d'une fois qu'on a compris le truc, c'est simple comme bonjour Smile

Pour le paragraphe :

Code:: p{
font-size: 11px;
color : #EEEEEE;
}

Pour le fond des pages :

Code:: body{
background-color: #000B20;
}

Pour les liens :

Code:: a:link{
color: #FFD591;
}

Pour les liens déja visités :

Code:: a:visited {
color: #FFD591;
}

Et ça, c'est au moment où tu passes la souris sur le lien :

Code:: a:hover {
color: #FFD591;}

Donc il te faut changer les couleurs. Ensuite, si tu veux savoir comment faire d'autres choses, mettre en gras, souligné... tu me demandes. Je t'ai donné les choses de bases, mais il faut savoir qu'il en existe une tonne. Impossible de tous les connaitres.

j'ai fais ma feuille Css avec ce que tu m'as dis et d'autre propriétés que j'ai trouver sur le site du Zéro que je trouvais pratique.

Mais j'ai un problème pour le menu de gauche qui ne s'affiche toujours pas, je pense que j'ai du faire une erreur de code (ma page html s'appel menu2.html)

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Le site officiel de la Riani Family_x3</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(http://apu.mabul.org/up/apu/2008/07/12/img-17183492ywj.jpg);" marginheight="0" marginwidth="49">

<frameset rows="55,*" border=5 frameBorder=1 frameSpacing=0>
<frame name="top" src="menu.html" marginWidth=0 marginHeight=0 scrolling="no" noresize>
<frame name="bottom" src="index.html" scrolling="auto" frameborder="no">
</frameset>

<img src="http://apu.mabul.org/up/apu/2008/07/01/img-161740ob2wr.jpg" alt="" border="0" height="300" width="740">

<div id="droite" style="position: absolute; left: 262px; top: 310px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="526"></iframe></div>

<div id="gauche" style="position: absolute; left: 50px; top: 310px;"><iframe src="menu2.html" name="menu2" align="middle" frameborder="0" height="1650" width="200"></iframe></div>

</body>
</html>

Administratrice Nombre de messages : 11442 Age : 32

Je vais reagarder tout ça. Par contre, si ta page s'appelait menu2.html, c'et normal que ça ne marchait pas alors Smile

Je vais essayer de trouver ce qui va pas ce soir (pendant que vous faites la fête ^^)

EDIT :

Bon, déjà, il y a un problème, c'est que tu as des balises <frameset> et des balises <frame>, du coup, ça voudrait dire que sur ta page, tu as 4 frames ! Alors que tu en as besoin que de deux.

Avec ce code, ça marche sur mon serveur (code de la page index.html)

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Le site officiel de la Riani Family_x3</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(http://apu.mabul.org/up/apu/2008/07/12/img-17183492ywj.jpg);" marginheight="0" marginwidth="49">

<img src="http://apu.mabul.org/up/apu/2008/07/01/img-161740ob2wr.jpg" alt="" border="0" height="300" width="740">

<div id="droite" style="position: absolute; left: 262px; top: 310px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="526"></iframe></div>

<div id="gauche" style="position: absolute; left: 50px; top: 310px;"><iframe src="menu2.html" name="menu2" align="middle" frameborder="0" height="1650" width="200"></iframe></div>

</body>
</html>

Tes deux pages doivent s'appeler home.html (celle de droite) et menu2.html (celle de gauche).

Normalement, ça devrait fonctionner. J'ai simplement enlever tout tes frames intutiles qui, à mon avis, genaient les autres. En HTML, si tes balises sont mal imbriquées, ça peut pas jouer Smile

Mets tout ça sur ton hébergeur et j'irai voir. En oubliant pas de mettre un page menu2.html et home.html

Merci Merci !!

Sa marche!! Et dans ma ville la fête elle étais hier soir :p

j'ai essayer de faire mon menu & le début de ma page d'accueil mais ya pas du tout de mise en forme...et c'est plus pour tester qu'autre chose.

Administratrice Nombre de messages : 11442 Age : 32

Oki. Je savais ps pour la fête. Pour moi, c'est le 1er août ^^

Par contre, tu as changé le code dans ta page index.html ? Il faut mettre celui que je t'ai donné dans le message au-dessus. Parce que je ne vois toujours pas la page menu2.html autrement Smile

J'arrive donc pas a accéder à cette page.

Bah merci beaucoup pour ton mp encore une fois... & Je suis de retour mais j'ai totalement laisser tomber l'autre site que j'avais commencé =/

Mais j'ai un nouveau projet qui commence à se concrétiser... J'avais trouver quelqu'un pour le faire & le payer par allopass mais je n'ai plus aucune nouvelle!

Donc si tu connais des gens qui créent des sites ce serais avec grand plaisir, on pense le faire avec Wordpress...

Tiens le post que j'avais mis dans projet qui explique un peu le site :

Spoiler:

Pour le site j'ai un héberger & acheter un nom de domaine...

Administratrice Nombre de messages : 11442 Age : 32

Ah oui, j'avais lu ça Wink

Pour Wordpress, j'avoue que je ne m'y connais pas vraiment. Je n'ai jamais essayer à vrai dire. C'est pas faute de le vouloir, mais il manque souvent le temps dans tout ça Wink

Je pensais à Wordpress parce qu'on peut avoir un bon résultat tout en étant assez facile d'accès mais est-ce que tu me conseillerais un autre moyen?

Administratrice Nombre de messages : 11442 Age : 32

Si c'est pas très compliqué, pourquoi pas essayer wordpress. Sinon, et bien il faut tout faire à la main (moins facile quand on ne s'y connait pas très bien).

» [COURS] Introduction au cours d'HTML
» -Cours de ju-dom-
» Cours de emy-fan
» Cours de mel [OK]