Page d'accueil

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

Résolu Page d'accueil

Message par Enigmatic le Jeu 1 Sep 2011 - 5:26

Bonjour & Merci d'avance à la personne qui sera en mesure de m'aider!
Voilà, je me suis créé une page d'accueil, mais... j'aimerais faire des changements, je suis certaine que c'est possible, mais j'ignore comment faire. Donc, voila un schéma que j'ai fais, à partir de ma page d'accueil : Click!

Donc, si nous commençons par le haut. J'aimerais beaucoup qu'au-dessous de la barre de navigation rapide - la barre blanche, que l'espace soit séparé en deux pour que d'un côté je puisse y mettre des mini-avatar des PV créer par les membres et de l'autre côté, des mini-avatar du staff du forum. Si possible, y mettre un ascenseur si jamais je décide de mettre plus d'image ou que je change d'idée et que j'y mets du texte. Bref. Je veux juste pas que si je mets beaucoup de texte, que tout s'allonge, etc.

Ensuite, vous voyez la section ( L'Actualité du mois ) Il y a une séparation qui sépare la section du partenariat. J'aimerais beaucoup que cette section, sois séparé en trois, que l'un soit un a coté de l'autre et qui défile mes texte, exactement comme la colonne d'actualité. En gros, je veux trois colonnes, identique a ce que fais l'Actualité, un a côté de l'autre.

Finalement, dans l'encadrement, en bas, j'aimerais y faire défiler mes partenariats.

Est-ce que c'est possible ?
Voici, actuellement, les codes de ma page d'accueil.

Code:
<div style="text-align: left; font-family: Georgia; color: #80B053;"><font size="5">TE VOILÀ ENFIN, INVITÉ!<br></font><div align="center"><div class="description"><div style="background: #FFFFFF">♠ <a href="http://kimitsu-shorui.jdrforum.com/t26-le-complexe-etablissement-m-i-s-o-n-o" class="postlink">  MISONO  </a> ♠ <a href="http://kimitsu-shorui.jdrforum.com/t27-le-complexe-etablissement-h-o-j-o" class="postlink">  HOJO  </a> ♠ <a href="http://kimitsu-shorui.jdrforum.com/f9-races-classes" class="postlink">  RACES  </a>♠ <a href="http://kimitsu-shorui.jdrforum.com/f10-grades-fonctions">  FONCTIONS  </a> ♠ <a href="http://kimitsu-shorui.jdrforum.com/f16-tableau-d-affichage" class="postlink">  PV &amp; FICHES DES RELATIONS  </a> ♠ <a href="http://kimitsu-shorui.jdrforum.com/f100-partenariats" class="postlink">  PARTENARIATS  </a> ♠ </div></div><font face="Times New Roman"><br> <br></font></div><div align="justify"><span class="genmed"><font face="Times New Roman"></font></span></div><div align="justify"><font color="#8c5b80"><font face="Georgia" size="2"><font color="dimgray" face="Verdana" size="1"><br><br><br></font></font></font></div><table class="forumline table1 bg3" cellspacing="1" width="100%">
<tbody>
<tr>
<th class="thTop forabg">L'Actualité du mois<br></th>
<th class="thTop forabg">Partenariat <3<br></th></tr>
<tr>
<td class="row3" align="center"><span class="postbody"><span style="FONT-FAMILY: Verdana"><font size="1"><span><div align="left">
<marquee style="WIDTH: 274px; HEIGHT: 92px" scrollamount="1" direction="up" height="92"><div align="justify"><font style="font-weight: bold; color: Red;" color="dimgray"></font><span style="font-weight: bold; color: Red;"><center>OUVERTURE DU FORUM</center></span><br><span style="font-size:9.0pt;line-height:115%;
font-family:"Calibri","sans-serif";mso-ascii-theme-font:minor-latin;mso-fareast-font-family:
Calibri;mso-fareast-theme-font:minor-latin;mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";mso-bidi-theme-font:minor-bidi;
mso-ansi-language:FR-CA;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">Ouvert
depuis peu de temps, Kimitsu Shorui est fier de t'ouvrir ses portes, cher
invité! L’administration du forum espère réellement que vous apprécierez le
forum &amp; que l’aventure sera au rendez-vous pour vous donnez toujours
envie de venir, revenir &amp; d'inviter vos ami(e)s!</span><br></div></marquee></div></span></font></span></span></td>
<td class="row3" align="center"><span class="postbody"><font size="1"><div align="justify">
<marquee><a class="postlink" href="http://seedsofgold.forumactif.org/" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/531897liens1copie.png" border="0"></a> <a class="postlink" href="http://swyn.forums-actifs.com/" target="_blank" rel="nofollow"><img src="http://khong.song.free.fr/swyn/site/Images/bouton403.png" border="0"></a> <a class="postlink" href="http://railway.forumactif.org/" target="_blank" rel="nofollow"><img src="http://i44.tinypic.com/k4v9lz.jpg" border="0"></a> <a class="postlink" href="http://muggles.forumactif.org/" target="_blank" rel="nofollow"><img src="http://img200.imageshack.us/img200/1364/mb2pw.png" border="0"></a> <a class="postlink" href="http://oh-paris.forumactif.com/" target="_blank" rel="nofollow"><img src="http://i38.servimg.com/u/f38/15/78/43/25/eee11.png" border="0"></a> <a class="postlink" href="http://secret-of-stonehenge.forumgratuit.org/" target="_blank" rel="nofollow"><img src="http://i30.servimg.com/u/f30/11/10/42/56/bas11.jpg" border="0"></a> <a class="postlink" href="http://samudra.forumactif.com/" target="_blank" rel="nofollow"><img src="http://i221.photobucket.com/albums/dd52/xodramm/samudrav3/100x35v3.jpg" border="0"></a>  </marquee></div></font></span><div align="justify"><font size="1">
<table style="MARGIN-LEFT: auto; MARGIN-RIGHT: 0px; TEXT-ALIGN: left">
<tbody>
<tr>
<td><div style="WIDTH: 500px" align="right"><font face="Arial"><font color="black"><b><a href="http://enkidiev-quest.forumactif.com/f88-partenariat"><font color="black" size="1">FICHE DE NOS AMIS!</font></a><font color="black" size="1"> | </font><a href="http://enkidiev-quest.forumactif.com/t100-nos-partenaires"><font color="black" size="1">ON EST AMI!</font></a><font color="black" size="1"> | </font><a href="http://enkidiev-quest.forumactif.com/t98-demandes"><font color="#663333" size="1">ON DEVIENT AMI?</font></a><font size="1"><font color="#663333"> <br></font>Copyright</font></b><font size="1">: les textes et les images qui composent le forum Enkidiev-Quest sont la propriété exclusives de ses administrateurs et de ses membres. Reproduction interdite.</font></font></font></div></td></tr></tbody></table></font></div></td></tr></tbody></table><font color="#8c5b80"><font face="Georgia" size="2"><br><br><br></font></font></div>


Dernière édition par Enigmatic le Mer 14 Sep 2011 - 4:59, édité 1 fois

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Invité le Jeu 1 Sep 2011 - 11:45

Bonjour,

Oui c'est possible, il faut réorganiser votre message en div et en tableaux.
Un div pour la phrase de bienvenue, une div pour la navigation rapide, un tableau avec 1 ligne et 2 colonnes pour les minis PV et mini staff, un tableau à 2 ligne et 3 colonnes pour les textes défilants, une div pour les partenaires.
Donc la structure schématiquement donne:
Code:
<div> bienvenue</div>
<div> code navigation rapide</div>
<table width="100%">
<tr>
<td> mini PV </td>
<td> mini staff </td>
</tr>
</table>
<br>
<table width="100%">
<tr>
<td> actualités</td>
<td> nouveautés</td>
<td> crédits </td>
</tr>
<tr>
<td> code défilement actualités</td>
<td> code défilement nouveautés</td>
<td> code défilement crédits </td>
</tr>
</table>
<br>
<div> codes partenaires </div>

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Enigmatic le Sam 3 Sep 2011 - 13:32

Ohhhh! Parfait, merci! Tout fonctionnement! Seulement, comment est-ce que je fais si je veux mettre un cadre/bordure d'une x largeur et d'une x couleur sur le contour de chacun de mes cadres ? J'aimerais que chaque section soit dans son cadre et que sur le cadre, le titre du cadre apparait. Voilà le schéma rapide » (le beige étant le fond) Click!

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Enigmatic le Dim 4 Sep 2011 - 5:11

UP ! ^^

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Invité le Dim 4 Sep 2011 - 10:52

Bonjour,

Ce que vous montrez dans votre exemple ressemble à des fieldset.
Code:
<fieldset><legend>le titre</legend>le texte</fieldset>
Vous pouvez les insérer dans chaque cellule de votre tableau.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Enigmatic le Mar 6 Sep 2011 - 2:15

C'est parfait! Mais... comment je fais si je souhaite changer la couleur du contour? Présentement, tout est en noir! ^^

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Invité le Mer 7 Sep 2011 - 11:15

Bonjour,

Vous pouvez ajouter 2 class dans le code pour donner l'apparence voulue:
Code:
<fieldset class="field_a"><legend class="field_t">le titre</legend>le texte</fieldset>
Puis dans la feuille CSS vous ajoutez:
Code:
.field_a{
border: 2px solid #fff;}
.field_t{
border: 2px solid #fff;}
Personnalisez le code CSS à votre convenance.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Enigmatic le Mer 14 Sep 2011 - 4:58

Merci! Problème résolu!

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic 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