Fiches design

B'jour, B'soir,

Voilà toutes mes soluces pour faire de belles fiches !!

Cursers fiche

code à mettre dans le HTML de votre fiche:
au début:
<div style = "cursor: url('URL DU CURSEUR')">
à la fin:
</div>

Il suffit de remplacer URL DU CURSEUR par l'adresse http://... du curseur de votre choix. celle-ci doit se terminer en .cur ou .ani. GARDEZ BIEN LES ' '.


Mise en place d'un curseur
le curseur n'est pas compatible avec Mozilla FireFox, vous ne le verrez qu'en venant sur equideow avec Internet Explorer.

Du même coup, pour la mise en place du code dans votre html, utilisez IE et non MF, et lors des modifications suivantes de votre html n'utilisez plus que IE car l'incompatibilité avec MF va supprimer le code curseur à chaque modification du profil.


Sites fournisseurs:
patmax.info choix moyen
clicpartout choix qui varie selon les périodes de l'année
page perso choix assez important de curseurs bien mignons, utilisez le code donné.


Curseurs peros:
je n'ai toujours pas trouvé de site permettant de transformer une image en curseur, mais il existe des logiciels téléhargeables qui font la conversion.

vous pouvez également en créer avec Animation Shop de Photoshop pro, mais là je ne peux pas vous aider, je ne maîtrise pas ce logiciel.

vous pouvez enfin utiliser ceux de votre pc en allant dans C:\windows\cursor.

Petits symboles simpas

il suffit simplement de faire Alt + un chiffre.

En voici quelques un, mais il y en a certainement d'autres.
Alt + 3 = ♥
Alt + 5 = ♣
Alt + 6 = ♠
Alt + 7 = •
Alt + 9 = ○
Alt + 11 = ♂
Alt + 12 = ♀
Alt + 13 = ♪
Alt + 18 = ↕
Alt + 19 = ‼
Alt + 20 = ¶
Alt + 21 = §
Alt + 24 = ↑
Alt + 25 = ↓
Alt + 26 = →
Alt + 27 = ←
Alt + 28 = ∟
Alt + 29 = ↔
Alt + 30 = ▲
Alt + 31 = ▼
Alt + 157= Ø
Alt + 155= ø
Alt + 168 = ¿
Alt + 169 = ®
Alt + 170 = ¬
Alt + 174 = «
Alt + 175 = »
Alt + 177 = ▒
Alt + 178 = ▓
Alt + 179 = │
Alt + 180 = ┤
Alt + 184 = ©
Alt + 185 = ╣
Alt + 186 = ║
Alt + 187 = ╗
Alt + 188 = ╝
Alt + 189 = ¢
Alt + 190 = ¥
Alt + 191 = ┐
Alt + 192 = └
Alt + 193 = ┴
Alt + 194 = ┬
Alt + 195 = ├
Alt + 196 = ─
Alt + 197 = ┼
Alt + 200 = ╚
Alt + 201 = ╔
Alt + 202 = ╩
Alt + 203 = ╦
Alt + 204 = ╠
Alt + 205 = ═
Alt + 206 = ╬
Alt + 208 = ð
Alt + 209 = Ð
Alt + 213 = ı
Alt + 217 = ┘
Alt + 218 = ┌
Alt + 219 = █
Alt + 220 = ▄
Alt + 225 = ß
Alt + 231 = þ
Alt + 232 = Þ
Alt + 238 = ¯
­­Alt + 241 = ±
­Alt + 242 = ‗
Alt + 246 = ÷
Alt + 250 = ·
Alt + 251 = ¹
Alt + 252 = ³
Alt + 253 = ²
Alt + 254 = ■
Alt + 433 = ▒
Alt + 434 = ▓
Alt + 499 = ¾
Alt + 925 = Ø
alt + 999 = þ
Alt + 3331 = ♥

FICHE: fonds, bordures, tableaux, cadre fieldset

FONDS DE FICHES ET BORDURES

adresse de fonds et de bordures: http://equidflood.forumactif.fr/fonds-et-bordures-h6.htm


