J'ouvre ici un petit topic qui sera utile à tout ce qui souhaite améliorer en embellir leur site public.
Mon livre de chevet
:
http://www.playnitude.com/Forums/ForumSport/viewtopic.php?f=56&t=36Un super tuto de Benoit, repris par Sled. Tout y est correctement expliqué, sauf peut être les menus, que je n'ai toujours pas compris. J'ai constaté que par rapport à il y a 1 an, les sites publics sont totalement délaissés. Dommage, ça donne plus de piment au jeu et à l'équipe que l'on joue, ça permet de créer une vie autour de celle-ci, comme j'ai voulu faire ressortir dans la partie Rugbyboard du forum.
Bon, je vais essayer de vous montrer comment je suis arrivé à mon site, dont je ne suis pas peu fier, je l'avoue
http://www.xvmanager.com/Equipe/?Equipe=30065Tout d'abord, pour y arriver, il faut du temps, parce que le site public demande de la concentration et de l'application.
Les explications que je donne à la suite sont faites pour vous aider à embellir votre site public en s'inspirant du mien. Une fois que vous maîtriserez les bases, vous serez aptes à le modifier à votre guise !1- Le body du site, c'est la bannière qui s'affichera à l'ouverture du site (sur mon site, l'image avec O'Driscoll).
Pour la mettre en place, il faut aller à l'endroit où l'on configure le site public --> Compte --> Site Public --> Body du site --> Insérer le lien direct de l'image souhaitée.
La taille optimale est 920x183. Je peux vous aider à la réaliser si vous le souhaitez
2- Pour mettre
une couleur de fond au site, rien de plus simple, il faut insérer ce code :
- Citation :
- <div style=background:#000000>
La couleur du code est noir ici. Pour changer et mettre la couleur de son souhait, il vous suffit d'aller sur le site de Code Couleur (google est votre ami
)
C'est la première chose à insérer sur votre site !3- J'ai ensuite
inséré une bannière de mon club, pour l'esthétique.
Pour
insérer une image, utilisez ce code :
- Citation :
- <center><img src=https://i.servimg.com/u/f63/11/63/53/53/sign1_10.jpg></center>
sans l'adresse ça donne :
<img src=XXXX> et XXXX correspond à l'adresse directe de l'image.
Le <center></center> est indispensable pour l'esthétique et l'uniformisation du site !
4- Insérer sa fiche de club :
- Citation :
- <center><IFRAME SRC='http://www.xvmanager.com/Equipe/_popUpFiche.php?Id=30065&name=' width=80% height=420></IFRAME></center>
Reprenez l'ensemble, et modifier l'adresse par la votre. Benoit vous explique très bien cette partie.
5- Insérer l'image du forum, pour la promotion de l'Irlande (ça serait bien que chaque Irlandais l'affiche dans son site, j'ai vu que zigrit a tenté de le faire, mais sans réussite !
)
Y'a juste à copier coller !
- Citation :
- <center><img src=https://i.servimg.com/u/f63/11/63/53/53/bannia11.jpg></center>
<font size=4><center><b><font color =#1CA61C> Rejoignez l'Irlande ! Clique ici : <A HREF=https://newirelandxvmanager.forumgratuit.org/forum.htm><font color =#1CA61C>LE NOUVEAU FORUM</font></A> </b></center></font>
Si vous souhaitez faire de même mais avec une autre image et un autre texte, reprenez cette base et vous avez juste à modifier le texte et les adresses des images.
6- Faire un
trait de séparation entre les parties :
- Citation :
- <HR size=3 color=green>
Voici un trait assez épais, de couleur verte, à vous de changer à votre guise.
HR size=X avec X croissant, le trait sera de plus en plus gros.
7- Et enfin la partie tant attendu de Roro41 !
Les tableaux ! Mouahaha. J'avoue, j'ai lutté longtemps avant d'arriver à en faire un. Alors, comme je suis gentil
, je vous file direct ce qu'il faut mettre :
Pour un
tableau de classement simple (Nom de l'équipe, points):
- Citation :
- <CENTER><TABLE width=50% border=1><TR align=center BGCOLOR=#60D127><TD>Equipes</TD><TD>Points</TD></TR><TR BGCOLOR=#60D127><TD><center><b>Galway R.F.C.</center></b></TD><TD><center><b>46</b></center></TD></TR>
Il vous suffit ensuite de reprendre cette ligne :
- Citation :
- <TR BGCOLOR=#60D127><TD><center><b>Galway R.F.C.</center></b></TD><TD><center><b>46</b></center></TD></TR>
Rééditer cette action autant de fois que vous souhaitez de ligne à votre tableau et terminer le tableau en indiquant à la suite du dernier</TR> : </TABLE>- Vous pouvez modifier la couleur en changeant le code #60D127 par celui de votre choix.
- Vous pouvez modifier la taille du tableau en modifiant width=50% par width=XX%, XX le chiffre de votre choix.
- Pour parvenir à un beau tableau, il ne doit y avoir aucun espace entre chaque ligne, c'est à dire entre chaque
</TR><TR> apparent ! (je ne veux pas de :
</TR> <TR> --> ça risquerait de fausser le tableau !)
Pour un
tableau d'effectif simple (Nom du joueur, Poste, Age, Nationalité, Remarques):
- Citation :
- <CENTER><TABLE width=70% border=1><TR align=center BGCOLOR=#60D127><TD>Nom</TD><TD>Poste</TD><TD>Age</TD><TD>Nationalité</TD><TD>Remarques</TD></TR><TR BGCOLOR=#60D127><TD><center><b>LOUGHNEY Ronan </center></b></TD><TD><center><b>1</b></center></TD><TD><center>24</center></TD><TD><center>Irlandais</center></TD><TD></TD></TR>
Le principe est exactement le même que pour le précédent tableau.
Pour modifier, c'est aussi pareil.
Pour ajouter des lignes, reprenez cette partie autant de fois que vous le souhaitez, terminez par </TABLE>, comme dit précédemment : - Citation :
- <TR BGCOLOR=#60D127><TD><center><b>LOUGHNEY Ronan </center></b></TD><TD><center><b>1</b></center></TD><TD><center>24</center></TD><TD><center>Irlandais</center></TD><TD></TD></TR>
Et
modifier les données en fonction de vos joueurs
A la fin du tableau, vous aurez énormément de données très condensé, vous risquez de vous y perdre, et avant de manœuvrer, réfléchissez bien quitte à faire un brouillon papier ou word avant !
8- Modifier la police d'écriture :
- Citation :
- <font face='berlin sans fb'>
Avec 'berlin sans fb' modifiable à souhait. Pour choisir, il suffit simplement d'ouvrir Word sur votre PC, et de regarder les polices d'écriture disponibles !
Si vous souhaitez mettre plusieurs polices, il vous suffit de terminer par </font> puis de recopier le premier et reterminer par </font> etc.
Ex :
- Citation :
- <font face ='berlin sans fb'>LE GALWAY R.F.C. EST LE MEILLEUR DE TOUS LES CLUBS</font><font face ='comic sans ms'>CELA RESTE A PROUVER</font>
Modifier la couleur de la police : - Citation :
- <font color =#1CA61C>
Avec #1CA61C modifiable. Pour choisir, Code Couleur est aussi votre ami.
Si vous souhaitez mettre plusieurs couleurs, c'est la même manipulation que précédent, avec le </font> à la fin aussi
9- Justifier et Centrer le texte :Pour centrer, rien de plus simple :
- Citation :
- <center>TEXTE SOUHAITE</center>
Pour justifier :
- Citation :
- <DIV STYLE='text-align:justify;'>TEXTE SOUHAITE</DIV>
N'oubliez pas les </center> et </DIV> à la fin !10- Je crois avoir fait le tour, le reste est bien expliqué par le tuto de Benoit !
L'important, c'est la concentration. Il faut prendre le temps de bien faire les choses, et surtout, si cela vous énerve, ne pas continuer, prendre une pause, et reprendre à tête refroidie !
Je ne vous cache pas que c'est compliqué et long d'en arriver à mon point, et encore je n'ai pas tout compris ! ^^
Si vous avez la moindre question, besoin d'un coup de main pour les tableaux ou autres (je peux comprendre que ça ne soit pas clair), n'hésitez pas à demander.
Ven 10 Déc - 12:31
