1 Templates : Invision footer 1/4/2009, 23:06
Bonjour a tous,
Avec ce tuto vous allez faire des footer entièrement personnalisable comme Invision.
De préférence ouvrez votre templates overrall_footer.
Dès le début du templates collez ce code:
Maintenant que ce code a été copier/coller,
Remplacez A par un nombre en % ou pixels. ( A étant l'addition des nombres B, C et D )
Remplacez B par un nombre en %
Remplacez C par un nombre en %
Remplacez D par un nombre en %.
Voilà maintenant le css.
Remplacez les case 1,2,3 et 4 par des codes css. ( par exemple style="background-color: #000000," )
Maintenant le contenu de notre footer.
Vous pouvez choisir n'impore quelle de ces codes ( a mettre entre les <td></td> ).
Pous pouvez aussi installer sur ce footer un menu déroulement, suivez le lien.
Voilà, quelque résultat possible :
A bientôt pour de nouveau tuto.
Avec ce tuto vous allez faire des footer entièrement personnalisable comme Invision.
De préférence ouvrez votre templates overrall_footer.
Dès le début du templates collez ce code:
<table style="1" width="A"><tr><td width="B" style="2"></td><td style="3" width="C"></td><td style="4" width="D"></td></tr></table>
Maintenant que ce code a été copier/coller,
Remplacez A par un nombre en % ou pixels. ( A étant l'addition des nombres B, C et D )
Remplacez B par un nombre en %
Remplacez C par un nombre en %
Remplacez D par un nombre en %.
Voilà maintenant le css.
Remplacez les case 1,2,3 et 4 par des codes css. ( par exemple style="background-color: #000000," )
Maintenant le contenu de notre footer.
Vous pouvez choisir n'impore quelle de ces codes ( a mettre entre les <td></td> ).
- Code:
{CURRENT_TIME}
- Code:
{LAST_VISIT_DATE}
- Code:
<span class="footer">
{U_PHPBB_RTL}<strong>{ADMIN_LINK}</strong>{U_CREATE_A_FORUM}{U_PHPBB} {U_SUPPORT}
<!-- BEGIN switch_view_stats -->
| <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
<!-- END switch_view_stats -->
<!-- BEGIN switch_view_donation -->
| <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
<!-- END switch_view_donation -->
<!-- BEGIN switch_view_contact -->
| <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
<!-- END switch_view_contact -->
{U_ABUSE} {U_BLOG}
</span>
Pous pouvez aussi installer sur ce footer un menu déroulement, suivez le lien.
Voilà, quelque résultat possible :
A bientôt pour de nouveau tuto.