code général fond avec IMAGE:
début du html:
<center>
<table background=ADRESSE IMAGE border=* bordercolor=#******>
<tbody>
<tr>
<td>

fin du html:
</td></tr></tbody></table></center>

-background=ADRESSE IMAGE: mettre l'adresse url (http://...) de l'image que vous souhaitez mettre en fond,.
-border=*: mettre un chiffre pour choisir le nombre de lignes de bordure, et ainsi l'épaisseur de la bordure totale.
-bordercolor=#******: mette un code couleur hexadécimal qui s'appliquera à la bordure.


code général fond avec COULEUR UNIE:
début du html:
<center>
<table bgcolor="#****" border=* bordercolor=#******>
<tbody>
<tr>
<td>


fin du html:
</td></tr></tbody></table>

-bgcolor=#******: code hexadécimal correspondant à la couleur de fond. Voir topic "FICHE: html/ généralités"
-border=*: mettre un chiffre pour choisir le nombre de lignes de bordure, et ainsi l'épaisseur de la bordure totale.
-bordercolor=#******: mette un code couleur hexadécimal qui s'appliquera à la bordure.


Pour faire une bordure (scintillante):
faire 2 fonds successifs, l'un, avec l'image (glitter), qui fera la bordure, l'autre le fond classique (image ou fond uni).
Ordre des fond dans votre html:
1- bordure
2- fond classique
(3- floatie ex: pluie de pétales)

fin du html:
</td></tr></tbody></table></center> /!\à répéter pour CHAQUE fond.

/!\ pour que l'on voit bien tous vos fonds (que ceux qui sont en arrières ressortent bien sur les côtés), jouez avec les marges avec ceci:
<div style="margin-top: *px; margin-bottom: *px; margin-left: *px; margin-right: *px;">
qu'il faut rajouter entre <center> et <table....> dans le code du fond de derrière.
Penser à fermer ce code avec </div> entre </table> et </center> (dans le code du même fond).

margin-top -> marge du haut
margin-bottom -> marge du bas
margin-left -> marge à gauche
margin-right -> marge à droite
mettre de préférence la même valeur à la place de chaque *.

exemple:
[bordure]<center>
<div style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;">
<table ...............................>
<tbody>
<tr>
<td>
[fond classique]<center>
<table ...............................>
<tbody>
<tr>
<td>
BLABLABLA
[fermeture du fond classique]</td></tr></tbody></table></center>
[fermeture de la bordure]</td></tr></tbody></table></div></center>

grâce à ce code on va avoir un fond classique par dessus un fond scintillant qui fera donc une bordure, et avec les marges de 10pixels, la bordure fera 10pixels de large sur chaque côté.



REMARQUES:
-vous pouvez faire un fond localisé autour de seulement un paragraphe. Il vous suffit d'ajuster la taille du fond avec les options WIDTH=****px; (largeur en pixels) et HEIGHT=****px; (hauteur en pixels) dans la balise <table ....>.
-pour que le fond prenne toute la largeur mette dans la balise <table ...>, width= 100%.

exemple: <table background=http://...... border= 1 bordercolor=#000000 width= 100%>




TABLEAU

(exemple: ma fiche -> mes affixes)
C'est comme un fond, vous pouvez donc utiliser le même code.

Code:
<TABLE border= 1 WIDTH=*> Début du tableau
<TR> Début d'une ligne d'un tableau
<TD> Début de la case. Alignement vertical
texte
</TD> Fin de la case
</TR> Fin d'une Rangée du tableau
</TABLE> Fin du tableau

En fait le principe est simple:
<TD></TD> représente une case sur la ligne <TR></TR>

voici donc une ligne complète de 3cases:
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>

un tableau complet de 2lignes de 3cases, de 800pixels de large:
<TABLE border= 1 WIDTH=800>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
</TABLE>

un tableau complet de 2lignes de 3cases, qui prendra 80% de la largeur du fond sur lequel il se trouve:
<TABLE border= 1 WIDTH=80%>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
</TABLE>




CADRE FIELDSET

