Theme sur RevolutionneYourAnnuaire

[spainebe]

Bonjour a tous, voila je suis tres novice a la matiere apres temp passe a chercher comment integre un theme ou des colonnes ect... je sais que je doit modifie la page before.php, je comprend pas tres bien..si vous avez un tuto ou autre je suis la...
Merci de votre reponse.
David

[Keroin]

Bonjour spainebe et bienvenue

En fait tu as plusieurs solutions pour intégré RYA à un Kit graphique :
Soit tu prends un kit graphique gratuit ou payant sur Internet et tu adaptes le design sur le script RYA.
Soit tu utilises les fichiers présents dans le script qui te permettent d'élaborer toi même ton design.

C'est fichiers présents dans le script sont :

- haut.php : correspond au header (haut de page)
- Before.php : correspond à la colonne de gauche
- After.php : correspond à la colonne de droite
- Bas.php : correspond au footer (bas de page)

Ensuite, tu mets dans ces fichiers les éléments de ton kit graphique selon leur place.

Le plus simple restant d'apprendre les bases du CSS qui te permettront d'obtenir exactement ce que tu veux.
De très bon tuto sur le design et le graphisme sont disponibles sur Alsacreation et notamment celui qui apprend les bases du css.

[spainebe]

Merci de ta reponse ces vraiment gentil, mais j'ai un souci...

Voila le kit que je veus integree.


Voila ce que ca donne quand je met la colone de gauche sur before.

La colonne est au dessus..bizard.

Voila les code de la colonne.

<td width="165" align="left" valign="top">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" background="images/title.gif" class="menu"><div align="center">Menu</div></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="78B1F3"><table width="155" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><div align="center"><a href="#"><img src="images/home.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/news.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/guestbook.gif" width="28" height="28" border="0"></a>&nbsp;<a href="#"><img src="images/email.gif" width="28" height="28" border="0"></a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br>
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" background="images/title.gif" class="menu"><div align="center">Titre
du menu</div></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="78B1F3"><table width="155" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>

<br> <table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" background="images/title.gif" class="menu"><div align="center">Titre
du menu</div></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="78B1F3"><table width="155" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br> <table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" background="images/title.gif" class="menu"><div align="center">Titre
du menu</div></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="78B1F3"><table width="155" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a><br> <img src="images/puce.gif" width="10" height="9">
<a href="#">Lien</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br>
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" background="images/title.gif" class="menu"><div align="center">Partenaires</div></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="78B1F3"><table width="155" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><table width="145" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><div align="center"><a href="http://www.speedy-diz.com" target="_blank"><img src="images/ban88.gif" width="88" height="31" border="0"></a>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br>
</td>

en image sur before.



Voila j'espere vous avoir donne asse de precision..merci

[Keroin]

Le fait que tout le script passe en bas de page signifie le plus souvent que la valeur choisie pour la largeur de la colonne est trop large par rapport à la taille max du "body" (qui doit être précisée dans le fichier annuaire.css).

Essaye de reprendre tout du point de vue des dimenssions (il suffit d'un pixel en trop pour que tout le script passe en dessous).
Il faut que ta colonne + le script + les éventuelles marges soit inférieur ou égal à la taille maximum de la page.

Commence par réduire toutes les valeurs de ta colonne de 5 pixels et si ça passe tu ajustes ensuite