myTribu::reb0rn Search Members Help Calendar
Welcome Guest .:: Log In :: Register ::. .:: Resend Validation Email  

Reply to this topicStart new topicStart Poll

> [Tuto]Custom/Personnaliser un FTP, méthode : .htaccess

Kali

CALLBACK
***************
Group: Administrateu(r|se)
Posts: 637
Member No.: 2
Joined: 9-December 03

Posted: Jul 19 2005, 20:54 PM   Quote Post 

J'hésitais à glisser ce tuto dans la partie graphisme mais bon, comme cela ne touche pas à la création mais plutôt à de la configuration je vais laisser ça ici. icon_smile.gif
  • A quoi sert ce tuto ?
Vous n'avez jamais trouvé les FTP de stockage trop monotone ? Tous ordinaire et identique... et bien d'ici la fin du tuto vous pourrez personnaliser vos FTP avec votre bannière, vos icones, vos couleurs, vos restrictions... bref de quoi avoir un FTP unique et qui sort de l'ordinaire.

Dans mon tuto nous allons opérer sur un FTP très courant... les FTP free mais la méthode reste similaire pour "casiment" tous.
Exemple de FTP custom :
Kali's FTP
DF's FTP

le secret ? un simple fichier nommé .htaccess que l'on placera à la racine du FTP qui vous aidera de la restriction d'access a certains dossiers, à la configuration des erreurs de votre site en passant par les options de listages et de navigation, les .htaccess sont à votre service.


Chap I: Skin du FTP
  • Part I:
Voilà notre FTP d'origine (celui de Deather, quel bordel au passage rofl.gif)
user posted image

les icones d'Apaches par default qu'on peut donc trouver à la racine en hide : http://votreftp/icons/
notre .htaccess va donc rediriger tout ça comme bon vous semble icon_smile.gif
Exmple: on décide de changer l'icône dossier jaune par un icône maison.

Commenez par creer un txt que vous nomerez .htaccess avec dedans pour syntaxe
CODE
AddIcon (DIR,/.myicons/dir.png) ^^DIRECTORY^^


Donc AddIcon pour dire que vous ajoutez un nouvel icone (logique) DIR pour dire que c'est un dossier qu'on change et /.myicons/dir.png est le path ou j'ai mis mon nouvel icone de dossier.
J'explique : au lieu de dire au FTP de prendre les icones du dossier par default de apache on va creer notre propre dossier avec nos icones à nous icon_wink.gif
à la racine de votre FTP il y aura donc un dossier à creer qui contiendra tout vos nouveaux icones, bannieres et cie.
Voilà la racine de mon FTP:
on y observe mon .htaccess avec mon dossier .myicons
user posted image

le contenu de mon .myicons, donc tout mes icones à moi
user posted image