encadrement avec de simple lignes, comme sur ma fiche (en bleu, parties "Equideo élevage, Equideo centre, etc....).

code:
<FIELDSET style="BORDER-RIGHT: rgb(***,***,***) ¤px solid; BORDER-TOP: rgb(***,***,***) ¤px solid; BORDER-LEFT: rgb(***,***,***) ¤px solid; BORDER-BOTTOM: rgb(***,***,***) ¤px solid; HEIGHT: ???px; WIDTH: ???px;">

-BORDER-RIGHT bodure de droite, TOP du haut, BOTTOM du bas, LEFT de gauche
-rgb(***,***,***) c'est les couleurs de chaque bordure. vous pouvez trouver les codes couleur sur le topic "FICHE: html/généralités".
-¤px solid c'est la largeur en pixels de chaque bordure
-height hauteur en pixel du cadre et width sa largeur


pour mettre une image ou un texte "en légende" dans la bordure (exemple: "Equideo Elevage en bleu sur ma fiche):
<legend align=**** style="FONT-SIZE: ¤px; COLOR: rgb(***,***,***); FONT-FAMILY: nompolice">...</legend>

-à la place des *** vous mettez left (alignement à gauche) ou right (à droite) ou center (au centre).
-à la place des ... mettez ce que vous voulez en légende: texte/image, en utilisant les codes de mise en forme habituels.
la partie style="FONT-SIZE: ¤px; COLOR: rgb(***,***,***); FONT-FAMILY: nompolice" permet de mettre en forme un texte si vous voulez mettre un texte en légende (sinon enlevez la). Voir Topic "FICHE: liens" pour les options.

exemple:
/!\cadre rouge, bordure fine de 1pixel, 600pixels de large, 200pixels de haut, et en légende le texte en rose "BIENVENUE" à gauche, police Papyrus:

<FIELDSET style="BORDER-RIGHT: rgb(255,0,0) 1px solid; BORDER-TOP: rgb(255,0,0) 1px solid; BORDER-LEFT: rgb(255,0,0) 1px solid; BORDER-BOTTOM: rgb(255,0,0) 1px solid; HEIGHT: 200px; WIDTH: 600px;"><legend align=left style="FONT-SIZE: 15px; COLOR: rgb(255,102,153); FONT-FAMILY: Papyrus">BIENVENUE</legend>
Bienvenue sur ma fiche</fieldset>

Mettre un Compteur de Visites

tu vas à cette adresse :

http://www.freecompteur.com/

tu choisis un compteur de visites
(dans la galerie graphique, menu à gauche)
http://www.freecompteur.com/galerie.php3

tu cliques sur : création compteur

tu t'inscris, (identifiant + mot de passe)

pour l'url (adresse de ta fiche) tu mets :
http://ouranos.equideo.com/joueur/fiche/?id=[ton_numéro_joueur]

tu mets le N° du compteur choisi dans : choix des digits

tu cliques sur create

et tu copies le lien donné

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
tu vas dans: mon profil
tu te mets en mode html

et tu colles le lien donné par freecompteur, à l'endroit ou tu veux avoir ton compteur

exemple de code à insérer pour avoir :
tu es le visiteur N° [compteur]

<p><span style="font-weight: bold; color: rgb(172, 0, 0);">tu es le visiteur N°<img src="http://www.freecompteur.com/counter.php3?counter=[identifiant]"></span></p>

et tu cliques sur : modifier mon profil

et voilà !

Couleurs au bas de la fiche

C'est fai pour mettre des couleurs au bas de ça fiche, a l'endroit ou il y a le nom es élevages:
EN MODE HTML EN BAS DE VOTRE FICHE,mettez ceci:

<font color="#fffafa" face="choisissez un style d'ecriture" size="1">

Attention des que vous modifiez votre fiche,il y a </font>qui saffiche derriere le code:il faut alors effacer simplement le </font> a chaque modification

pour trouvez des couleur,un site pas mal ici http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html
vous choisissez le code hexadecimal

ensuite le style d'ecriture est varié a vous de choisir,voici quelques noms:Arial,Cursive,Capital....