to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } @font-face{font-family:'source_sans_probold_italic';src:url('/fonts/SourceSansPro-BoldItalic-webfont.eot');src:url('/fonts/SourceSansPro-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceSansPro-BoldItalic-webfont.woff2') format('woff2'),url('/fonts/SourceSansPro-BoldItalic-webfont.woff') format('woff'),url('/fonts/SourceSansPro-BoldItalic-webfont.ttf') format('truetype'),url('/fonts/SourceSansPro-BoldItalic-webfont.svg#source_sans_probold_italic') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'source_sans_probold';src:url('/fonts/SourceSansPro-Bold-webfont.eot');src:url('/fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceSansPro-Bold-webfont.woff2') format('woff2'),url('/fonts/SourceSansPro-Bold-webfont.woff') format('woff'),url('/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),url('/fonts/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'source_code_proregular';src:url('/fonts/SourceCodePro-Regular-webfont.eot');src:url('/fonts/SourceCodePro-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceCodePro-Regular-webfont.woff2') format('woff2'),url('/fonts/SourceCodePro-Regular-webfont.woff') format('woff'),url('/fonts/SourceCodePro-Regular-webfont.ttf') format('truetype'),url('/fonts/SourceCodePro-Regular-webfont.svg#source_code_proregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'source_code_probold';src:url('/fonts/SourceCodePro-Bold-webfont.eot');src:url('/fonts/SourceCodePro-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceCodePro-Bold-webfont.woff2') format('woff2'),url('/fonts/SourceCodePro-Bold-webfont.woff') format('woff'),url('/fonts/SourceCodePro-Bold-webfont.ttf') format('truetype'),url('/fonts/SourceCodePro-Bold-webfont.svg#source_code_probold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'source_sans_proitalic';src:url('/fonts/SourceSansPro-Italic-webfont.eot');src:url('/fonts/SourceSansPro-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceSansPro-Italic-webfont.woff2') format('woff2'),url('/fonts/SourceSansPro-Italic-webfont.woff') format('woff'),url('/fonts/SourceSansPro-Italic-webfont.ttf') format('truetype'),url('/fonts/SourceSansPro-Italic-webfont.svg#source_sans_proitalic') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'source_sans_proregular';src:url('/fonts/SourceSansPro-Regular-webfont.eot');src:url('/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/SourceSansPro-Regular-webfont.woff2') format('woff2'),url('/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),url('/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),url('/fonts/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg');font-weight:normal;font-style:normal}dl {width:100%; overflow:hidden;margin:20px 0;}dt { width: 20%;float: left;display: inline-block;clear: both;}dd {float: right; width: 80%;clear: right;margin: 3px 0px;vertical-align: text-bottom;} .full-width { width: 100%; } #section-sub-footer { padding: 20px 0; color: #dce0e9; background-color: #222; box-shadow: -3px 0 3px #222222; } .full-width { width: 100%; } #section-sub-footer { padding: 20px 0; color: #dce0e9; background-color: #222; box-shadow: -3px 0 3px #222222; } #section-sub-footer p { padding-bottom: 20px; border-bottom: 1px solid #dce0e9; } #section-sub-footer span { padding: 10px 0; } .button { border-bottom: none; margin-top: 12px; padding: 3px; border-radius: 3px; background-color: #222222; color: #dce0e9; display: inline-block; cursor: pointer; text-align: center; float: right; text-decoration: none; font-size: 10px; line-height: 1.1em; clear: both; } .multi-columns-3 {-webkit-column-count:3;-webkit-column-gap:40px;-webkit-column-rule:1px solid #222222;-moz-column-count:3;-moz-column-gap:40px;-moz-column-rule:1px solid #222222;column-count:3;column-gap:40px;column-rule:1px solid #222222;} .button:hover { background-color: #464646; } .button:active { background-color: #CD0074; } .last { background-color: #000; } #section-sub-footer span.copyright { float: left; } #section-sub-footer span.colophon { float: right; } #section-sub-footer span.colophon a { text-decoration: none; } #section-sub-footer strong, #section-sub-footer a { color: #dce0e9; } #main-header { margin-top: 40px; } .warning h5 { color: #B94A48; font-size: 1em; } .warning { font-size: .9em; line-height: 1em; z-index: 200; color: #B94A48; background-color: #FFAAAA; box-shadow: -3px 0 3px #222222; padding: 5px 0; } .warning a, .warning a:hover { text-decoration: none; color: #B94A48; border-bottom: 1px dashed #B94A48; } ::-moz-selection { color: #dce0e9; background: #CD0074; } ::-webkit-selection { color: #dce0e9; background: #CD0074; } ::selection { color: #dce0e9; background: #CD0074; } .monospace { font-family: 'source_code_proregular'} article { margin-bottom: 35px; } a { color: #000; text-decoration: none; } article a { color: #000; text-decoration: none; border-bottom: 1px dashed; } article a:hover, article a:active, code a:active, a code:hover, code a:active, a:active code, a:hover code { color: #CD0074; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .contacts h5 { color: #222; font-size: 1em; } .contacts { font-size: .9em; line-height: 1em; z-index: 200; box-shadow: -3px 0 3px #222222; color: #222; background-color: #aaa; padding: 5px 0; } .contacts a, .contacts a:hover { text-decoration: none; color: #000; border-bottom: 1px dashed #222; } pre,code,kbd,samp { font-family: 'source_code_proregular','Consolas',Menlo,Monaco,'DejaVu Sans Mono','Droid Sans Mono','Lucida Console','Andale Mono','OCR A Extended',monospace; font-size: 1em; } h1 code,h2 code,h3 code,h4 code,h5 code,h6 code { font-size: 1em; font-family: 'source_code_probold'; } strong code, code strong { font-family: 'source_code_probold'; } code { color: #000; } #intro-site code { color: #dce0e9; } pre { background: #464646; box-shadow: inset 0 0 5px #222222; -webkit-border-radius: 5px; border-radius: 5px; color: #dce0e9; padding: 25px; overflow: auto; text-shadow: 0 1px 0 #222222; white-space: pre-wrap; word-wrap: break-word; margin-bottom: 20px; } pre code { background: #464646; color: #dce0e9; padding: 0; } em { font-family: 'source_sans_proitalic',Ubuntu,'Bitstream Vera Sans','Droid Sans','DejaVu Sans',Helvetica,Geneva, Arial,Tahoma,sans-serif; } strong { font-family: 'source_sans_probold',Ubuntu,'Bitstream Vera Sans','Droid Sans','DejaVu Sans',Helvetica,Geneva, Arial,Tahoma,sans-serif; } strong em, em strong { font-family: 'source_sans_probold_italic'; } code em, em code { font-family: 'source_code_proregular',monospace; font-style: italic; } blockquote { margin-bottom: 20px; padding: 30px; background-color: #fbfbfb; box-shadow: 0 0 5px rgba(0, 0, 0, .2), inset 0 0 50px rgba(0, 0, 0, .1); min-height: 32px; font-family: Georgia,Times,'Times New Roman',serif; } blockquote em { font-family: Georgia,Times,'Times New Roman',serif; } cite { font-style: normal; font-family: Georgia,Times,'Times New Roman',serif; } cite em { font-style: italic; font-family: Georgia,Times,'Times New Roman',serif; } .auteurs { font-family: 'source_sans_proregular'; font-size: 80%; color: #aaa; } .auteurs a { color: #aaa; } h1 em,h2 em,h3 em,h4 em,h5 em,h6 em { font-family: 'source_sans_probold_italic'; } p code, li code, dl code { background: #ccc; border-radius: 4px; padding: 0 4px; } @media print {.button,#navigation,nav,footer,#menu,aside,#warning,#warning a{display:none}body{font-size:1em;font-family: 'source_sans_proregular',serif;margin:1.5em;color:#000000;line-height: 1.5em;}#main-header h5:after{content:" — http://les.pages.perso.chez.free.fr/"}article:before{content:"Merci de votre intérêt pour le site Les Pages Perso Chez Free. Ce site n'est pas un site officiel de Free. Les informations présentées sur ce site ne constituent pas une aide « officielle » et peuvent se révéler inopérantes ou erronées si Free modifie son infrastructure et ses logiciels serveurs. Ce site donne des exemples connus de pratiques à éviter, mais ce ne sont que des exemples et pas une liste exhaustive, et il suggère des solutions a priori admises, mais sans garantie. Ces informations peuvent évoluer sans préavis. Consultez régulièrement le site, pour vérifier si des modifications ont été apportée à ce billet depuis sa date d'impression.";line-height:.9em;font-weight:normal; font-family:'source_sans_proregular',serif;color:#666;}p{page-break-inside:avoid;margin:.2em 0 .8em 0;line-height:1.3em}h1,h2,h3,h4,h5,h6{font-family: 'source_sans_probold',serif;margin:1em 0 .2em 0;}a{color:#000;text-decoration:none}pre,code,kbd,samp{font-family:'source_code_proregular','Consolas',Menlo,Monaco,'DejaVu Sans Mono','Droid Sans Mono','Lucida Console','Andale Mono','OCR A Extended',monospace;}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-family: 'source_code_probold',monospace;font-size:1em}code{color:#000}code strong{font-family: 'source_code_probold',monospace;}pre{page-break-inside:avoid;color:#000;padding:25px;overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word;border:1px solid #ccc;}pre code{color:#000;padding:0;}blockquote{margin:20px auto;width:90%;min-height:32px;page-break-inside:avoid;font-family:Georgia,Times,'Times New Roman',serif;box-shadow:none;padding-left:15px;border-left:2px solid #ccc;}em{font-family: 'source_sans_proitalic', serif;}strong{font-family: 'source_sans_probold',serif;}strong em, em strong{font-family: 'source_sans_probold_italic', serif;}code em, em code{font-family:'source_code_proregular',monospace;}p code,li code{background:none;border-radius:0;padding:0;border:0;text-shadow:none;}#warning,nav{box-shadow:none;border:0}article a[href^="http"]:after,article a[href^="/public"]:after{content:" ("attr(href)") ";}}
Attention : ce site n'est pas un site officiel de la société Free. En savoir plus »
Les communautés permettent principalement de regrouper les envois que l'on fait avec dl.free.fr
Pour créer une communauté, il faut se rendre sur la page de création des communautés et renseigner les champs. (Une adresse email correcte est nécessaire car vous récupérez les identifiants pour accéder à votre communauté)
Pour notre exemple, nous allons utiliser la communauté (fictive) suivante :pagesperso
Une fois notre communauté créée, elle devient accessible par une adresse Web :http://dl.free.fr/v4j2zJ/pagesperso
v4j2zJ
est le hash (identifiant unique de la communauté) ;pagesperso
est le nom de la communauté.
Le second lien (celui qui contient login à la fin) vous permet de vous connecter à l'interface d'administration :http://dl.free.fr/v4j2zJ/pagesperso/login
On renseigne les champs afin d'accéder à l'interface d'administration de la communauté.
Sur la partie gauche, on peut lister les éléments de la communauté, ajouter des liens si on veut rattacher d'anciens envois à la communauté, créer un nouveau dossier, ou créer une playlist (audio/vidéo).
Partie centrale, on gère les paramètres principaux de la communauté
état de la communauté (publique, semi-publique, privée) ; mode de listage des fichiers (liste, diaporama, vignettes) ; mode de tri des fichiers (tri par nom, date … ordre croissant, décroissant) ; mode diaporama avec options. Dans la partie basse de la page, on gère les utilisateurs de la communauté.
On va créer un nouvel utilisateur. On le nomme toto
, avec le mot de passe maman
et l'adresse email toto.maman@free.fr
. On active l'utilisateur et on lui accorde un accès FTP à la communauté.
L'utilisateur toto
peut donc envoyer des fichiers en FTP. Pour cela, il faut un client FTP (ici, FileZilla).
Les informations de connexion sont les suivantes (à modifier selon votre cas) : Hôte : dl.free.fr
; Client : toto@v4j2zJ
(v4j2zJ
est le hash de la communauté, voir plus haut) ; Mot de passe : maman
; Port de connexion : 21
.
Ci dessous une illustration montrant les différentes informations ainsi que la connexion avec le serveur dl.free.fr
.
Tous les fichiers déplacés via l'utilisateur toto seront automatiquement ajoutés à la communauté pageperso
.