CSS okay
This commit is contained in:
parent
f86f38d8b0
commit
5846c111fe
@ -81,7 +81,7 @@ private function getFolderContent($chemin)
|
|||||||
if (is_dir($chemin)) {
|
if (is_dir($chemin)) {
|
||||||
// Ouvrir le dossier
|
// Ouvrir le dossier
|
||||||
if ($dh = opendir($chemin)) {
|
if ($dh = opendir($chemin)) {
|
||||||
$items = isset($items) ? $items . '<ul class="folder">' : '<ul class ="folder">';
|
$items = isset($items) ? $items : '<ul>';
|
||||||
// Parcourir les éléments du dossier
|
// Parcourir les éléments du dossier
|
||||||
while (($element = readdir($dh)) !== false) {
|
while (($element = readdir($dh)) !== false) {
|
||||||
// Exclure les éléments spéciaux
|
// Exclure les éléments spéciaux
|
||||||
@ -92,10 +92,10 @@ private function getFolderContent($chemin)
|
|||||||
// Vérifier si c'est un dossier
|
// Vérifier si c'est un dossier
|
||||||
if (is_dir($cheminComplet)) {
|
if (is_dir($cheminComplet)) {
|
||||||
// Afficher le nom du dossier avec un élément details
|
// Afficher le nom du dossier avec un élément details
|
||||||
$items .= "<li class='directory'>$element<ul>";
|
$items .= "<li class='directory'>$element";
|
||||||
// Appeler récursivement la fonction pour ce sous-dossier
|
// Appeler récursivement la fonction pour ce sous-dossier
|
||||||
$items .= $this->getFolderContent($cheminComplet);
|
$items .= $this->getFolderContent($cheminComplet);
|
||||||
$items .= '</ul></li>';
|
$items .= '</li>';
|
||||||
} else {
|
} else {
|
||||||
// Afficher le nom du fichier comme un lien
|
// Afficher le nom du fichier comme un lien
|
||||||
$items .= "<li class='file'><a href='$cheminComplet' target='_blank'>$element</a></li>";
|
$items .= "<li class='file'><a href='$cheminComplet' target='_blank'>$element</a></li>";
|
||||||
|
@ -1,40 +1,45 @@
|
|||||||
|
#dirindex article {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 480px;
|
||||||
|
}
|
||||||
|
|
||||||
#dirindex article{
|
#dirindex a {
|
||||||
display: block;
|
color: #004466;
|
||||||
margin: 0 auto;
|
text-decoration: none;
|
||||||
width: 480px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#dirindex a {
|
#dirindex a:hover {
|
||||||
color: #004466;
|
text-decoration: underline;
|
||||||
text-decoration: none;
|
}
|
||||||
}
|
|
||||||
#dirindex a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
#dirindex a:visited {
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dirindex details summary, #dirindex details summary::-webkit-details-marker {
|
#dirindex a:visited {
|
||||||
list-style: none;
|
color: #666666;
|
||||||
cursor: pointer;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#dirindex {
|
#dirindex details summary,
|
||||||
list-style: none;
|
#dirindex details summary::-webkit-details-marker {
|
||||||
}
|
list-style: none;
|
||||||
|
cursor: pointer;
|
||||||
#dirindex .directory {
|
}
|
||||||
list-style-type: "\1F4C1";
|
|
||||||
}
|
|
||||||
|
|
||||||
#dirindex .file {
|
#dirindex {
|
||||||
list-style-type: "\1F4C4";
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dirindex ul li {
|
#dirindex .directory {
|
||||||
margin-top: 5px;
|
list-style-type: "\1F4C1";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#dirindex .file {
|
||||||
|
list-style-type: "\1F4C4";
|
||||||
|
}
|
||||||
|
|
||||||
|
#dirindex ul li {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dirindex li {
|
||||||
|
padding-left: 5px;
|
||||||
|
list-style-position : outside;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user