[HTML/CSS/Java] - Page d'accueil pour un forum

Coucou
Je te donne ça au plus vite, là je suis complètement overbooké!

Pas de problème, on est deux xD *concours blanc en approche*

Coucou !

Je suis là !
Ouais, moi j'ai une épreuve de 4h type BAC vendredi en français, et la semaine d'après 3h en maths... Et BAC blanc deuxième semaine de janvier !

Bref, allez, parlons codage plutôt que cours xD.

Voici le code qui permet de faire cette page :


Si maintenant, on réorganise le code et qu'on le commente :


Donc place aux explications !
Pour les tospites :
Il suffit de rajouter le lien du topsite + l'image avec le code :

Code:

<a href="lien-top-site" target="_blank"><img src="lien-de-l'image" alt="Topsite" /></a>

Dans cette partie là :

Code:

<!-- Topsites -->
         <td colspan="2" id="topsites">
            <span id="vote">Votez toutes les deux heures !</span>
            <a href="http://www.tourdejeu.net/index.php" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/portal11.png" alt="Topsite" title="Topsite" /> </a>
         </td>
         <!--// EndTopsites -->

Après

Code:

<a href="http://www.tourdejeu.net/index.php" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/portal11.png" alt="Topsite" title="Topsite" /> </a>

Et avant le

Code:

</td>

Pour la navigation :
Pour rajouter un lien, il suffit de rajouter :

Code:

<li><a href="lien">Texte</a></li>

Entre

Code:

<!-- Navigation, liens sur la gauche -->
         <td rowspan="2" id="navigation">
            <ul>
               <li><a href="http://the-other-world-rpg.forumactif.org/t4-reglement-du-forum">Règlement</a></li>
               <li><a href="http://the-other-world-rpg.forumactif.org/t10-guide-du-nouveau">Guide du nouveau voyageur</a></li>
               <li><a href="http://the-other-world-rpg.forumactif.org/t2-contexte-general-du-forum">Contexte général</a></li>
               <li><a href="http://the-other-world-rpg.forumactif.org/t3-fonctionnement-et-vie-des-differents-mondes">Les différents mondes</a></li>
               <li><a href="http://the-other-world-rpg.forumactif.org/t23-aide-rediger-un-message-de-rp">Aide au RP</a></li>
            </ul>
         </td>
         <!--// EndNavigation -->

Entre les balises

Code:

<ul></ul>

après un </li>

Pour modifier le bloc central :
L'image de bienvenue :
Il suffit de remplacer

Code:

<header>
               <img src="http://i21.servimg.com/u/f21/19/29/50/06/exbien10.jpg" alt="Bienvenue" title="Bienvenue ! " />
            </header>

Par

Code:

<header>
               <img src="lien-de-l'image" alt="Bienvenue" title="Bienvenue ! " />
            </header>

Le texte :
C'est le paragraphe juste en dessous :

Code:

<p>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nunc eget ex porta eleifend vitae sit amet mauris. Proin scelerisque eros nec tortor aliquet, quis condimentum nulla rhoncus. Donec cursus nisi in elit facilisis sagittis. Nulla at molestie urna. Proin molestie vitae turpis sit amet tincidunt. Duis sit amet tellus semper, elementum dolor eu, sagittis risus. Pellentesque dictum nunc mi, vel pretium sapien efficitur in. Donec eget bibendum est.
            </p>

Pour les partenaires dans le bloc central :

Code:

<aside id="second-wrapper-for-partners">
               <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
               <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
               <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
               <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
            </aside>

il suffit de modifier un lien comme suit :
Au lieu de :

Code:

<a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>

Mettre :

Code:

<a href="lien-du-forum-partenaire" target="_blank"><img src="lien-du-logo" alt="Partenaire" title="Nom du forum" /></a>

Pour les partenaires :
Les liens sont ici :

Code:

<td id="partners">
            <h3>Mondes alliés</h3>
            <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
            <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
            <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
            <a href="http://novamvitam.forumactif.fr/" target="_blank"><img src="http://i21.servimg.com/u/f21/19/29/50/06/exbout10.jpg" alt="Partenaire" title="Nom du forum" /></a>
         </td>

Et c'est la même technique que pour les liens du bloc central

Pour le staff :

Code:

<!-- Team -->
            <aside id="team">
               <ul>
                  <li><span class="groups">Les Admins :</span>
                     <ul>
                        <li><a href="" target="_blank">Admin1</a></li>
                        <li><a href="" target="_blank">Admin2</a></li>
                        <li><a href="" target="_blank">Admin3</a></li>
                     </ul>
                  </li>
                  <li><span class="groups">Les Modos :</span>
                     <ul>
                        <li><a href="" target="_blank">Modo1</a></li>
                        <li><a href="" target="_blank">Modo2</a></li>
                        <li><a href="" target="_blank">Modo3</a></li>
                     </ul>
                  </li>
               </ul>

Il suffit de remplacer

Code:

<li><a href="" target="_blank">Modo3</a></li>

par

Code:

<li><a href="lien-vers-le-profil-du-modo" target="_blank">Pseudo du modo</a></li>

Pour les crédits :

Code:

            <!-- Crédits -->
            <aside id="credits">
               <a href="http://a-toi-de-coder.forumactif.org" target="_blank"><span>Merci à ce forum d'avoir réalisé l'entête du forum ! </span><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/atc/logo_zps9abe3965.png" alt="" /></a>
            </aside>
            <!--/ EndCrédits -->

Il te suffit de rajouter des liens entre

Code:

<aside id="credits"></aside>

Pour les prédfinis :
Pour en rajouter, si le logo vient à gauche :

Code:

<!-- Gauche --><a href="http://the-other-world-rpg.forumactif.org/t145-l-ex-chef-de-l-ur-alderic-d-arimbert"><span><img src="http://i21.servimg.com/u/f21/19/29/50/06/prydef12.jpg" alt="" /></span><img src="http://i21.servimg.com/u/f21/19/29/50/06/prydef10.jpg" alt="Fiche de personnage" title="Fiche de personnage" /></a>

il suffit de remplacer par :

Code:

<!-- Gauche --><a href="lien-predefinis"><span><img src="lien-image-aggrandie" alt="" /></span><img src="lien-image-petite" alt="Fiche de personnage" title="Fiche de personnage" /></a>

Si le logo vient à droite (c'est une fois sur deux) :

Code:

<!-- Droite --><a class="second" href="lien-predefini"><span><img src="lien-image-aggrandie" alt="" /></span><img src="lien-image-petite" alt="Fiche de personnage" title="Fiche de personnage" /></a><br />

Et voilà !

Mercii =) [Et encore désolée pour le retard u_u"] Je te dirais quand ce sera tout beau tout installé *_*

J'espère que tes DS se sont bien passés...Et bon courage pour janvier (le bac blanc me parait tout tranquille maintenant, mais c'était stressant à l'époque >.>)

Coucou
Pas de problèmes ! On est cool sur ce forum ! (tellement que y'a aucune activité :'()

Et bien, le DS de 4h vendredi en français s'est bien passé je crois. J'étais inspiré pour la dissertation !

Ahah, ça ne me stresse pas trop, c'est juste... Hyper long/chiant tout ce qu'on veut xD.

Tu me dis si tu as un pb

Coucou Ariane

Cela fait plus d'un mois qu'on n'a pas de nouvelles :/

Tout va bien ?