TalkPHP - View Single Post - unordered list replace bullet by image according to level, if last level text as link

Peuplarchie · 01-31-2010, 04:19 PM

Good day to you all,
I was wondering if there is a way to change the the look of wach level of a list.

Ex:

Last level, text = link
1st level, has 1 image instead of bullet and text in bold
2nd level as another image as bullet and text in bold
3rd level, if not last level, as another image as bullet and text in bold\

Here is where I'm now :

PHP Code:


			

<html>
<head>
<style type="text/css">
ul {
      list-style-image: url(Icons/open_book_icon.jpg);
}

li {
      list-style-image: url(Icons/box_icon.png);
}


</style>
</head>
<body>



<?PHP
function globDir($dir)
{
   $files = glob("$dir/*", GLOB_ONLYDIR);
   
     if(!empty($files))
   {
      echo "<ul>\n";

      foreach($files as $file)
      {
         echo "<li><b>". basename($file)."</b>\n";
         globDir($file);
         echo "</li>\n";
      }
      echo "</ul>\n";
   }
}
globDir('Photos');
?>

</body>
</html>

Thanks !

01-31-2010, 04:19 PM	#1 (permalink)
Peuplarchie The Acquainted Join Date: May 2008 Location: Québec Posts: 104 Thanks: 10	unordered list replace bullet by image according to level, if last level text as link Good day to you all, I was wondering if there is a way to change the the look of wach level of a list. Ex: Last level, text = link 1st level, has 1 image instead of bullet and text in bold 2nd level as another image as bullet and text in bold 3rd level, if not last level, as another image as bullet and text in bold\ Here is where I'm now : PHP Code: <html> <head> <style type="text/css"> ul { list-style-image: url(Icons/open_book_icon.jpg); } li { list-style-image: url(Icons/box_icon.png); } </style> </head> <body> <?PHP function globDir($dir) { $files = glob("$dir/*", GLOB_ONLYDIR); if(!empty($files)) { echo "<ul>\n"; foreach($files as $file) { echo "<li><b>". basename($file)."</b>\n"; globDir($file); echo "</li>\n"; } echo "</ul>\n"; } } globDir('Photos'); ?> </body> </html> Thanks ! __________________ That's why we are not alone on earth... let's build !