L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Toto456] une page d 'acueil s il vous plai

Ruikaruavatar
Messages : 253
Bonjour je voudrais une page d 'accueil pour le forum pour lequel je suis graphiste j 'ai fini mon thème de Noël mais je ne sais pas codé la page d 'accueil


Support de mise en page : page d'accueil
Résultat en : HTML - BBcode aucune idée je ne connais pas la différence entre les deux
Type de mise en page : Personnalisé
Texte :
Spoiler:
 

image :

----------------------------------------------------
Plan : tout est déjà sur l image
Script(s) : heu ... c'est quoi ???


merci d'avance a celui qui acceptera de le faire
Ruikaruavatar
Messages : 253
mini up juste pour prévenir que la commende est toujours d 'actualitée
Ruikaruavatar
Messages : 253
toujours personne ?
Ruikaruavatar
Messages : 253
Ruikaruavatar
Messages : 253
coucou petit up

j 'ai demander de l aide a un amis pour m aider a faire la page d 'accueil il faut juste retrouver les quelques erreur qui se sont glisser dans le codes merci d 'avence

Code:


<style type="text/css">

.staff
{
  height: 130px;
  width: 200px;
  overflow: auto;

 
}

.bienvenue
{
  height: 186px;
  width: 375px;
  overflow: auto;
 
}

.partenariat
{
  height: 76px;
  width: 270px;
  overflow: auto;

}

.liens
{
  height: 213px;
  width: 375px;
  overflow: auto;

}

.rpg
{
  height: 213px;
  width: 375px;
  overflow: auto;

}

</style>





<!-- ImageReady Slices (Untitled-1) -->

<table id="Table_01" background="http://i69.servimg.com/u/f69/12/59/41/72/thame10.jpg" border="0" cellpadding="0" cellspacing="0" width="799" height="565">

  <tbody><tr>

      <td colspan="8">

        <img src="http://img4.hostingpics.net/pics/535823thame1001gif.gif" alt="" width="800" height="67"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="67"></td>

  </tr>

  <tr>

      <td colspan="2" rowspan="2">

        <img src="http://img4.hostingpics.net/pics/743889thame1002gif.gif" alt="" width="70" height="186"></td>

      <td colspan="2" alt="" width="200" height="130"><div class="staff">STAFF HERE</div></td>

      <td colspan="2" rowspan="2">

        <img src="http://img4.hostingpics.net/pics/680872thame1004gif.gif" alt="" width="90" height="186"></td>

      <td rowspan="2" alt="" width="375" height="186"><div class="bienvenue">TEXTE HERE</div></td>

      <td rowspan="8">

        <img src="http://img4.hostingpics.net/pics/444145thame1006gif.gif" alt="" width="65" height="533"></td>

      <td>

        <img src="http://img4.hostingpics.net/pics/482920thame1007gif.gif" alt="" width="1" height="130"></td>

  </tr>

  <tr>

      <td colspan="2">

        <img src="http://img4.hostingpics.net/pics/482920thame1007gif.gif" alt="" width="200" height="56"></td>

      <td>

        <img src="http://img4.hostingpics.net/pics/573301thame1008gif.gif" alt="" width="1" height="56"></td>

  </tr>

  <tr>

      <td rowspan="6">

        <img src="http://img4.hostingpics.net/pics/573301thame1008gif.gif" alt="" width="48" height="347"></td>

      <td colspan="4" rowspan="2" alt="" width="270" height="76"><div class="partenariat">PARTENARIAT HERE</div></td>

      <td colspan="2">

        <img src="http://img4.hostingpics.net/pics/131868thame1010gif.gif" alt="" width="417" height="43"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="43"></td>

  </tr>

  <tr>

      <td rowspan="5">

        <img src="http://img4.hostingpics.net/pics/351119thame1011gif.gif" alt="" width="42" height="304"></td>

      <td style="text-align: justify;" rowspan="3" alt="" width="375" height="213"><div class="rpg">PRG HERE</div></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="33"></td>

  </tr>

  <tr>

      <td colspan="4">

        <img src="http://img4.hostingpics.net/pics/133526thame1014gif.gif" alt="" width="270" height="50"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="50"></td>

  </tr>

  <tr>

      <td colspan="2" rowspan="3">

        <img src="http://img4.hostingpics.net/pics/656227thame1015gif.gif" alt="" width="38" height="221"></td>

      <td colspan="2" rowspan="2" alt="" width="232" height="173"><div class="liensutiles">LIEN HERE</div></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="130"></td>

  </tr>

  <tr>

      <td rowspan="2">

        <img src="http://img4.hostingpics.net/pics/867127thame1018gif.gif" alt="" width="375" height="91"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="43"></td>

  </tr>

  <tr>

      <td colspan="2">

        <img src="http://img4.hostingpics.net/pics/468510thame1019gif.gif" alt="" width="232" height="48"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="1" height="48"></td>

  </tr>

  <tr>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="48" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="22" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="16" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="184" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="48" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="42" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="375" height="1"></td>

      <td>

        <img src="http://illiweb.com/fa/pbucket.gif" alt="" width="65" height="1"></td>

      <td></td>

  </tr>

