Page 1 sur 1

Tutoriels du Forum

Posté : ven. nov. 20, 2009 10:04 am
par Divino
__________________________________________________________________

Tutoriels
1) :arrow: Comment héberger et insérer une photo (ou une miniature) dans un post :?:
1) Choisir un hébergeur et y créer un compte

Tout d'abord il faut choisir une hébergeur et de ce coté là il y a le choix : ImageShack, Servimg, Photobucket, Casimages, j'en passe et des meilleurs. La plupart sont gratuits.

Perso j'utilise ImageShack c'est donc sur cet hébergeur que je fonde le tuto.
Alors il faut se rendre sur le site :

http://imageshack.us/" onclick="window.open(this.href);return false;

Logiquement si on n'est pas inscrit l’hébergeur propose de créer un compte. Il faut donc suivre la démarche indiquée par l'hébergeur et renseigner les champs demandés (pseudo de compte, mot de passe, e mail, mensurations :ptdr: , etc...)
Une fois complété on reçoit via l'adresse mail qu'on a indiqué, la confirmation d'inscription.

2) Héberger la photo

Il faut donc retourner sur la page de l’hébergeur pour se connecter au compte que l'on vient d'ouvrir.

S’affiche cette page :

Image

Il suffit ensuite de cliquer sur le bouton "browse" ou "parcourir".

Image

S'ouvre alors une fenêtre d'exploration classique qui permet de sélectionner la photo que l'on veut héberger. On peut naturellement sélectionner plusieurs images à la fois pour une action d'hébergement. Il suffit alors d’effectuer un clic gauche sur la première photo du dossier (point 1 sur la photo ci-dessous), puis d'appuyer d'appuyer sur la touche "Majuscule" du clavier et le maintenir enfoncer et enfin de cliquer sur la dernière photo que l'on veut sélectionner.
Une fois la ou les photos sélectionnées dans le fichier, on clique sur le bouton enregistrer (point 2 sur la photo ci-dessous) :

Image

La (ou les photos) que l'on a sélectionné apparait maintenant dans le tableau de l’hébergeur :

Image

il faut s'occuper de la dimension de la photo.

Image

Sur ImageShack du moins je redimensionne systématiquement en 640x480 car je suis certains que la photo ne dépassera pas et en même temps elle gardera une taille honorable.
D'autres options sont disponibles comme celle qui fait apparaitre la taille de photo sur les miniatures ou non, la possibilité de rajouter un commentaire à la photo suivant les hébergeurs.

Une fois qu'on à vérifié ces points on peut lancer l'hébergement en cliquant sur "héberger maintenant" (ou host, ou upload files)

Image

3) Insérer la photo sur le post du forum

Après un certains temps apparait la page qui donne tous les liens d'hébergement de la photo, ainsi qu'un aperçu de la photo. Celui qui nous intéresse le plus souvent est le lien direct ou "direkt link".
Il faut copier ce lien en le mettant en surbrillance en faisant un premier clic droit sur dans la fenêtre et choisir "tout sélectionner", puis un second clic droit de la souris pour copier le lien en sélectionnant "copier' ou la combinaison de touches Ctrl+C.

Image

Dans le topic ou l'on veut insérer la photo, il faut tout d'abord placer des balises "Images"

Image

Puis il suffit d'insérer le lien qu'on vient de copier entre les deux balises click droit de la souris pour coller ou Ctrl+V.

Image

Et le tour et joué. Une fois le message "envoyé" la photo hébergée apparaitra. :wink:
Pour insérer plusieurs photos il faut répéter l’opération mise en place de balise et de copier/coller autant de fois que nécessaire.
Le principe est le même pour tous les hébergeur, seule l’interface change, mais les fonctions et les opérations à réaliser restent identiques.

Pour insérer des miniatures pas besoins d'insérer des balises images, il suffit d'insérer le lien, appelé le plus communément "Thumbnail size".

2) :arrow: Comment insérer une vidéo hébergée sur Youtube dans un topic :?:
juste pour vous dire que j'ai rajouté un petit code pour y insérer des vidéos youtube ;)

ainsi:

vous collez le lien de la video youtube : MAIS SEULEMENT CE QU'IL Y A APRèS LE V=

ex:

Code : Tout sélectionner

http://www.youtube.com/watch?v=Px2zX-M2alQ
vous ne gardez que le : Px2zX-M2alQ

ensuite vous le sélectionner et appliquez la nouvelle balise : "youtube" et cela nous donne:

Code : Tout sélectionner

[youtube]Px2zX-M2alQ[/youtube]

résultat en images et en couleurs :)


3) :arrow: Comment renommer un lien lors de l'insertion dans un topic :?:
On va prendre pour exemple le lien vers le site GSS :

Code : Tout sélectionner

http://www.goldsaint-sanctuary.fr/accueil2.php
En fait pour changer le nom du lien, on insère le code entre les balises URL (bouton en haut au milieu de la page d'édition des posts)

Code : Tout sélectionner

[url]http://www.goldsaint-sanctuary.fr/accueil2.php[/url]
Ensuite on supprime le second crochet ] de la première balise et on le remplace par un signe =

On replace le crochet fermant à la fin de l'adresse, ce qui donne ceci :

[/code]http://www.goldsaintsanctuary.fr/accueil2.php[/code]

Et enfin entre le crochet fermant et celui ouvrant de la seconde balise [/URL] on place le texte qu'on veux ajouter

Code : Tout sélectionner

[url=http://www.goldsaintsanctuary.fr/accueil2.php]Site GSS[/url]
On a ensuite le texte qui s'affiche en lieu et place de l'adresse Web : Site GSS

et le tour est joué :wink:
4) :arrow: Utilisation de la Chatbox du forum :?:
Se créer un compte sur la chatbox du forum

Le compte chatbox est indépendant du forum. C’est-à-dire que ce n’est pas le même compte, donc ce n’est pas automatique ;)

Il faut donc se créer un compte

:arrow: lorsque vous n’êtes pas connecté sur le forum, la chatbox ne se voit pas

Image

:arrow: dès que vous vous êtes connecté vous la voyez de cette manière

Image

:arrow: cliquer sur s’inscrire
:arrow: renseigner votre pseudo (merci de mettre le même que celui du forum, c’est plus simple)
:arrow: un mot de passe au choix
:arrow: votre email
:arrow: recopier le code
:arrow: cliquer sur enregistrer

Image
Image

:arrow: cliquer sur actualiser et vous etes connecté !

Administration utilisateur de la chatbox

En cliquant sur compte vous pouvez insérer un avatar à l’aide de son adresse internet, choisir votre statut (pas très utile lol) ou votre sexe …. ^^

Pour l’avatar : copier l’URL et le coller dans le champs adéquat

Image
Image

Cliquer sur envoyer (l’image doit etre de dimension 20x20 au maximum)

En cliquant sur Smil/0pt vous pouvez insérer des smileys. Cliquer sur un smiley au choix et il se mettra automatiquement dans le champ du message. Recliquer sur smil/0pt pour le refermer et votre champs de message à le raccourci cliqué précédemment.

Chat privé

Il est possible d’avoir un chat privé. Pour ce faire double-cliquez sur le pseudo de quelqu’un de présent et un onglet apparait

Image


Remarque : si vous changer de page (parcourir le forum par exemple) le chat privé se quitte automatiquement, vous risquez de rater des messages privés.


AUTRES

Lors d’une reconnexion future au forum, si la connexion a la chatbox ne s’est pas faite automatiquement, il vous suffit de cliquer sur connexion (pseudo + mot de passe)

En cas de question, oubli etc, vous pouvez nous faire signe :)
5) :arrow: Comment insérer une vidéo hébergée sur Dailymotion dans un topic :?:
Dans la fenêtre qui apparait lorsqu'on poste un message, on trouve un bouton qui permet de poster une vidéo hébergée sur Dailymotion et qui se nomme.....Dailymotion, bizarre non ? :ptdr:

ainsi:

vous collez le lien de la vidéo Dailymotion : MAIS SEULEMENT CE QU'IL Y A APRÈS LE vidéo/

Par exemple sur une adresse complète de vidéo Dailymotion :

Code : Tout sélectionner

http://www.dailymotion.com/video/xq128i_saint-seiya-generique-poseidon-fr_shortfilms?search_algo=2#.UOu6DKyvNRE
vous ne gardez que le : xq128i_saint-seiya-generique-poseidon-fr_shortfilms?search_algo=2#.UOu6DKyvNRE

ensuite vous le sélectionnez et appliquez (copier/coller) la nouvelle balise : "Dailymotion" et cela nous donne:

Code : Tout sélectionner

[Dailymotion]xq128i_saint-seiya-generique-poseidon-fr_shortfilms?search_algo=2#.UOu6DKyvNRE[/Dailymotion]

et voila le travail :
5) :arrow: Comment insérer une image avec le module intégré au forum :?:
pour simplifier l'hébergement d'une image sur le forum, nous avons intégré un module automatique.

:arrow: il se trouve en dessous de la zone de texte dans laquelle vous écrivez votre message

Image

:arrow: clic sur "choose file"
:arrow: choisir son image sur l'ordinateur
:arrow: clic sur "envoyer l'image"

