EasyPHP Apache FancyIndexing düzeltmeleri

Bu yazımızda EasyPHP 5.3.6.0 sürümü üzerinde bazı FancyIndexing düzeltmeleri yapacağız. Apache FancyIndexing özelliği dizin ve dosya listeleme özelliğini geliştirir, sıralama ve bazı özelliştirmelere izin verir. FancyIndexing, mod_autoindex parametresidir, dolayısı ile çalışması için mod_autoindex açık/kurulu olmalıdır.

EasyPHP, FancyIndexing özelliğini zaten kullanır ancak renk, konum, biçim gibi özellikleri hoşuma gitmediğinden özelleştirmeler yaptım. En çok gözüme batan ise uzun isimlerin …  konularak kısaltılmasıydı, bundan uzun zamandır hoşlanmıyordum.

HTMLTable ve VersionSort özelliklerini koruyarak aşağıdaki eklemeleri yaptım:

FoldersFirst : Dizin içerik listesinde alt dizinler dosyalardan önce/yukarıda listelenir.
IconsAreLinks : Dosya simgesinin de dosyaya giden bir link içermesini sağlar.
NameWidth=* : Dosya isim genişliğini belirleyebilmemize yarar, * ifadesi ile dosya adına sınır koymamış oluyoruz.
SuppressHTMLPreamble : HTML etiketleri ile ilgili bir düzenleme yapıyor. Tam açıklama.

Bu özellikler ve daha fazlası Apache mod_autoindex sayfasında yer almaktadır.

 

Eski, orijinal görüntüsü:

FancyIndexing_eski

Yeni görüntü:

FancyIndexing_yeni

Yaptığım değişiklikler

[ AÇ ]

conf_files/httpd.conf

[ BUL ]

IndexOptions FancyIndexing HTMLTable VersionSort

[ BUNUNLA DEĞİŞTİR ]
# ALEXIS: değiştirildi - http://httpd.apache.org/docs/current/mod/mod_autoindex.html
#IndexOptions FancyIndexing HTMLTable VersionSort
IndexOptions FancyIndexing HTMLTable VersionSort FoldersFirst IconsAreLinks NameWidth=* SuppressHTMLPreamble

[ BUL ]
AddDescription "Win32 Executable" .exe

[ SONRASINA EKLE ]
# ALEXIS: eklendi
AddDescription "PHP file" .php
AddDescription "Text file" .txt
AddDescription "CSS file" .css

Sonrasında apache/icons/FancyIndexing/header.html dosyasının içeriğini tamamen aşağıdaki kodlar ile değiştiriyoruz.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="shortcut icon" href="/images_easyphp/easyphp_favicon.ico" />
<title>[EasyPHP] - Web Local</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font: 70% arial, helvetica, sans-serif;
  color: #333;
}

#top {
  margin: 0;
  padding: 0;
  background: #505f70 url(/images_easyphp/top_background.gif);
}
#top .container {
  width: 760px;
  margin: 0 auto;
  padding: 0;
}
#top a {
  float: left;
  display: block;
  margin: 0;
  padding: 10px 0 0 20px;
  color: #e4e4e4;
}
#top a:hover {
  /*color: #bf6217;*/
}

/*
pre {
  font: 12px Consolas, Monaco, "Andale Mono", "DejaVu Sans Mono", monospace;
}
*/

hr {
  border: 0 none #fff;
  border-top: 1px solid #ccc;
  height: 1px;
  margin: 5px 0;
  display: block;
  clear: both;
}

a:link, a:visited {
  color: #00469b;
  text-decoration: none;
  position: relative;
}
a:hover {
  color: #9f0004;
  text-decoration: underline;
}

table {
  padding: 0 25px 10px 25px;
  font: 13px "Andale Mono", "DejaVu Sans Mono", Consolas, Monaco, monospace;
}
td {
  padding: 0 25px 0 0;
}

td img {
  margin: 0 -18px 0 0;
}
</style>
</head>

<body>

<div id="top">
  <div class="container">
    <img src="/images_easyphp/top_version.gif" width="81" height="40" alt="version" style="float:right;" />
    <img src="/images_easyphp/top_title.gif" width="226" height="40" alt="EasyPHP" border="0" style="float:left;" />
    <a href="/home/index.php" style="padding:12px 20px 0px 20px;"><img src="/images_easyphp/top_section_in.gif" width="11" height="9" alt=">" border="0" /><img src="/images_easyphp/admin.gif" width="15" height="9" alt="admin" border="0" /></a>
    <a href="http://www.easyphp.org"><img src="/images_easyphp/top_section_out.gif" width="11" height="7" alt=">" border="0" />easyphp.org</a>
    <div style="clear:both;"></div>
  </div>
</div>
<br clear="all"/>

 

Şu adresteki yazıdan da yararlanarak oldukça kullanışlı ve hoş bir arayüze kavuştum…

fancindex

Bir Cevap Yazın