</tbody></table>

<!-- End ImageReady Slices -->
ArlemV.I.P.avatar
Messages : 3712
Salut ruikaru,

Ce que je ferais à ta place, au lieu de m'embêter à faire plein de codes qui risquent d'être compliqués à modifier pour toi si tu ne t'y connais pas trop en HTML, ce serait créer une image map.
C'est à dire que, étant donné que tu as déjà ton fond, tu rajoutes directement le texte et les images souhaitées dessus (comme tu as l'air de te débrouiller en graphisme tu devrais réussir à faire quelque chose de présentable) puis ensuite nous nous occuperons de te faire le code adéquate pour rendre les zones qui doivent être cliquables... cliquables.

Pour plus d'infos sur les images maps si tu ne connais pas leur fonctionnement :
http://forum.forumactif.com/trucs-et-astuces-f8/creer-une-image-reactive-t231069.htm?highlight=image+r%e9active
Basil Hawkinsavatar
Messages : 548
Si tu n'arrives pas à faire ce que t'as dit Hinus, je peux toujours au pire m'en charger. Smile
Ruikaruavatar
Messages : 253
j'ai lu le tutoriel mais je n ai rien compris donc si tu es d 'accord oui je veux bien que tu t en occupe basil hawkins merci d 'avence
Ruikaruavatar
Messages : 253
basil tu est toujours d 'accord pour m aider avec mon code ?
Ruikaruavatar
Messages : 253
petit up ( j aime pas uper T_T )
ThreaxV.I.P.avatar
Messages : 7332
Bonjour,

Je m'occupe de toi Smile
Ruikaruavatar
Messages : 253
merci beaucoup ^^ et désolé d 'avoir uper j 'aime pas uper c est pas dans mes habitudes
ThreaxV.I.P.avatar
Messages : 7332
Alors voila la réalisation complète. Smile
Tu peux voir le résultat ici :


Si ça te va, voici les codes :

1. Panneau d'administration > Affichage > Page d'accueil > Généralités : met ce code :
Code:
<div id="p-acc">
  <div id="p-staff"><table style="width: 100%;"><tbody><tr><td><a href="http://deviltrinity.forumactif.com/profile.forum?mode=viewprofile&u=1"><b>Jenova</b><br><img src="http://img4.hostingpics.net/pics/295926jenovaavatarpng.png" style="height: 120px;"></a></td><td><a href="http://deviltrinity.forumactif.com/profile.forum?mode=viewprofile&u=2"><b>Lycoris</b><br><img style="height: 110px; width: 60px;" src="http://i66.servimg.com/u/f66/11/46/13/77/r4tofd10.jpg"></a></td><td><a href="http://deviltrinity.forumactif.com/profile.forum?mode=viewprofile&u=6"><b>Ruikaru</b><br><img style="height: 110px;" src="http://img689.imageshack.us/img689/7240/avatarloucas.png"></a></td></tr></tbody></table></div>

  <div id="p-welc">Bonjour à tous!<br><br>Bienvenue dans le monde étrange et effrayant de <b>DEVIL TRINITY</b> où vous pourrez incarner une créature des ténèbres et déambuler à votre guise dans Montain City... ou pas... à vous de choisir.<br><br><span style="color: white;">  <u>ATTENTION</u> : Ce forum contient des images/textes et autres qui pourraient choquer la sensibilité de certaines personnes, vous vous inscrivez donc à vos risques et périls!</span><br><br>Bonne visite ! </div>

  <div id="p-partn"><a href="http://lesforumsde.forumactif.com"> <img border="0" title="L'Annuaire" alt="L'Annuaire" src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-312.gif"></a></div>

  <div id="p-rpg">Bienvenue a Montain City, un monde peuplé de créatures sanguinaires. Incarnez l'une d'elle et survivez dans ce monde peuplé de dangers. </div>

  <div id="p-lienu">- <a href="http://deviltrinity.forumactif.com/reglement-f8/">Règlement</a></div>
