AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

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

Aller à la page : Précédent  1, 2
Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
Coucou Smile
Je te donne ça au plus vite, là je suis complètement overbooké!
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
Pas de problème, on est deux xD *concours blanc en approche*
Ariane
avatar
Codeur VeryActif
Messages : 47
Coda'Points : 345
Date d'inscription : 23/10/2015

Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
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 Wink

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://illiweb.com/fa/pbucket.gif" 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à !
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
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 Wink (le bac blanc me parait tout tranquille maintenant, mais c'était stressant à l'époque >.>)
Ariane
avatar
Codeur VeryActif
Messages : 47
Coda'Points : 345
Date d'inscription : 23/10/2015

Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
Coucou Wink
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 Wink

Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: [HTML/CSS/Java] - Page d'accueil pour un forum  posté le :
Coucou Ariane Wink

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

Tout va bien ?
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Page 2 sur 2Aller à la page : Précédent  1, 2

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
A Toi de Coder - Forum de codage :: Corbeille :: Corbeille du forum-
Sauter vers: