Support concernant les codes de ma page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Support concernant les codes de ma page d'accueil

Message par thaom melcrudak le Sam 15 Mar 2014 - 3:23

Bonjour,

Tout d'abord : Je suis fondatrice / en phpbb2 / CSS et templates modifiés / sur firefox /lien vers mon forum : www.ildir.purforum.com

J'ai une page d'accueil personnalisée déjà en place utilisant du CSS ainsi que du HTML dans la partie ''généralités''. J'aimerais que ma section ''mises à jour'' défile vers le haut et que ma partie ''contexte'' soit pourvue de deux onglets(représentés idéalement par de petits cercles SOUS la section) où on pourrait lire le contexte sur le premier ainsi que la situation actuelle du forum en cliquant sur le deuxième. Si jamais il existe déjà des tutoriels sur le sujet je m'en excuse mais je n'ai pas trouvé de réponses alors si vous pouviez me référer à des tutoriels ce serait génial.

Et il y a des petites erreurs que je ne peux modifier moi-même ne sachant pas comment m'y prendre par exemple ; La section mises à jour est plus haute que postes vacants.

Voici le code html de ma PA au besoin.

Merci d'avance !!

html:
<br /><em><span style="font-family: Artifika;"><span style="font-size: 14px; line-height: normal"> Salutations {USER&amp;#8288;NAME} ! Que nous réserves-tu aujourd'hui ?<br /></span></span></em>
<div class="fond">

<center>
<img src="https://i55.servimg.com/u/f55/17/74/42/60/accuei11.png" />
</center>

<table _moz_resizing="true" witdh="100%" border="0">

<tbody>

<tr>

<td style="width: 30%;" align="center" valign="top">

<!--                                                                                                                                                                                                                                                                                                                                                      DEBUT DU CONTEXTE                                                                                                                                                                                                                                                                                                                                                      -->
<div class="titre_pa">
<span style="font-size: 14px;">Contexte</span>
</div>

<div class="contexte">
C'est la magie du Haut-prêtre Urion qui ouvrit le portail au plus fort de la bataille de la vallée d'Ildir. Celui-ci laissa entrer des créatures de l'Outre-monde et scella ainsi le destin des habitants du continent d'Ildirith. 400 ans plus tard, quel sera ton combat ? Incarne l'une des nombreuses races et évolue sur des territoires fabuleux. Rejoins une faction et œuvre en Bien ou en Mal sur les terres ! Mais reste à l'affut puisque les infâmes goules sont de retour...Est-ce de toi dont l'histoire se souviendra?
<!--                                                                                                                                                                                                                                                                                                                                                      FIN DE LA PARTIE CONTEXTE                                                                                                                                                                                                                                                                                                                                                      -->
</div>

</td>

<td style="width: 40%;" rowspan="2" align="center" valign="top">

<!--                                                                                                                                                                                                                                                                                                                                                      DEBUT DES LIENS UTILES                                                                                                                                                                                                                                                                                                                                                      -->
<div class="titre_pa">
Découvrir l'univers
</div>

<div id="Lutiles">
<a href="http://ildir.purforum.com/t444-prologue"> Prologue</a> <a href="http://ildir.purforum.com/t5-l-histoire">Histoire</a> <a href="http://ildir.purforum.com/t1-le-reglement"> Règlement</a> <a href="http://ildir.purforum.com/t356-guide-du-nouveau">Guide du nouveau</a> <a href="http://ildir.purforum.com/f23-divinites">Divinités</a> <a href="http://ildir.purforum.com/t495-a-lire-avant-tout-etre-un-lanceur-de-sorts-en-ildirith">La magie</a> <a href="http://ildir.purforum.com/f8-les-races">Les Races</a> <a href="http://ildir.purforum.com/f14-cartes-des-continents">Carte des continents</a>
</div>
<br /><br />
<div class="titre_pa">
<span style="font-size: 12px;"><em>Votez pour la prospérité de la vallée...</em></span><br /><br /><a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=1242" target="_blank"><img src="http://lesforumsdefa.olympe.in/topsite/img/vote3.gif" id="votelfd" border="0" /></a><br />
</div><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10572" class="postlink" target="_blank" rel="nofollow"><img src="https://i55.servimg.com/u/f55/17/74/42/60/tite-e10.png" alt="" border="0" /></a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=8284" class="postlink" target="_blank" rel="nofollow"><img src="https://i55.servimg.com/u/f55/17/74/42/60/tite-e10.png" alt="" border="0" /></a><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1556" class="postlink" target="_blank" rel="nofollow"><img src="https://i55.servimg.com/u/f55/17/74/42/60/tite-e13.png" alt="" border="0" /></a><a href="http://en.root-top.com/toplist/cherry23/in.php?ID=7043" class=" postlink" =""="" target="_blank" rel="nofollow"><img src="https://i55.servimg.com/u/f55/17/74/42/60/tite-e10.png" alt="" border="0" /></a>
</td>

<td style="width: 30%;" align="center" valign="top">

<!--                                                                                                                                                                                                                                                                                                                                                      DEBUT STAFF                                                                                                                                                                                                                                                                                                                                                      -->
<div class="titre_pa">
<span style="font-size: 14px;">Les fondateurs & Modérateurs</span>
</div>

<table>

<tbody>

<tr>

<td>
<a href="http://ildir.purforum.com/t21-phelim-alberick-recruteur-de-la-main-rouge"><img src="https://i55.servimg.com/u/f55/17/74/42/60/phelii13.png" class="opac1" /></a>
</td>

<td>
<a href="http://ildir.purforum.com/t45-thaom-melcrudak"><img src="https://i55.servimg.com/u/f55/17/74/42/60/thaom11.png" class="opac1" /></a>
</td>

</tr>

<tr>

<td>
<a href="http://ildir.purforum.com/t129-fergal-thanatosian-dit-oeil-de-sang"><img src="https://i55.servimg.com/u/f55/17/74/42/60/fergi110.png" class="opac1" /></a>
</td>

<td>
<a href="http://ildir.purforum.com/t138-hector-silus-dit-barbe-braise"><img src="https://i55.servimg.com/u/f55/17/74/42/60/hec10.png" class="opac1" /></a>
</td>

</tr>

</tbody>

</table>

<!--                                                                                                                                                                                                                                                                                                                                                      FIN DE LA PARTIE STAFF                                                                                                                                                                                                                                                                                                                                                     -->
</td>

</tr>

<tr>

<td style="width: 30%;" align="center" valign="top">

<div class="titre_pa">
<span style="font-size: 14px;">Mises à jour</span>
</div>

<div class="news">
13/03/2014: Nouvelle alliance avec <a href="http://coalitionv2.forumactif.org/">Coalition V.2</a> allez jeter un oeil à leur univers de vampires et de loups-garous!<br /><br />10/03/2014: Une section réservée aux boutons de votes a été créée <a href="http://ildir.purforum.com/t551-les-boutons-de-votes">ici!</a>. Prenez le temps de nous faire connaître!<br /><br />07/03/2013: Une <a href="http://ildir.purforum.com/f173-peripeties">Péripétie</a> a été ajoutée et <a href="http://ildir.purforum.com/t548-intrigue-jouable-a-la-source">L'Intrigue</a> en est à son étape jouable!<br /><br />07/03/2014: Le premier top-site vient d'être remis à zéro, pensez à <a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=8284">voter</a> toutes les deux heures !<br /><br />05/03/2014: Nouvelle alliance; <a href="http://www.lestablesdolaria.com/">Les tables d'Olaria</a><br /><br />04/03/2014: Dernière faction en date <a href="http://ildir.purforum.com/t541-la-confrerie-des-rapaces">La confrérie des rapaces</a>, merci Eramos !<br /><br />04/03/2014: Nouveau slogan du forum: Est-ce de toi dont l'histoire souviendra?<br /><br />03/03/2014: Nouvelle alliance ; <a href="http://tol-orea.un concurrent.org/index.php">Tol Orëa</a>, la Terre de l'Aube. N'hésitez pas à découvrir son <a href="http://ildir.purforum.com/t536-tol-orea-la-terre-de-l-aube#1792">univers!</a><br /><br />01/03/2014: Inscription sur l'<a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=1242">Annuaire</a> des forums, nous avons besoin de vos votes!<br /><br />26/02/2014: Le Gantelet recrute plus que jamais! Leur fort se trouve <a href="http://ildir.purforum.com/f125-exterieur-de-l-enceinte">ici...</a><br /><br />25/02/2014: Ajustement des points de réputation acquis lors d'un message dans la section <a href="http://ildir.purforum.com/t371-les-metiers#866">''Métiers''.</a> 30 à la place de 20 !<br /><br /> 22/02/2014: Nouvelle faction à découvrir ; <a href="http://ildir.purforum.com/t526-les-gardiens#1746">Les Gardiens ; Sulis défenseurs</a>
</div>

<!--                                                                                                                                                                                                                                                                                                                                                      FIN DE LA PARTIE MISE A JOUR                                                                                                                                                                                                                                                                                                                                                     -->
</td>

<td style="width: 30%;" align="center" valign="top">

<!--                                                                                                                                                                                                                                                                                                                                                      DEBUT PARTIE PVS                                                                                                                                                                                                                                                                                                                                                      -->
<div class="titre_pa">
<span style="font-size: 14px;"> Postes vacants<br /><br /></span>
</div>

<div class="pvs">
<a href="http://ildir.purforum.com/t294-adrian-sombracier"><img src="https://i55.servimg.com/u/f55/17/74/42/60/1_adra10.png" class="opac" /></a><a href="http://ildir.purforum.com/t30-haut-commandant-wesley-selar"><img src="https://i55.servimg.com/u/f55/17/74/42/60/2wsley10.png" class="opac" /></a><a href="http://ildir.purforum.com/t428-jagor#1121"><img src="https://i55.servimg.com/u/f55/17/74/42/60/3_jafa10.png" class="opac" /></a>
</div>

<!--                                                                                                                                                                                                                                                                                                                                                      FIN DE LA PARTIE PVS                                                                                                                                                                                                                                                                                                                                                     -->
</td>

</tr>

<tr>

<td colspan="3" align="center" valign="top">

<div class="titre_pa">
<span style="font-size: 12px;"><em>Fiers partenaires de</em></span>
</div>

<div class="partenaire">
<a href="http://tol-orea.un concurrent.org"><img src="http://img.xooimage.com/files44/8/6/8/boutontoreauk6-14925ed.jpg" class="opac" /></a> <a href="http://www.ephaelya.com" class="postlink" target="_blank" rel="nofollow"><img src="https://i55.servimg.com/u/f55/17/74/42/60/epha12.png" class="opac" /></a> <a href="http://univers-batman-rpg.forumactif.org/"><img src="http://img15.hostingpics.net/pics/536395batman.png" class="opac" /></a><a href="http://www.lestablesdolaria.com/"><img src="https://i71.servimg.com/u/f71/11/41/93/45/33x81_10.jpg" class="opac" /></a> <a href="http://lemondededuralas.forumactif.org/"><img src="https://i58.servimg.com/u/f58/15/33/58/83/bouton10.jpg" class="opac" /></a> <br /> <a href="http://www.tourdejeu.net/annu/fichejeu.php?id=9869"><img src="https://i55.servimg.com/u/f55/17/74/42/60/bouton10.gif" class="opac" /></a> <a href="http://antredurpg.fr-bb.com"><img src="https://i82.servimg.com/u/f82/14/22/56/95/ban8811.gif" class="opac" /></a> <a href="http://www.sawen.net/"><img src="https://i55.servimg.com/u/f55/17/74/42/60/sawent10.jpg" class="opac" /></a><br /> <a href="http://ildir.purforum.com/f104-partenaires"><img src="https://i55.servimg.com/u/f55/17/74/42/60/autres14.png" class="opac" /></a><br /> <a href="http://ildir.purforum.com/t361-rejoignez-nous#842"><img src="https://i55.servimg.com/u/f55/17/74/42/60/vous10.png" class="opac" /></a>
</div>

</td>

</tr>

</tbody>

</table>

<div id="para1">

</div>
<script type="text/javascript">
          document.getElementById("para1").innerHTML = formatAMPM();
       
      function formatAMPM() {
      var d = new Date(),
          minutes = d.getMinutes().toString().length == 1 ? '0'+d.getMinutes() : d.getMinutes(),
          hours = d.getHours().toString().length == 1 ? '0'+d.getHours() : d.getHours(),
       
         months = ['Vur', 'Dan', 'Brives', 'Autron', 'Brinhal', 'Fan', 'Afail', 'Menail', 'Chamtasque', 'Branfale', 'Bagne', 'Gec'],
          days = ['Demonda','Liunda','Miunda','Miwenda','Jewuina', 'Vendelia', 'Samelia'];
      return days[d.getDay()]+' '+d.getDate()+' '+'de '+months[d.getMonth()]+' '+'16'+'ème '+' '+'année '+' '+'de '+' '+' l\'ère '+' '+'du'+' '+'second '+' '+'souffle '+hours+':'+minutes;
      }    
         
      </script> <br /> <iframe src="https://www.opendrive.com/listen/MV8zODA1ODQ5M18yV2xoSQ" style="border: 0px none; width: 297px; height: 25px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe> <br />
</div>

<div align="center">
<span style="font-size: 10px; line-height: normal">Page d'accueil par <em>Phantasmagoria</em> sur S.o.S<br /></span> <a href="http://www.sos-rpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/vBreO.png" alt="" border="0" /></a>
</div>


Dernière édition par thaom melcrudak le Sam 15 Mar 2014 - 20:14, édité 1 fois

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Support concernant les codes de ma page d'accueil

Message par thaom melcrudak le Sam 15 Mar 2014 - 14:51

Merci beaucoup ! Mais le défilement est trop rapide et il n'arrête pas au passage de la souris! J'aimerais aussi savoir comme retirer la barre de scroll.
Voici ma demande pour le contexte en deux onglets en Images pour vous aider à comprendre :

images:



J'aimerais pouvoir cliquer sur les petits points en bas des images afin de passer d'un onglet à l'autre ! Je souhaites installer une section comme celle-ci à la place de mon contexte actuel sur mon forum www.ildir.purforum.com.


merci ^^


Dernière édition par thaom melcrudak le Sam 15 Mar 2014 - 17:00, édité 1 fois (Raison : concernant la vitesse de défilement)

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Support concernant les codes de ma page d'accueil

Message par thaom melcrudak le Sam 15 Mar 2014 - 20:15

J'ai trouvé de mon côté, merci ! sujet résolu.

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum