Utilisation du site

Post-prod bénéficie de plus en plus de fonctionalités pour pouvoir publier ses documents, notement sur la mise en forme avec le BBcode, le partage de fichiers, le système de tutoriels, de proposition de news, encore faut-il savoir comment s'en servir, en cas de doute c'est ici !

"Sommaire" a écrit:


BBcode [GO]


Partager ses fichiers [[url_partages]GO[/url_ancre]]


Créer un tutorial [GO]
    Mise en forme
    Upload de fichiers
    Mise en ligne, validation


Faire un partage [GO]
    Comment partager un fichier ?
    L'upload de fichiers secondaires
    Options de rangement
    L'upload principal




BBcode:

Utilisation des balises en général

Le BBcode est un code simplifier pour vous éviter de devoir manipuler du HTML pour mettre en page vos texte à savoir mettre en gras, souligner, placer des images, centrer, faire des liens, placer des vidéos, colorer, ancrer, faire des listes, j'en passerai
L'utilisation est la même un peut partout si vous venez d'un forum phpBB, les balises utilisés sont les mêmes.

Pour entourer les balise sur un morceau de texte (par exemple un lien à rendre actif, sélectionnez le texte et cliquez sur la balise voulu au dessus de l'aire de texte : il sera automatiquement entouré des balise si vous avez activé Javascript seulement /!

Exembles concrêts :
ce bout de code :
Code :
[b]texte en gras[/b]
[i]texte en italique[/i]
[u]texte souligné[/u]
[s]texte barré[/s]
[quote]je cite du texte[/quote]
[quote=Shaal]je cite Shaal[/quote]
[spoil]Je cache ce texte parce qu'il pourrait divulguer des choses que les autres 'auraient pas encore envie de savoir[/spoil]
Je fais un lien vers Post-Prod : http://www.post-prod-fr.com/ (automatique)
Je fais un lien vers [url=http://www.post-prod-fr.com]Post-Prod[/url] sur du texte :)
je place des smileys en cliquant dessus c'est facile :D :P 8)
je place une adresse directe [email]machin@gmail.com[/email]
[attention]Ce texte est important (etc pour info et question)[/attention]
[textalign=center]Texte centré[/textalign]
[textalign=right]texte à droite[/textalign]
[textalign=justify]Long paragraphe de texte justifié c'est à dire qu'il n'y aura pas de jeu sur les phrase sur le côté droit et que tout sera unifier dans un beau pavé bien droit je remplis blabla blabla blablablabla blabla et blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blalaaaaaaaaaablabalab albalablabalalaui hfd uifhd iuf huifh iulh vlfiudh vdiusfvh udivh ui huvh flvhd fvliudshf vdfus hv :oops:[/textalign]
[size=24]Texte très grand[/size]
[size=18]Texte grand[/size]
Texte normal
[size=9]Texte petit[/size]
[size=7]Texte très petit[/size]
[color=blue]bleu[/color], [color=green]vert[/color], [color=red]rouge[/color], [color=yellow]jaune[/color], [color=orange]orange[/color]...

simplement, donnera :
rendu a écrit:
texte en gras
texte en italique
texte souligné
texte barré
Texte caché : cliquez sur le cadre pour l'afficher

Je fais un lien vers Post-Prod : http://www.post-prod-fr.com/ (automatique)
Je fais un lien vers Post-Prod sur du texte
je place des smileys en cliquant dessus c'est facile
je place une adresse directe machin@gmail.com
Ce texte est important (etc pour info et question)
Texte centré
texte à droite

Long paragraphe de texte justifié c'est à dire qu'il n'y aura pas de jeu sur les phrase sur le côté droit et que tout sera unifier dans un beau pavé bien droit je remplis blabla blabla blablablabla blabla et blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blalaaaaaaaaaablabalab albalablabalalaui hfd uifhd iuf huifh iulh vlfiudh vdiusfvh udivh ui huvh flvhd fvliudshf vdfus hv

Texte très grand
Texte grand
Texte normal
Texte petit
Texte très petit
bleu, vert, rouge, jaune, orange...




Faire des tableaux

Plus complexe, il faut savoir que en HTML un tableau par exemple de 2 colonnes et deux lignes se fait de la manières suivant :
plan d'un tableau 2x2 cases a écrit:
--> début du tableau
-----> ouverture d'une ligne
-----------> première case
-----------> seconde case
-----> fermeture de la première ligne
-----> ouverture de la deuxième ligne
-----------> première case
-----------> seconde case
-----> fermeture de la première ligne
--> fermeture du tableau

soit toujours avec ouverture et fermeture de tableau, ligne et case !
Les balises sont les suivantes :
  • Pour ouvrir et fermer un tableau : [ Table] et [/ Table]
  • Pour ouvrir et fermer une ligne : [ ligne] et [/ ligne]
  • Pour ouvrir et fermer une case : [ case] et [/ case]

Voici un exemple de tableau 2x2 :
Code :
[Table][ligne]
[case]case1, ligne 1[/case][case]case 2 ligne1[/case]
[/ligne][ligne]
[case]case1, ligne 2[/case][case]case 2 ligne2[/case]
[/ligne][/Table]

donne :
case1, ligne 1case 2 ligne1
case1, ligne 2case 2 ligne2




Ancrage et liens ancrés

Une autre balise pas forcément très utilisé mais utile lorsqu'il y a de grandes page comme ici !
Allez en haut de page et cliquez dans le sommaire sur "Ancrage et liens ancrés" et hop ! Vous allez tomber ici et revoir ce texte

Comment ça marche ? Il faut déposer une ancre et faire un lien vers cette ancre
Pour poser une ancre :
Code :
[ancre]nom_de_lancre[/ancre]

vous devez déposer cette ancre à l'endroit ou le haut de page doit se placer.
l'ancre est invisible

Pour fair eun lien vers cette ancre faites un :
Code :
[url_ancre=nom_de_lancre]texte du lien[/url_ancre]

ce qui donnera :

texte du lien



Applets flash, quicktime, windows media (et flv)

Vous pouvez déposer toutes presque toutes vos vidéo sur la page même en les appelant dans une applet
Pour les vidéo comme Dailymotion, Youtube, Vimeo, etc c'est très simple : copier/ coller le lien du lecteur exportable.

exemple Dailymotion :
Code :
< object width="480" height="291">< embed src="http://www.dailymotion.com/swf/k7x71upxXpaFUnie0W&related=0" type="application/x-shockwave-flash" width="480" height="291" allowFullScreen="true" allowScriptAccess="always">
Twit Twit
envoyé par Neibaf63

donnera :

Twit Twit
envoyé par Neibaf63


Si vous avez un .MOV hébergé vous pouvez directement l'afficher en faisant :
Code :
[Quicktime largeur=200 hauteur=150 echelle=1]URL_DE_VOTRE_VIDEO.mov[/Quicktime]

(en modifiant la largeur et la hauteur en pixels)

Vous pouvez aussi faire un embed sur vos vidéo (déconseillé) que les navigateurs supportent et traduisent par l'applet qui réussira à lire votre vidéo :
Code :
< embed src="lien_vers_la_video" width="400 " height="300">




Images flottantes

Vous pouvez placer vos images de part et d'autres de votre texte comme çeçi :
le texte
se trouve
à droite de l'image

gràçe à :
Code :
[img_gauche]http://www.google.fr/intl/fr_fr/images/logo.gif[/img_gauche]

et pour faire une image flottante à droite :
Code :
[img_droite]http://www.google.fr/intl/fr_fr/images/logo.gif[/img_droite]


Pour une image normal faire simplement un :
Code :
[img]http://www.google.fr/intl/fr_fr/images/logo.gif[/img]




Citations, code, balise "spoil"

Les citations sont faites pour rappeler un morceau de texte pour par exemple proposer une réponse en rapport direct.
Sur chaque posts vous pouvez le citer directement grâça au bouton : image
Exemple :
Code :
[quote]je cite du texte (on ne sais pas de quelle source)[/quote]
[quote=Shaal]je cite Shaal[/quote]

donnera :
Citation :
je cite du texte (on ne sais pas de quelle source)

Shaal a écrit:
je cite Shaal


Pour toutes autres questions sur le BBcode, adressez vous sur ce forum car cette descrition n'est pas complète et peut-être que ce que vous n'arrivez pas à faire est impossible et nous pourrions l'arranger











Partager ses fichiers

Vous pouvez partager vos fichier par plusieurs façon, tout dépends où vous vous trouver sur le site et pour quoi vous voulez vous en servir :



Fichiers sur le forum

Une notice complète est là pour vous aider, il devient très simple et rapide de charger un fichier et de placer le lien dans votre aire de texte
http://www.post-prod-fr.com/forum/forum-sujet-44-569-p0-upload-de-fichiers-sur-le-forum.html

"patate_violente" a écrit:
Il est possible sur Post-prod d'uploader vos fichiers pour illustrer vos texte, partager des fichiers qui seront utile au forum.

pour celà rien de plus simple!
Nous vous proposons un système très simple d'upload et de gestion de vos fichiers:

1Mo maximum par fichier
10Mo de quota augmentable

Quand vous postez une réponse ou un nouveau sujet il apparait cet icone:
image

Dans la même fenêtre la page charge un cadre,
la première fois il vous faudrat réentrer votre mot de passe
image

Si le mot de passe est correct:
image

Voici à quoi ressemble l'accueil de l'upload,
Vous avez un système de création de dossier en accueil et de quoi uploader vos fichier ainsi qu'une barre d'upload:
image

Pour créer un dossier rien de plus simple! Rentrer le nom du dossier et validez; celui ci pourrat vous ordonner si vous avez beaucoup de fichiers.
Ces dossiers sont fictifs! Seul vous les conaissez

Pour uploader un fichier:
Cliquez sur parcourir et sélectionnez votre fichiers
image

Valide et attendez que le rapport s'affiche
image
La mise à jour du quota se fait après un rechargement de page mais ce n'est pas important

Le fichier ira automatiquement dans le dossier "en vrac", il sera affiché en miniature
image
Si c'est une archive, un logo apparaittra etc...

Modifications
Il vous est possible de supprimer vos fichier sous trente minutes (par sécurité pour éviter le sliens morts)
Vous pouvez aussi déplacer à tout moment votre fichiher dan sun dossier que vous aurez créé
image

A droite de l'image, un ou plusieurs champs aparaissent:
image
Image redimensionnées + lien vers l'originale => pour éviter de déformer les cadres du forum
Juste l'image redimensionnée
Image originale

[quote=exemples]Images redimensionnée + lien vers l'originale:
image

image miniature ° lien vers l'originale:
image

image originale:
http://weboufparty.free.fr/postprod_forumv2_up/540/test_upload.JPG





Pour imager ses tutoriels

En dessous de l'aire de texte lors de la création d'un tutoriel, vous avez un lien en gros : UPLOADER des fichiers qui vous ouvre un popup.
Ce popup comporte deux cadres principaux :
  • La visionneuse (par défaut vide au départ)
    -------> mode listing par miniature
    -------> mode visionneuse d'un fichier particulier
  • Le formulaire : actuellement les fichiers de 5Mo max sont acceptés et les formats les plus courant aussi : rar, jpg, aep, gif, png, zip, avi, mov...
    Si un format est refusé, compressez-le en zip ou en rar


Au dessus du formulaire tout vous est expliqué :
Code :
A gauche, vous naviguez dans les photos redimensionnés ou non selon que la largeur ou la longueur dépasse 540 pixels
Ici vous pouvez ajouter des images à la gallerie qui seront directement ajoutés à la bibliothèque de ce tuto!

Indiquez votre fichier et cliquez sur envoyer
Normalement vous verrez "Le fichier est uploadé!",
sinon soit votre fichier est trop gros, soit le format n'est pas accepté, soit c'est une erreure inconnue

le fichier uploadé apparaît dans les cinq secondes sur le côté gauche du popup sous forme de miniature :
les fichiers imagés sont représentés par une miniature et les fichiers autres par un logo spécifique comme :
image

Quand vous uploadez beaucoup de fichier, l'affichage est paginé, ne pas vous y laisser prendre !
Le tout est trié par ordre alphabétique :
image

Pour copier le lien d'un de vos fichier cliquez sur sa miniature
Toutes les images dont la longueur ou la largeur dépassant 540 pixels disposent d'une taille rétrécis à 540 pixels en plus de la miniature
Celles plus petites que 540pixels n'ont qu'une miniature de généré

Pour une image, vous avez le choix entre :
  • Miniature lien + lien vers l'originale
  • Image simple redimensionné + lien vers l'agrandie: image de 540pixels apparaît avec un lien vers votre originale
  • Image originale balisée : votre image avec les balise img toutes prêtes !
  • Lien brut vers la redimensionnée : si jamais vous ne voulez que de l'image rétrécis
  • Lien brut vers l'originale


Pour un fichier autre, vous n'avez que le Lien brut, plus qu'à le copier
Les balises système [URL.SERVER01]pp[ /URL.SITE] sont traduites par l'url du site, c'est en fait au cas où elles seraient déménagés, ne vous en souciez pas :

Code :
[URL.SERVER01]pp[ /URL.SITE]

donne : http://www.post-prod-fr.com/





Rubrique partager de fichiers

Tout une page là dessus qui vous explique tout le fonnement :
http://www.post-prod-fr.com/forum/forum-sujet-3-12640-p0-partages-de-fichiers--notice-d-utilisation-et-problemes.html



Fichiers sur les news

Il n'existe pas de moyen pour les uploadé directement depsuis la page : nous vous proposons de les uploader depuisle forum
voir un peu plus haut






Créer un tutorial

Vous voulez déposer votre tutoriel sur Post-Prod, voici les instructions si jamais le modules n'était pas intuitif :
Commencez par aller dans votre espace membre image
Dans "Modules de partage" vous avez pour options :
  • Nouveau tuto
  • Gestion de tes tutoriels
Nouveau tuto vous mènera vers le formulaire directement tandis que la gestion des tutoriel est un récapitulatifs de tous vos tutos (avec un lien pour en créer un nouveau vous ne serez pas perdu !!)

Nouveau tutoriel vous mène vers le formulaire
Vous ne pouvez pas uploader d'image tant que vous n'avez pas enregistré votre tutoriel, il faudra donc y revenir !

Commencez par remplir les champs simples:
  • Titre : doit bein décrire votre page
  • Description courte : pour donner des précisions et faciliter la recherche
  • Categorie : choisissez votre catégorie, si jamais aucune ne correspond, n'y touchez pas, l'équipe se chargera de créer la nouvelle catégorie
  • Plug-ins ou autres logiciels nécessaires : pour indiquer en début de page des outils requis (gratuits ou payants)
  • Page principale : la page qui sera lu par les visiteurs, précisons que votre tuto peut comporter plusieurs pages, voir plus bas (rappelons que vous devez enregistrer le tuto avant de mettre des images)
  • Difficultée, durée : à vous de décider !
  • Confirmer : c'est en fait le statut de votre tuto :
    - - > S'il n'est pas terminé laissez-le sur brouillon
    - - > Si vous avez terminé, proposez-le aux modérateurs sui le mettrons sous peut en ligne !


Enregistrez, vous voyez maintenant votre tuto dans le listing :
image

vous avez pour options :
  • Dossier : pour accéder directement au dossier qui contient les images et ainsi voir les fichiers hébergés (dossier vide par défaut)
  • Date de création et date de dernière modification
  • Edition : retourner au formulaire (avec droit d'héberger des fichiers)
  • Supprimer : pour supprimer définitivement le tutoriel ET les fichiers hébergés
  • L'état :
    - - > rouge = brouillon (en attente de demande de validation)
    - - > orange = en demande de valisation (sous peu en ligne)
    - - > vert = en ligne


Vous pouvez maintenant terminer d'éditer votre tutoriel en hébergeant vos images sur le serveur, suivez les indications : comment héberger vos images pour vos tutoriel mais simplement cliquer sur le lien en dessous de l'air de texte et suivez les instructions
Pour plus de détails, regardez plus haut dans cette page

une fois l'écriture termlné, n'oubliez pas de mettre son statut sur en demande de validation !










Comment partager un fichier ?

Le partage des fichier est dans la partie ressources du site, ici http://www.post-prod-fr.com/partage_i.html
patate_violente a écrit:
C'est en fait tout une fiche que vous devez remplire, puis uploader vos fichier. La fiche est là pour donner vos renseignement, voir plus (bientôt des commentaires).
Vous trouverez plusieurs liens y menant : directement depuis votre menu rapide "Espace membre" ou bien dans votres espace membre même, la page de listing de partage :
image image

Une fois dans votre listing de partage, vous avez le choix de créer une nouvelle fiche de partage :
image

Une nouvelle ligne de couleur orange se crée avec un document "sans titre":
image

Vous devez l'éditer, vous pouvez à tout moment la supprimer (même quand votre fiche en ligne, vous gardez à tout moment les droits d'affichages)

Dans le formulaire vous devez remplir le titre, la description (pour faciliter la recherche) et...
le contenu principal de la fiche dans la grande zone de texte. Celle çi sert à donner toutes les indications que vous voulez; vous pouvez ajouter des images, des conseils d'utilisation etc... Bien sûr c'est du facultatif

L'upload en dessous de cette zone de texte sert uniquement pour les fichiers secondaire. En fait votre fichier principale, devra être uploadé en bas du formulaire (pour des raisons spéciales, comme le lien automatique en début de fiche de partage une fois en ligne)

L'upload de fichiers secondaires

Vous pouvez uploader des fichiers de 2Mo maxi jusqu'à 4Mo maxi au total (en plus du fichier principal).
Uploadez votre fichier :
image

En cas de réussite, vous êtes averti:
image

Le "medium" créé, et "mini créé" sont des miniatures crées au cas où vos images seraient trop grandes pour être affichés directement.

Vous devez cliquer sur "Mettre à jour la visionneuse" pour affichez vos fichiers:
image
Cette technique se sert de la technologie AJAX, si ça ne marche pas chez vous avec Javascript activé, prévenez nous ici !

Venons en aux icones de vos images uploadés:
image
1 : Pour placer l'image originale
2 : Pour placer une images réduite à 500pixels max avec lien vers l'originale
3 : Pour placer une miniature avec lien vers l'originale

Au cas où ce ne serait pas une image, vous avez seulement une flèche:
image

En cliquant sur le logo, l'image s'insère dans le grand champ de texte comme pour les smileys. Cliquez et votre image est placée !


Options de rangement :

Vous devez définir un type ou/et un logiciel et le statut de votre fiche.
=> Le type est obligatoire, si aucun ne convient, mettez "autres" et le staff ajoutera l'option
=> Pour le logiciel, s'il n'y en a pas un obligatoire (style une image vectorielle, un fichier 3d compatible avec tous les logiciel de 3d, mettez "autres"

Le statut:
Tant que votre fiche est sur Brouillon, le staff ne la mettra pas en ligne.
Une fois mise sur en demande de confirmation, le staff la mettra en ligne histoire de vérifier avant !

L'upload principal:

Dernière étape, uploader le fichier principal (2Mo max, un seul fichier). Su votre format n'est pas accepté, nous vous conseillons de l'archiver avec WinRar.

Vous n'êtes pas obligé d'uploader un fichier principal dans des cas exeptionels mais dans ce cas cochez "supprimer le fichier" comme sur l'image
image
Vous n'aurez pas le nombre de téléchargements de votre fichier si vous ne le mettez pas dans ce formulaire !
(à priori elle ne devrait pas servir)



Voilà ! En cas de prôblème demandez sur ce topic
si votre fichier est trop gros, mailez-le au staff à boitaumail@gmail.com et nous vous l'uploaderons
En cas de soucis avec la visionneuse j'essaierai de la réparer (elle ne marche peut-être pas chez tout le monde.