:arrow: vous avez ensuite 2 liens, un pour vignette (miniature) et 1 pour taille réelle. il vous suffit de faire un copier-coller de ce lien et de le placer dans la fenêtre de texte. exemple, là ou je suis en train d'écrire maintenant là à cet instant :mrgreen:

Image

:arrow: si vous voulez mettre plusieurs images dans le même post, il vous suffit de cliquer sur "Cliquez ici pour envoyer d'autres images" et il est à nouveau possible d'uploader une nouvelle image et donc son code

Image

Re: FAQ technique du forum

Posté : mar. févr. 08, 2011 7:26 pm
par Sagittarius67
On ouvre la bal :

:arrow: Comment héberger et insérer une photo dans un post :?:

Edit Sag67 01.06.2012 : Voir en haut de topic

TUTO: balise youtube

Posté : mar. oct. 18, 2011 8:36 pm
par Divino
juste pour vous dire que j'ai rajouté un petit code pour y insérer des vidéos youtube ;)

Edit Sag67 01.06.2012 : Voir en haut de topic pour la marche à suivre

Re: FAQ technique du forum

Posté : mar. oct. 18, 2011 10:07 pm
par roshiryu
ah ça c'est plus pratique!! merci divino :pouce:

Re: FAQ technique du forum

Posté : ven. juin 01, 2012 11:01 am
par Sagittarius67
Pour un souci de clarté déplacement des différents tutoriels déjà crées en tête de topic ! :)

Re: FAQ technique du forum

Posté : jeu. déc. 13, 2012 12:07 pm
par Divino
ajout du tuto

UTILISATION DE LA CHATBOX

- se connecter, créer un compte etc

rendez vous au point 4 du premier post ;)

Re: FAQ technique du forum

Posté : mar. janv. 08, 2013 8:38 am
par Sagittarius67
Il est maintenant également possible d'insérer des vidéos hébergées sur Dailymotion.
La marche à suivre ressemble pour beaucoup à l'insertion de vidéos youtube, mais j'ai tout même pondu un tuto en point n°5 sur le premier post du topic.

Petite astuce pour éviter de revenir sur le tuto alors que vous avez déjà ouvert la fenêtre de post : Il suffit de se placer sur le bouton avec le curseur de la souris et d'y rester une seconde pour voir s'afficher le code qu'il faut placer entre les balises.

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 3:35 pm
par Divino
5) :arrow: Comment insérer une image avec le module intégré au forum :?:
pour simplifier l'hébergement d'une image sur le forum, nous avons intégré un module automatique.

:arrow: il se trouve en dessous de la zone de texte dans laquelle vous écrivez votre message

Image

:arrow: clic sur "choose file"
:arrow: choisir son image sur l'ordinateur
:arrow: clic sur "envoyer l'image"

:arrow: vous avez ensuite 2 liens, un pour vignette (miniature) et 1 pour taille réelle. il vous suffit de faire un copier-coller de ce lien et de le placer dans la fenêtre de texte. exemple, là ou je suis en train d'écrire maintenant là à cet instant :mrgreen:

Image

:arrow: si vous voulez mettre plusieurs images dans le même post, il vous suffit de cliquer sur "Cliquez ici pour envoyer d'autres images" et il est à nouveau possible d'uploader une nouvelle image et donc son code

Image

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 3:43 pm
par roshiryu
oui je viens de voir ça! c'est tres pratique! merciiiiiii =)

plus d'excuses pour ne plus poster :pipo:

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 4:18 pm
par Sagittarius67
roshiryu a écrit :oui je viens de voir ça! c'est tres pratique! merciiiiiii =)

plus d'excuses pour ne plus poster :pipo:
Oui mais aussi et surtout cela évite à chaque membre d'utiliser son compte d'hébergement perso, donc moi je dis chapeau Divino ! :chapeau:

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 4:22 pm
par Divino
merci les gars ;)

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 5:03 pm
par roshiryu
oui on utilisait ce meme systeme sur un autre forum, c'était bien pratique, donc bien content de l'utiliser aussi sur GSS

bravo mister converse :mrgreen:

Re: Tutoriels du Forum

Posté : mar. nov. 05, 2013 6:13 pm
par Isshin-sama
C'est super pratique comme système, merci!!

Re: Tutoriels du Forum

Posté : mer. nov. 06, 2013 9:54 am
par redsdevils
bon boulot, ca va bien aidé certaine personne.

Re: Tutoriels du Forum

Posté : mer. nov. 06, 2013 11:00 am
par Voix Off
redsdevils a écrit : ca va bien aidé certaine personne.

Moi ... Je sais de qui tu parles :twisted: