Je m'appelle Julien, alias Jadoremario, et j'ai 11 ans. Je suis sur MU depuis assez longtemps, et pas plus tard d'environ deux semaines, j'ai eu un déclic : un projet appelé Nintend'High-Tech ! Afin de convaincre un maximum de membres de se lancer dans ce projet ou de l'encourager, je suis venu ici !
Mon projet : Nintend'High-Tech
Nintend'High-Tech est le projet d'un site portant sur les jeux vidéo des consoles récentes de Nintendo (DS et Wii) ainsi que de son actualité. Également, pour les personnes nostalgiques, un petit espace permettra aux joueurs récidivistes de communiquer des jeux de leurs enfance, dans un endroit appelé N-ostalgie. Enfin, les différents visiteurs pourront toujours venir voir ou prendre des fonds d'écrans ou des avatars, ou de jouer à des jeux flash dans une section Bonus.
L'avancement est assez satisfaisant car la première page ainsi que son CSS sont déjà en place. Pas encore héberger, mais déjà codé.
Voici ces codes :
site.php :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Nintend'High-Tech !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="code.css" />
</head>
<body>
<div id="menu_onglet"> <!--Le menu horizontal, en haut de l'écran -->
<a href="site.php"> Site </a>
<a href="jeux.php"> Jeux H.-T. </a>
<a href="actu.php"> Actu Nintendo </a>
<a href="n_ostalgie.php"> N-ostalgie </a>
<a href="bonus.php"> Fan-Arts </a>
</div>
<div id="menu_gauche">
<h2>SITE</h2><!--Le menu à gauche -->
<ul>
<li><a href="site.php"> Accueil </a></li>
<li><a href="visite.php"> Visite guidée </a></li>
<li><a href="partenaires.php"> Partenaires </a></li>
<li><a href="histoire.php"> Histoire du site </a></li>
<li><a href="remerciement.php"> Remerciements </a></li>
</ul>
<div id="banniere"><!--La bannière (en dessous du menu) -->
</div>
</div>
<div id="corps"><!--Le texte principal -->
<h1>En direct d'aujourd'hui : Nintend'High-Tech !</h1>
<p>Je vous souhaite la bienvenue sur mon site que j'ai créé avec plusieurs personnes.<br/>
Même si la première page a été créé par moi seul (Jadoremario), il se peut qu'elle sera modifiée par d'autres personnes.</br>
Sur ce, ce site s'appelle Nintend'High-Tech (abrégé en Nh-t).<br/>
Il parle des <a href="jeux.php">jeux vidéo Nintendo</a> (qui a dit "On savait pas" ?) de la nouvelle génération (DS et Wii) et de l'<a href="actu.php">actualité de Nintendo</a>.<br/>
Si vous êtes nouveau sur le site, je vous conseille de suivre notre <a href="visite.php">visite guidée</a>.<br/>
Autre chose : un espace <a href="n_ostalgie">N-ostalgie</a> (N comme Nintendo) est ouvert pour les personnes décroissantes (qui n'arrive pas à s'adapter en leur temps pour les deux paumés du fond).<br/>
Puis, vous aurez quelques bonus en allant voir les différents <a href="bonus.php">fan-arts</a> créés par moi-même ou par des bénévoles (dans tous les cas, le pseudo est indiqué).<br/>
</p>
<p id="signature"><!--La p'tite signature intégré au corps, un peu comme le pied de page-->
Le site a été créé par <span style="font-weight: bolder";>Jadoremario</span>.<br/>
Toute reproduction totale ou partielle du texte de ce site sans l'avis de son auteur est interdite. Celui ayant plagié le site en partie ou en totalité s'expose à 3 ans de prison et de 300 000€ de dommages et intérêts.<br/>
Pour voir l'équipe, cliquez <a href="remerciement.php">ici</a>. Enfin, sachez que Nintend'High-Tech n'a aucun but commercial. Puis, si vous voulez revenir en haut de la page, cliquez <a href="#menu_onglet">ici</a>.
</p>
</div>
</body>
</html>
code.css :
Code : Tout sélectionner
#menu_onglet /*Le menu onglet*/
{
border: 2px solid black; /*Cadre de 2 pixels autour des onglets*/
width: 100%; /*Taille de la place occupé par les onglets (ici toute la ligne) */
height: 30px; /*La taille vertical des onglets */
background: url('http://i70.servimg.com/u/f70/14/50/14/09/fond_m11.png') repeat; /*L'adresse de l'image de façon à ce qu'elle soit répété*/
}
#menu_onglet a /*Les liens des onglets*/
{
display:block; /*Pour que le "bloc" soit un vrai bloc*/
float:left; /*Pour que les blocs soient alignés horizontalement*/
width:19%; /*La taille pour les 5 onglets, et une petite marge pour IE*/
height:30px; /*La même hauteur que notre menu*/
border:none; /*On enlève les bordures*/
text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
}
#menu_onglet a, #menu_onglet a:visited /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
{
color:#6F4200; /*la couleur*/
text-align:center; /*on le centre horizontalement*/
padding-top:3px; /*on le centre verticalement*/
}
#menu_onglet a:hover, #menu_onglet a:visited:hover /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
{
color:#004200; /*la couleur*/
text-decoration:none; /*on enlève le soulignement du lien*/
}
#menu_gauche
{
float: left; /* Le menu flottera à gauche */
width: 200px; /* Très important : donner une taille au menu */
height: 400px; /* La taille verticale du menu normal (pas onglet) */
background: url('http://i70.servimg.com/u/f70/14/50/14/09/fond_m12.png') repeat; /*L'adresse de l'image de façon à ce qu'elle soit répété*/
border: 2px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
text-align: center;
vertical-align: middle;
}
#menu_gauche h2
{
text-decoration: underline;
color: #339966;
}
#menu_gauche ul a
{
color: #339966;
text-decoration: none;
}
#menu_gauche ul
{
list-style-image: url("http://i70.servimg.com/u/f70/14/50/14/09/fleche10.gif");
}
body
{
width: 780px;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
background-image: url("images/fond.png");
}
#corps
{
width: 570px;
height: 700px;
border: 2px solid black;
margin-left: 209px;
background-image: url("http://i70.servimg.com/u/f70/14/50/14/09/fond_c10.png");
margin-top: 2px;
padding-left:2px;
}
#corps h1
{
text-align: center;
color: #B300B3;
text-decoration: underline;
}
#corps a
{
color: #370037;
text-decoration: none;
}
#corps a:hover
{
color: #880088;
text-decoration: none;
}
#menu_gauche #banniere
{
width: 200px;
height: 490px;
background-image: url('http://i.imgur.com/yvoXE.png');
border: 2px solid black;
float: left;
}
#corps #signature
{
font-style: italic;
text-align: right;
vertical-align: bottom;
}
Recrutement
Pour réaliser ce projet, je suis à la recherche de :
De codeurs XHTML / CSS / PHP
Il faudrait "traduire" les prochains tests des membres, corriger le CSS ou rajouter des choses, et coder d'autres pages.
De graphistes
Dans ce domaine, la majorité du travail devra être effectué. Déjà, rajouter des fonds, et également quelques goûts pour dire quels modifications pourrait être possible.
De rédacteurs
Des tests à écrire, une bonne orthographe pour servir éventuellement de correcteur de fautes, ainsi que de bonnes connaissances et un bon sens de la recherche pour les scoops.
Informations supplémentaires
Le projet à déjà commencé puisqu'une équipe est déjà en place :
Mystery qui est très doué dans le domaine du graphisme puisqu'il a relooké la bannière.
Supermario58 qui est un bon codeur qui a déjà réussi à créer son site web (dont je ne citerai que le nom : MARIO GALACTICA) et qui m'a aidé à corriger le CSS. Un codeur ayant fait ses preuves en PHP, également.
Moi-même, Jadoremario, en poste de codeur. Je suis assez bon en XHTML, mais le PHP est encore trop difficile pour suivre le rythme avec l'école. J'ai d'ailleurs coder la première page, que vous pouvez voir plus haut.
Pour des renseignements, vous pouvez demander ici.
Si jamais un de ces postes vous intéresse, allez sur http://projethightech.frbb.net/ !
Merci d'avoir lu,
Cordialement, Jadoremario.