Mettre un fond sur vowtre fiche

[Reédition du sujet]

Bienvenue dans ce tutoriel qui va vous dire une bonne fois pour toute comment mettre un fond sur votre fiche equideow.

Je vais prendre pour exemple ma propre fiche pour mieux illustrer mes propos.
On va voir comment en faire une similaire. Vous n'etes pas obligé de faire ce modèle forcément. Vous pouvez très bien utiliser uniquement que la première partie, soit un fond de base.
Elle n'est composée que de trois parties, découpées comme suit :

Spoiler:

Mettre un fond de base, qui ira tout le long de votre fiche. (partie verte encadrée)

Allez dans Ma Fiche >> Modifier >> Mode HTML.

Collez ce code en tout début de fiche:

Code:

<table style="width: 843px;" background="adresse de l'image" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tbody>

<tr>
<td>

Puis celui ci en toute fin.

Code:

</td>
</tr>
</tbody>
</table>

Explication du code :

width : correspond à la largeur de votre fiche. Vous pouvez bien évidemment en modifier la valeur. Ou ne rien mettre. A ce moment, bien effacer "width: 843px; et vous aurez alors la largeur qu'equideow aura mise par défaut.
background : c'est là que vous mettez votre fond.
border : j'ai mis 0, mais si vous voulez une bordure à l'ensemble de votre fiche, changez la valeur.
bordercolor : changer la couleur de la bordure
cellpadding :valeur de "marge" peu importante dans ce cas
cellspacing : valeur de "marge" peu importante dans ce cas


Ajouter une "bannière" tout en haut, en plus d'un fond de fiche (partie encadrée en rouge)


Ceci est utile, si vous voulez faire une sorte de bannière qui va se fondre dans votre fond.

On va alors légèrement modifier le code précédent et rajouter quelques lignes à la suite:

Code:

<table style="width: 843px;" background="adresse de l'image de fond de base" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tbody>

<tr>
<td align="top">

<img src="adresse de l'image tout en haut">

Et à la toute fin, on se retrouve avec ce code ci

Code:

</td>
</tr>
</tbody>
</table>

Explication du code :

td align : correspond à l'emplacement de votre bannière. Vous pouvez mettre "top" (tout en haut) , "bottom" (tout en bas) , "center" (centrée)



Mettre un bas de fiche, ou footer (partie encadrée en bleu)

c'est un bon moyen d'ajouter une finition à votre fiche, sans se casser la tête.

Si vous avez choisi de faire la totale de ce tutoriel, mettez le code suivant au tout début, juste après le code de fin pour mettre une bannière

Code:

</td>
</tr>
<tr>
<td align="bottom">
<img src="http://img709.imageshack.us/img709/3779/footerfh.jpg">

Et à la toute fin,

Code:

</td>
</tr>
</tbody>
</table>

Pour écrire votre fiche, écrivez entre le code de début de la bannière et le premier que vous rencontrez


Ce qui donne, pour une fiche comme celle ci

Spoiler:

Avec pour code, celui ci :

Code:

<table style="width: 843px;" background="http://img163.imageshack.us/img163/4567/fondbase.jpg" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tbody>

<tr>
<td align="top">

<img src="http://img22.imageshack.us/img22/3834/topdq.jpg">

<center><font face="Georgia">Bienvenue !<br><br>

FICHE EN CONSTRUCTION<br><br>

Parce que je sais pas encore trop quoi mettre dedans <br><br>

A bientôt !<br><br>



<br><br>

</font></center>
<br><br>
</td>
</tr>
<tr>
<td align="bottom">
<img src="http://img709.imageshack.us/img709/3779/footerfh.jpg">
</td>
</tr>
</tbody>
</table>

J'espère avoir été claire, ça n'est pas évident de donner une explication sommaire et rapide et pas trop dure à comprendre, parce que ça reste du codage de base.
Pour toute question, n'hésitez pas !

Marche très bien ce tuto

Merci pour votre aide !

ai une questiiion: si on veut juste que ce soit une couleur comme fond et pas une image...c'est le même principe?
faut faire sa "couleur" avec tofiltre par ex, l'héberger et la mettre ?

bisow' a écrit:

ai une questiiion: si on veut juste que ce soit une couleur comme fond et pas une image...c'est le même principe?
faut faire sa "couleur" avec tofiltre par ex, l'héberger et la mettre ?

Oui, tu fais un fond tout de la même couleur, tu l'heberge, et tu procède pareil que pour les images

merciii DDl ^^

Voilà pour les couleurs simples:

au début a écrit:

<TABLE borderColor=#cc9900 width="100%" align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD>

à la fin a écrit:

</FONT></P></TR></TBODY></TABLE>

Un bon générateur de couleur hexadecimale ici

et une autre question..si on veut mettre un "double" fond..un autre par dessus quoi..on remet le même code?

Ouais fait mettre le même code ^^

j'ai essayé et en fait ça m'a mis l'un après l'autre les deux fonds
pis j'ai bidouillé j'sais pas quoi et j'me retrouve avec un "deux cadres" séparés avec un fond commun, et ça rend bien dis donc

EDIT: lien vers la fiche pour que voyez l'truc >> http://gaia.equideo.com/joueur/fiche/?id=2470

Bah t'es forte toi Oo'


Moi equideo bug total... ><

ouai mais j'ai trifouillé, j'ai copié une partie d'un code et paf
t'arrives plus à y accéder?

trop fort


Bah si mais sa coupe...

bisow' a écrit:

et une autre question..si on veut mettre un "double" fond..un autre par dessus quoi..on remet le même code?

Oui

Si tu veux superposé plusieurs fond tu met plusieurs codes à la suite.

sauf que moi ça n'a pas marché...il ne faut rien mettre entre les deux même codes?

Non rien.

Merci beaucoup :]

bonjour je ses mettre un fond mes sa ne marche plus

tu pourrais préciser?

bas comment te dire
bon je vais essayer de t'expliquer
alors je sais mettere des fonds
mes tout d'un coup la sa marche plus pourtant j'ai mis les codes
en bas et en haut et j'ai beau réessayer sa marche toujours pas
j'éspère que c'est bon parseque je peut pas t'expliquer mieux

est ce que tu pourrais faire une capture du code HTML du début de ta fiche et de la fin de ta fiche steuplé?

chuis bête mais ses a dire il faut que je prenne la photo du mode htlm quand je met le code de fond en haut et en bas

tu fait une capture d'écran du haut du code HTML de ta fiche et une autre du bas du code HTML de ta fiche