Heures au format UTC + 1 heure [ Heure d’été ]




Publier un nouveau sujet Répondre au sujet  [ 77 messages ]  Aller à la page 1, 2, 3, 4, 5 ... 8  Suivant
  Imprimer

Estimez vous avoir un beau site public ?
OUI, ou juste quelque retouches éventuelles 22%  22%  [ 32 ]
OUI, mais pas à jour 9%  9%  [ 14 ]
Presque, encore quelque Travaux 16%  16%  [ 23 ]
NON, mais je veux l'améliorer 34%  34%  [ 50 ]
NON 20%  20%  [ 29 ]
Nombre total de votes : 148

Site public : DECORER et EMBELLIR : mode d'emploi !
Auteur Message
MessagePublié: Mer Sep 08, 2010 10:55 pm 
Vétéran
Avatar de l’utilisateur
Hors-ligne

Inscrit le: Mer Juin 09, 2010 3:22 pm
Messages: 5319
Localisation: N'Djamena, Tchad
Bonjour,

En visitant les sites publics, je m'était rendu compte que de nombreux site étaient remplis de texte mais moches !

Alors voici ce post pour expliquer comment décorer votre site (post en corrections et améliorations permanentes, comme votre site, ;-) )

Ainsi vous pourrez avoir un beau site tel que ceux là :
SNOW KIDS (11M) : http://www.11manager.com/Equipe/?Equipe=17286
US Didietts (XVM) :http://www.xvmanager.com/Equipe/?Equipe=24846
RC Napoléon-Vendée (XVM) : http://www.xvmanager.com/Equipe/?Equipe=14926
Birmingham Buffalo (XVM) : http://www.xvmanager.com/Equipe/?Equipe=26961
R.C.C.M (XVM): http://www.xvmanager.com/Equipe/?Equipe=1165

sites Nigerians (XVM) :
AC Courage - Mariona : http://www.xvmanager.com/Equipe/?Equipe=26608
Les Arsouilles - Benoit0211 : http://www.xvmanager.com/Equipe/?Equipe=32896
les mamelouks - oussama13 : http://www.xvmanager.com/Equipe/?Equipe=33576
Wolfy R.C - wolfy : http://www.xvmanager.com/Equipe/?Equipe=21381
Bayonne rugby club - Slamer : http://www.xvmanager.com/Equipe/?Equipe=27478
Papawemba RC - Stonx94 : http://www.xvmanager.com/Equipe/?Equipe=37941
TOULOUSE RUGBY - STOULOUSE : http://www.xvmanager.com/Equipe/?Equipe=37454

Il y a 1 semaine , je n’y connaissais rien et maintenant mon site (Les arsouilles) est présentable, et pas seulement du texte qui ne donne aucune envie de lire ! Ce n’est pas si dure. Je ne connaissais pas le langage à utiliser et j’ai donc du passer du temps à apprendre … Je fais donc ce post afin de transmettre ce que j’ai appris sur le tas, et en faire un mode d’emploi de la création de site public, en espérant qu’ainsi de nombreux site public vont progresser.

Le langage à utiliser est donc le HTML, il s’agit d’un code assez simple compris par tous les navigateurs. Le principe est d’utiliser des BALISES pour décrire les fonction à effectuer, je vais donc vous présenter et expliquer les bases dans ce post. ( ICI pour cours approfondi )

Conseil préliminaires :

- Tout d’abord comment modifier son site public ??? Allez dans comptes/site public. Vous pouvez sélectionner vos options, définir le body du site, le texte de l’acceuil et enfin le bandeau du site. La zone « Texte de la page d'accueil : » est là ou il vous faut écrire tout votre code et textes ! Pour le bandeau je vous conseil d’uploader une image de dimension 920x 183 ou de même ratio, car en 847X117 elle est déformée. Ne pas changer le body (sauf dans la zone de texte)

- Editer vos codes et texte sous WORD cela permet d’enregistrer (format html) pour des sauvegardes et c’est surtout beaucoup plus facile à utiliser que le petit carré de XV manager, il suffit de tout copié, puis de collé dans XV manager et ensuite cliquer sur modifier.

- Ne pas utiliser les balise HEAD, TITLES, BR …elles sont déjà incluses ou automatiques dans le site public de XV Manager, donc les ignorer.

- Chaque retour à la ligne est pris en compte comme un retour à la ligne ou un saut de ligne, 25 espaces = 1 espace, Minuscule = Majuscule (pour code, pas pour texte)

- Heberger vos images sur un site spécialisé ex : casimages ou imageshack

- pour choisir vos couleur : http://www.code-couleur.com

- Soyez Rigoureux


Voici donc les principales balises:

Gras (bolt)
<b>Gras (bolt)<b>

Sousligné (underligned)
<u> Sousligné (underligned) </u>

italique
<i> italique </i>

écrire en taille 4 de 1 à 7, 2 est la taille normale par défaut
<font size=4> écrire en taille 4 </font>

écrire en couleur n’oubliez pas le # !
<font color=#1CA61C> écrire en couleur </font>

Voila donc un exemple
<font color=#1CA61C size=3> <i><u><b> Voila donc un exemple </b></u></i></font>

Mettre au centre
<center> mettre au centre </center>

pour un trait : (séparation horizontale)

Rien de plus simple : <HR>

tu peux ajouter l'épaisseur du trait :

<HR size=x> x=Hauteur du trait en pixels

de plus le trait est centré par défaut, mais si tu veux l'aligner à gauche ou droite

<HR align=left> ou <HR align=right>

ou aussi la couleur :
<HR color=blue> ou color=#xxxxxx

avec l'épaisseur ça fait pour un trait de 2 pixels en vert aligné à gauche par ex :

<HR size=2 aligne=left color=#00BF00>

pour une image :

les sites d’hébergement d’images fournissent les codes, sinon tout simplement :

<img src=XXXXXXXXXXXX>

avec XXXXXXXXX = l'adresse de l'image(ex: http://nsm02.casimages.com/img/2009/07/ ... 104961.jpg)

Pour la musique lecteur deezer.

Grace à sa nouvelle version 3.0 deezer offre un nouveau lecteur exportable.

Allez sur http://www.deezer.com
créez un compte
créez une playlist
Clicquez sur Lecteur exportable depuis la page de votre playlist
sélectionnez vos options
Copiez le code puis collez le dans votre site

Le nouveau lecteur exportable joue les playlists en mode aléatoire par défaut donc vous vous ne maitrisez pas quelle musique de votre playlist joue en premier.

Pour une vidéo :

Le code est généralement fournis par les sites (daylmotion, youtube) pour Youtube sous le nom de l’auteur à droite dans « a propos de cette vidéo » copié le code « Intégrer une vidéo sur un site ».

sinon :

< CENTER><object width="425" height="344"><param name="movie" value=XXXXXXXXXXXXXXXXXXX&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src=XXXXXXXXXXXXXXXXXX&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object></CENTER>

avec XXXXXXXXX = l'adresse de la vidéo (ex : http://www.youtube.com/v/2NQA-1QWHLc)

Pour un lien

<A HREF=XXXXXXX>BBBBBBB</A>

XXXXXXX = adresse du lien (ex : http://www.xvmanager.com/Equipe/index.p ... Arsouilles)
BBBBB = zone a clicker , peut être du texte, une image (<img src=http….>) ou autres


Pour un renvoi (Ancre)

pour renvoyer à la zone AAAA en clickant sur BBBBB, BBBBB peut être du texte, une image (<img src=http….>) ou autres
Attention à « abcde » il faut la meme référence exactement ou le renvoi ne fonctionne pas :

<A HREF=#abcde> <u>BBBBB</u> </A> …........BBBBB sera dans ce cas afficher en souligné, ne pas oublier le #
<A NAME=abcde><b> AAAAA : </b></A> ……..AAAAA sera dans ce cas afficher en gras

exemple :

......
<A HREF=#stade><u>Visitez le stade</u></A>
......
......
plus loin dans le site :
......
.....
<A NAME=stade><b>Le Stade: </b></A>
Le stade a été construit en 1958, il a une capcité de 29.000 place ...
......

Pour un compteur

Le meilleur site que j'ai trouvé pour les compteur c'est : http://www.dominocounter.net car il permet d'avoir plusieurs compteur avec une seule adresse mail

On distingue 6 type de compteur :
- Nombre de visiteurs actuellement sur le site.
- Nombre total de visiteurs.
- Nombre total de visites.
- Nombre de visiteurs aujourd’hui.
- Nombre de visites aujourd’hui.
- Somme du nombre de visiteurs par jour (utilisé par XV manager)

Ce dernier type de compteur additionne le nombre d'adresses IP différentes ayant visitez le site chaque jour. C'est a dire, si vous reconnecter à nouveaux demain, il vous comptera encore, ce qui n'est pas le cas avec un "Nombre total de visiteur" qui ne comptabilisera qu'une seule fois chaque adresse IP.

Je cherche actuellement un site proposant ce 6eme type de compteur afin que cela colle avec celui de XV manager.


Couleur de fond et image des cotés

Images des cotés (inserer le code au tout début)
< body background=XXXXXXXXX>
avec XXXXXXXXX = l'adresse de l'image(ex: http://nsm02.casimages.com/img/2009/07/ ... 104961.jpg)

Couleur de fond :
<div style=background:#FEDCBA> … #FEDCBA est le code de la couleur !

n'oubliez pas le #

à insérer au début pour couleur unique sur toute la page

Pour des couleurs de fond par section :

<div style=background:#FBF9D2>
section 1 …bla blah
</div>
<div style=background:#FBF9D2>
section 2 .... plu blah ...
</div>.......


pour un tableau

Table : début du tableau
/table fin du tableau

TR debut de ligne :
/TR fin de ligne :

TD début de cellule
/TD fin de cellule

BGCOLOR=#60D127 couleur de tableau, de ligne ou de célulle

Width=XX% largeur en % du tableau/page ou cellule/tableau
Width=yyyy largeur en pixel
align=center centré dans la cellule (ou right, ou left)
Colspan=X fusionner X cellules (de la meme ligne)

Exemple :

Image
<CENTER><TABLE width=50% border=1><TR align=center BGCOLOR=#60D127><TD colspan=3>EXEMPLE</TD></TR> <TR ><TD BGCOLOR=#C3FBBD width=40%>cel 1</TD><TD width=60%>cel 2</TD></TR><TR BGCOLOR=#BDE0FB ><TD width=40% align=center>cel 3</YD><TD width=60%><font size=3><b>cel 4</b></font></TD></TR></TABLE></CENTER>

Couleur de fond et image des cotés

Images des cotés (inserer le code au tout début)
< body background=XXXXXXXXX>
avec XXXXXXXXX = l'adresse de l'image(ex: http://nsm02.casimages.com/img/2009/07/ ... 104961.jpg)

Couleur de fond :
<div style=background:#FEDCBA> … #FEDCBA est le code de la couleur !

à insérer au début pour couleur unique sur toute la page

Pour des couleurs de fond par section :

<div style=background:#FBF9D2>
section 1 …bla blah
</div>
<div style=background:#FBF9D2>
section 2 .... plu blah ...
</div>.......

Pour inserer une autre page web, ou la fiche de l'équipe

<IFRAME SRC='http://www.TA PAGE width=95% height=420></IFRAME></center>

Width et height peuvent etre en pourcentage ou en pixel et définissent la taille du cadre où sera afficher la page à inserer.

Pour inserer la fiche de votre club (MISE A JOUR AUTOMATIQUEMENT) :

<center><IFRAME SRC='http://www.xvmanager.com/Equipe/_popUpFiche.php?Id=XXXXX&name=' width=80% height=420></IFRAME></center>

Copier ces lignes et remplacer XXXXX par l'id (ex: 87565) de votre équipe ou remplacer toute l'adresse en rouge. Pour trouver l'adresse ou l'id, aller sur votre site public et cliquer sur le logo de votre club dans les résultats à gauche. copié l'adresse ou l'id dans la barre d'adresse de la fenetre pop-up.

pour faire un menu a partir d'une image

Nous allons utiliser les balises MAP pour définir les zones clickables sur , l'image et (RELISEZ) les notions de renvoi vues précèdement.

Préliminaires : créez votre images avec les noms ou les logo des zones clickable , hébergez là et retenez ses dimension en pixel. Définissez les zones sur les lesquelles ca renvoit ( les AAAAA).

définir la map

les coordonées : coords="A,B,C,D"
A : Bord gauche de la zone
B : haut de la zone
c : Bord droit de la zone
D : Bas de la zone

Il faut définir les coordonés de chaque zone clickable dans MAP, donner un nom à la map (ici map123), et conaitre les coordoné de chaque zone clickable

donc un voici exemple de map avec une image de 80 x 50 divisé par une barre verticale au millieu, la partie de gauche renvoi sur BBBB1 et celle de droite sur BBBBB2.

<map name="map123">
<area shape="rect" coords="0,0,40,50" href="#BBBB1">
<area shape="rect" coords="41,0,80,50" href="#BBBB2">
</map>

utilisation

Il ne faut dénifir la map qu'une seule fois !!!!

puis afficher l'image (<img src=http.....) en rajoutant usemap=#map123, autant de fois que bon vous semble.

exemple :
<img src=http://wwwTON-IMAGE.jpg border=0 width=80 height=50 usemap="#map123">

exemple pour un MENU

l'image fais 240x90, divisé en 4 cadre de taille éqales, 2 en haut , 2 en bas. :

Image

<map name="menu">
<area shape="rect" coords="0,0,120,45" href="#effectif">
<area shape="rect" coords="121,0,240,50" href="#stade">
<area shape="rect" coords="0,46,120,90" href="#stade">
<area shape="rect" coords="121,46,240,90" href="#stade">
</map>

il faut placer <A NAME="effectif">Titre de la rubrique EFFECTIFS </A> comme titre de là ou renvoi la 1ere zone de l’image.
il faut placer<A NAME="stade">Titre de la rubrique STADE</A> comme titre de là ou renvoi la 2eme zone …
……….

Utiliser la commande si desous pour afficher votre image/menu où vous le souhaiter
<center><img src=http://wwwIMAGES DU MENU.jpg border=0 width=240 height=90 usemap="#menu"></center>

Attention à bien vérifier les noms des renvoi et des maps (y compris majuscules) car cela ne marcherai pas si vous avez <A name=StAdE ..puis <A href=#stade..



BON COURAGE

_________________
Benoit0211, Manager de Les Arsouilles, Sélectionneur du Nigeria;
site public : http://www.xvmanager.com/Equipe/?Equipe=32896
Image
ALLEZ BRIVE, Le Brennus sur la Guierle !


Haut
 Profil  
 

Re: Site public : DECORER et EMBELLIR : mode d'emploi !
MessagePublié: Mer Sep 08, 2010 10:57 pm 
Vétéran
Avatar de l’utilisateur
Hors-ligne

Inscrit le: Mer Juin 09, 2010 3:22 pm
Messages: 5319
Localisation: N'Djamena, Tchad
Post déplacé pour que les joueurs de 11M et 5M en profite aussi.

Concernant mon site : il est juste pas mis à jour depuis des mois. Je l'ai laissé un peu tombé pour m'occuper du Nigeria.

_________________
Benoit0211, Manager de Les Arsouilles, Sélectionneur du Nigeria;
site public : http://www.xvmanager.com/Equipe/?Equipe=32896
Image
ALLEZ BRIVE, Le Brennus sur la Guierle !


Haut
 Profil  
 

Re: Site public : DECORER et EMBELLIR : mode d'emploi !
MessagePublié: Mer Nov 17, 2010 11:34 pm 
Sénior
Avatar de l’utilisateur
Hors-ligne

Inscrit le: Mer Juin 09, 2010 3:24 pm
Messages: 1132
Localisation: Saint Vincent de Tyrosse
Bravo Benoit pour ce post très pratique, j'ai voté que j'avais un site "pas à jour" lol, il commence à dater car je n'ai pas eu le temps de le mettre à jour, entre mon équipe et la communauté française ;) ...

Après, je te remercie de m'avoir mis en exemple avec mes amis qui ont participé aux élections du plus beau site public sur l'anciezn forum de XVM dont tu es le dernier détenteur du titre ;)

Je ne pourrais qu'inciter tous les managers, tous sports confondus à faire de jolis sites et venir les présenter ici...

_________________
Ma devise :
"Un bon manager se caractérise par l'opportunisme de sa tactique"

Image

5 bonnes raisons pour venir à Tuvalu- Cliquez ici


Haut
 Profil  
 

Re: Site public : DECORER et EMBELLIR : mode d'emploi !
MessagePublié: Mar Déc 21, 2010 11:26 pm 
Vétéran
Avatar de l’utilisateur
Hors-ligne

Inscrit le: Mer Juin 09, 2010 3:22 pm
Messages: 5319
Localisation: N'Djamena, Tchad
bastien29-11M a écrit:
il y a pas de mode d'emploi pour mettre le classement de son équipe?


soit tu fais un tableau,

soit une imprésion d'écran du tableau sur le jeu, tu enregistre l'image recadré, tu héberge l'image en ligne, et tu récupère le lien.

dans tout les cas, il te faudra l'actualiser toi même chaque semaine.

_________________
Benoit0211, Manager de Les Arsouilles, Sélectionneur du Nigeria;
site public : http://www.xvmanager.com/Equipe/?Equipe=32896
Image
ALLEZ BRIVE, Le Brennus sur la Guierle !


Haut
 Profil  
 

Re: Site public : DECORER et EMBELLIR : mode d'emploi !
MessagePublié: Ven Déc 24, 2010 4:25 pm 
Espoir
Hors-ligne

Inscrit le: Mer Déc 15, 2010 11:37 am
Messages: 12
merçi benoit0211-xvm pour tout ces conseils. :)


Haut
 Profil  
 

Afficher les messages publiés depuis:  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 77 messages ]  Aller à la page 1, 2, 3, 4, 5 ... 8  Suivant

Heures au format UTC + 1 heure [ Heure d’été ]


Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit et 2 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Rechercher pour:
Aller vers:  
Style by phpBB3 styles, zdrowe serce ziola
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traduction réalisée par Maël Soucaze © 2010 phpBB.fr