Je complete donc mon .htaccess avec le contenu suivant
CODE
AddIcon (DIR,/.myicons/dir.png) ^^DIRECTORY^^
AddIcon (IMG,/.myicons/img.png) image/*
AddIcon (VB,/.myicons/vb.png) .frm .vbp .bas
AddIcon (ZIK,/.myicons/sound.png) .mp3 .m3u .wav
AddIcon (UP,/.myicons/back.png) .
DefaultIcon /.myicons/unknow.png


Observez AddIcon (ZIK,/.myicons/sound.png) .mp3 .m3u .wav
les extentions qui suivent la parenthese sont tous les fichiers qui auront pour icone celui que j'ai assigné, cette à dire celui làuser posted image (Je sais j'ai pas mis la transpa osef :p).

le DefaultIcon /.myicons/unknow.png correspond à l'icone choisit pour tout les autres types de fichiers inconnus
  • Part II:
On s'interesse un peu plus à la mise en page maintenant à la suite de mon .htaccess
je place le header (là ou on mettra la banniere) ainsi que le footer (pour le voc CSS) mais dit Readme ici icon_smile.gif
CODE
HeaderName /.myicons/header.html
ReadmeName /.myicons/readme.html


Donc on créé rapidement 2 pages html:
  • header.html ou vous placez votre banniere (centrer ou non).
  • readme.html, en général utilisé pour mettre le copyright, un background (mettez une couleur cela s'appliquera a toute la page), couleurs des liens/txt... bref ajoutez votre sauce ! icon_wink.gif
Vous placerez ces 2 pages dans le même dossier que vos icônes sans oublier dans les indiquer dans votre .htaccess .
Il est possible d'ajouter un system de news (pour indiquer vos derniers upload par ex) ou même un chat sur ces pages icon_wink.gif
  • Part III:
Pour finir sur la custom au niveau Skin on regarde les descriptions.
CODE
AddDescription "Expo, Brush, ressources" gfx


user posted image


Je fournis mon .htaccess pour ceux qui sont interessés.

PS: Voilà pour le Chapitre concernant le Skin - je ferais un second chapitre plus centré sur les erreurs et restrictions.
Je completerais aussi le Chap 1 petit à petit icon_wink.gif

Chap II:
à venir...

Attached File ( Number of downloads: 31 )
Attached File  .htaccess

____________________
:: myStatus msn is user posted image
user posted image

 PMEmail PosterUsers WebsiteIntegrity Messenger IMMSN  Top

Deather

CALLBACK
***************
Group: Administrateu(r|se)
Posts: 683
Member No.: 3
Joined: 28-December 03

Posted: Jul 20 2005, 02:37 AM   Quote Post 

Tu m'as meme pas demandé les droits d'auteur pour le premier screen user posted image

 PMEmail Poster  Top

JACK

BYTE
****
Group: T4C Joueu(r|se)
Posts: 33
Member No.: 46
Joined: 6-October 04

Posted: Jul 20 2005, 12:41 PM   Quote Post 

Sa me dit que le nom du fichier n'es pas valide, alor je le renome et je le met sur ftp apres j'essaye de le renomer et la sa me dit encore que le nom est invalide, les page perso voila c'est vraiment de la m*** ^^

____________________
user posted image

 PMEmail PosterMSN  Top

Kali

CALLBACK
***************
Group: Administrateu(r|se)
Posts: 637
Member No.: 2
Joined: 9-December 03

Posted: Jul 20 2005, 14:12 PM   Quote Post 

Je savais que tu étais libre et partageur >:`) parce que ainsi tu contribues au partage de la connaissance !!! biggrin.gif

Jack te tracasse pas, choppe le fichier que j'ai fournis (en bas du post).

____________________
:: myStatus msn is user posted image
user posted image

 PMEmail PosterUsers WebsiteIntegrity Messenger IMMSN  Top

Deather

CALLBACK
***************
Group: Administrateu(r|se)
Posts: 683
Member No.: 3
Joined: 28-December 03

Posted: Jul 20 2005, 17:40 PM   Quote Post 

Sous Windows, il est interdit de creer des fichiers commencant par le caractere `.'
Malheureusement sous Unix, les fichiers commencants par ce caractere sont en fait les fichiers caches, ce qui est le cas du .htaccess. D'ailleurs apache intedit l'affichage de ces fichiers par defaut en vous balancant une belle 403 dans la tronche.

Un petit hack pour creer le .htaccess : tu crees proot.htaccess puis tu le renomme

 PMEmail Poster  Top

JACK

BYTE
****
Group: T4C Joueu(r|se)
Posts: 33
Member No.: 46
Joined: 6-October 04

Posted: Jul 20 2005, 19:02 PM   Quote Post 

Bon, impossible, le probleme vien de chez voila.fr pas grave...^^

____________________
user posted image

 PMEmail PosterMSN  Top

Deather

CALLBACK
***************
Group: Administrateu(r|se)
Posts: 683
Member No.: 3
Joined: 28-December 03

Posted: Jul 21 2005, 12:36 PM   Quote Post 

C'est pas sur que Voila:
1/ Utilise Apache
2/ Permette l'utilisation du .htaccess

Il faut noter que le .htaccess ne marche qu'avec Apache, pas avec Microsoft IIS.

Edit:
voila.fr est herberge sur un serveur apache apparament

 PMEmail Poster  Top

 0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Reply to this topic Quick ReplyStart new topicStart Poll


 


Top