</div>

1. Panneau d'administration > Affichage > Couleurs > Feuille de style CSS : met ce code :
Code:
#p-acc {
 background: url('http://i29.servimg.com/u/f29/12/59/41/72/thame10.jpg') no-repeat;
 width: 799px;
 height: 565px;
 text-align: left;
}

#p-acc a {
    color: white;
    text-decoration: none !important;
}

#p-staff {
    height: 120px;
    left: 65px;
    position: relative;
    top: 70px;
    width: 200px;
}

#p-staff table td {
    text-align: center;
    vertical-align: top;
    padding-top: 3px
}

#p-welc {
    bottom: 55px;
    font-family: Verdana;
    font-size: 12px;
    height: 175px;
    left: 360px;
    position: relative;
    text-align: center;
    width: 370px;
}

#p-partn {
    bottom: 25px;
    height: 50px;
    left: 48px;
    padding-top: 11px;
    position: relative;
    text-align: center;
    width: 261px;
}

#p-rpg {
    bottom: 50px;
    font-size: 15px;
    height: 200px;
    left: 369px;
    line-height: 25px;
    position: relative;
    text-align: center;
    width: 350px;
}

#p-lienu {
    bottom: 155px;
    height: 135px;
    left: 90px;
    position: relative;
    width: 220px;
    font-family: Verdana;
    font-size: 12px;
}

Si tu veux changer quelque chose, n'hésite pas Smile
Ruikaruavatar
Messages : 253
merci beaucoup je vais demander aux admin ce quelles en pence et je te dirai si sa va en tout cas merci de t être occuper si vite de la commande
Ruikaruavatar
Messages : 253
re désolé pour le double post pour la page d accueil c est génial c est exactement sa par contre on a de nouveau partenaire et je n arrive pas a les rajouter tu peux m expliqué comment on fait j 'aurais aimai que les partenaire défile mais reste dans la case partenaire merci d avance voila les deux nouveau partenaire :
http://graphparadise.forumgratuit.org logo :

http://otaku-paradise.forumsactifs.com/index.htm Logo :
ThreaxV.I.P.avatar
Messages : 7332
Alors dans le premier code, il faut que tu trouves cet extrait :
Code:
<div id="p-partn"><a href="http://lesforumsde.forumactif.com"> <img border="0" title="L'Annuaire" alt="L'Annuaire" src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-312.gif"></a></div>

Et que tu le remplaces par :
Code:
<div id="p-partn"><marquee><a href="http://lesforumsde.forumactif.com"> <img border="0" title="L'Annuaire" alt="L'Annuaire" src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-312.gif"></a> <a href="http://graphparadise.forumgratuit.org/"> <img border="0" src="http://i66.servimg.com/u/f66/15/66/81/62/88x3110.png"></a> <a href="http://otaku-paradise.forumsactifs.com/index.htm"> <img border="0" src="http://i28.servimg.com/u/f28/10/08/44/08/otaku110.png"></a></marquee></div>
Ruikaruavatar
Messages : 253
génial merci beaucoup

,
 Sujets similaires
-
» Mettre un menu sur la Page d'Acueil
» Besoin d'aide pour ma page d'acueil
» ajouter dernier sujet dans page d'acueil
» écrire sur page d'acueil
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Eval - Basique
  • Eval - RPG