How to change style of embdeded HTML in a PHP file? - php

Question

So i am currently on 14 day internship and my job is to redesign a webpages, however these webapges are made so they display links to a files in a folder and once you click on these files you download them.
My question is -> there a way of how I can change the style of this page with an external CSS file ? My problem is I don't know PHP at all and don't have time to learn it, so I don't know what these files exactly do, but I know that at the botom there is HTML code being passed on the site, I tried changing the CSS file in the HTML , but it didn't change anything and this is how the page was displayed.
This is the link to the image:
https://imgur.com/skjQEk6
And this is the code that was located in the same folder as the .xls files
I am sorry for long code, I don't know how to shorten it.
<?php
//
// --- Make your customizations below. All customizations set here will apply ONLY to this indexed directory --- \\
//
//
// $HomeDir - Absolute path (not url) to TotalIndex script (usually something like: /home/user/public_html/TotalIndex/
// on Linux and something like: c:/inetpub/wwwroot/TotalIndex/ on Windows systems).
// Be sure to include the ending slash in the home directory
//
$HomeDir = "/dcweb/totalindex/";
// Include config file - DO NOT REMOVE
include $HomeDir."config.php";
// To turn off any readme file descriptions (explained in the config.php file) just uncomment the next line (This will prevent a folder description from appearing at the top of the page)...
// $Allow_Readme = 0;
// To exclude a certain file name from the index listing, just add another line of code with the name of the file that
// you want to exclude from the list.
//
// EXAMPLE - If you want to exclude a file named "hidden.txt", then add the following line below:
// $Exclude_File = "hidden.txt";
//
// You can add as many of these as you wish to exclude
// - This is case sensitive -
//
$Exclude_File[] = "exclude_me.txt";
// To exclude a certain folder name from the index listing, just add another line of code with the name of the folder that
// you want to exclude from the list.
//
// EXAMPLE - If you want to exclude a folder named "hidden_folder", then add the following line below:
// $Exclude_File = "hidden_folder";
//
// You can add as many of these as you wish to exclude
// - This is case sensitive -
//
$Exclude_Folder[] = "hidden_folder";
// To exclude a files with certain extensions from the index listing, just add another line of code with the file extension that
// you want to exclude from the list.
//
// EXAMPLE - If you want to exclude file with the extension "txt", then add the following line below:
// $Exclude_Extension = "txt";
//
// You can add as many of these as you wish to exclude
// - This is case sensitive -
//
$Exclude_Extension[] = "hide_me";
//
// ***----- Do not change below this line -----*** \\
//
// include functions
include $HomeDir."functions.php";
//Path to themes folder with ending slash
$ThemeURL = $HomeURL."themes/";
// Path to icon folder with ending slash
$iconfolder = $HomeURL."icons/";
$_GLOBAL['image'] = "";
$fdir=$_GET["fdir"];
$NumSort=$_GET["NumSort"];
$SortBy=$_GET["SortBy"];
// Open folder directory
if(!isset($fdir))
{
$fdir = "./";
}
$fdir = str_replace("../", "", $fdir);
// check to see if still inside directory boundry
$check = substr($fdir, 0, 2);
if($check != "./") {
$fdir = "./";
}
// setup file properties class
class File_Properties
{
var $file_name;
// just the file name
var $file_ext;
// file extension
var $file_size;
// size of file
var $file_date;
// date modified
var $file_icon;
// icon for file type
var $file_type;
// short description for file type
// constructor method - build object
function Build($file)
{
$this->setFname($file);
$this->setFext($file);
$this->setFsize($file);
$this->setFdate($file);
$this->setFicon_type();
}
// Set file name
function setFname($file)
{
$this->file_name = basename($file);
}
// set file extension
function setFext($file)
{
$this->file_ext = array_pop(explode('.', $file));
}
// set file size
function setFsize($file)
{
$kbs = filesize($file);
$units = array(' B', ' KB', ' MB', ' GB', ' TB');
for ($i = 0; $kbs > 1024; $i++) { $kbs /= 1024; }
$this->file_size = ((int)($kbs)).$units[$i];
}
// set date modified
function setFdate($file)
{
date_default_timezone_set('Europe/Prague');
$modified = filemtime($file);
$this->file_date = date("d-M-Y H:i", $modified);
}
// set file type
function setFicon_type()
{
list($this->file_type, $this->file_icon) = split("\?", GetExt($this->file_ext), 2);
}
// setup all get/return methods for class vars
function getFname()
{
return $this->file_name;
}
function getFext()
{
return $this->file_ext;
}
function getFsize()
{
return $this->file_size;
}
function getFdate()
{
return $this->file_date;
}
function getFicon()
{
return $this->file_icon;
}
function getFtype()
{
return $this->file_type;
}
}
// setup folder properties class
class Folder_Properties
{
var $dir_name; // just the directory name
var $dir_date; // date modified
var $dir_icon = "folder.gif"; // icon for directory
var $dir_type = "File Folder"; // short description for file type
// constructor method - build object
function Build($dir)
{
$this->setFname($dir);
$this->setFdate($dir);
}
// Set file name
function setFname($dir)
{
$this->dir_name = basename($dir);
}
// set date modified
function setFdate($dir)
{
$modified = filemtime($dir);
$this->dir_date = date("d-M-Y H:i", $modified);
}
// setup all get/return methods for class vars
function getFname()
{
return $this->dir_name;
}
function getFdate()
{
return $this->dir_date;
}
function getFicon()
{
return $this->dir_icon;
}
function getFtype()
{
return $this->dir_type;
}
}
// initialize file and folder arrays
$file_array = array();
$dir_array = array();
$Fname_array = array();
$Dname_array = array();
// open directory
$dir = opendir($fdir);
// Read files into array
while(false !== ($file = readdir($dir)))
{
if($file != "." && $file != "..")
{
$type = filetype($fdir.$file);
$info = pathinfo($file);
if($type != "dir")
{
if(isset($info["extension"]))
{
$file_extension = $info["extension"];
}
}
if($type == "dir" && !in_array($file, $Exclude_Folder))
{
// setup folder object
$This_Dir = new Folder_Properties;
$This_Dir->Build($fdir.$file);
$dir_array[] = $This_Dir;
}
elseif($type == "file" && !in_array($file, $Exclude_File) && !in_array($file_extension, $Exclude_Extension))
{
// setup file object
$This_File = new File_Properties;
$This_File->Build($fdir.$file);
$file_array[] = $This_File;
}
}
}
closedir($dir);
// Set default sort by method
if(!isset($SortBy) || $SortBy != 0 && $SortBy != 1) {
$SortBy = 0;
}
// Number of the column to sort by (0-3) set default to 0
if(!isset($NumSort) || $NumSort != 0 && $NumSort != 1 && $NumSort != 2 && $NumSort != 3) {
$NumSort = 0;
}
// determin object sorting methods
switch($NumSort)
{
case 0;
$Fsort_method = "file_name";
$Dsort_method = "dir_name";
break;
case 1;
$Fsort_method = "file_size";
$Dsort_method = "dir_name";
break;
case 2;
$Fsort_method = "file_type";
$Dsort_method = "dir_name";
break;
case 3;
$Fsort_method = "file_date";
$Dsort_method = "dir_date";
break;
default:
$Fsort_method = "file_name";
$Dsort_method = "dir_name";
}
// object sorting functions
function ASC_sort_file_objects($a, $b)
{
global $Fsort_method;
$obj1 = strtolower($a->$Fsort_method);
$obj2 = strtolower($b->$Fsort_method);
if ($obj1 == $obj2) return 0;
return ($obj1 < $obj2) ? -1 : 1;
}
function ASC_sort_dir_objects($a, $b)
{
global $Dsort_method;
$obj1 = strtolower($a->$Dsort_method);
$obj2 = strtolower($b->$Dsort_method);
if ($obj1 == $obj2) return 0;
return ($obj1 < $obj2) ? -1 : 1;
}
function DESC_sort_file_objects($a, $b)
{
global $Fsort_method;
$obj1 = strtolower($a->$Fsort_method);
$obj2 = strtolower($b->$Fsort_method);
if ($obj1 == $obj2) return 0;
return ($obj1 > $obj2) ? -1 : 1;
}
function DESC_sort_dir_objects($a, $b)
{
global $Dsort_method;
$obj1 = strtolower($a->$Dsort_method);
$obj2 = strtolower($b->$Dsort_method);
if ($obj1 == $obj2) return 0;
return ($obj1 > $obj2) ? -1 : 1;
}
// sort ascending
if($SortBy == 0) {
// sort arrays (ASCENDING)
usort($file_array, 'ASC_sort_file_objects');
usort($dir_array, 'ASC_sort_dir_objects');
$arrow = "▲";
$SortBy = 1;
}
// sort descending
else {
// sort arrays (DESCENDING)
usort($file_array, 'DESC_sort_file_objects');
usort($dir_array, 'DESC_sort_dir_objects');
$arrow = "▼";
$SortBy = 0;
}
echo "<html>
<head>
<link rel=\"stylesheet\" type=\"text/css\" href=\"".$ThemeURL.$ThemeFolder."style.css\">
</head>
<body>
<table width=\"100%\" height=\"5%\" cellspacing=\"0\" cellpadding=\"5\">
<tr>
<td class=\"Horni\">
<div align=\"center\"><img src=\"/stranky/dc.GIF\" alt=\"dc\" width=\"330\" height=\"50\" border=\"0\"></div>
</td>
</TR>
</TABLE>
<table class='tbl01'>
";
echo "
<tr>
<td class='td01' valign='top'>
<div align='left'>
<table width='100%'>
<tr>
<td class='td02'> </td>
<td class='td03' width='43%' align='left'> <a href='index.php?NumSort=0&SortBy=$SortBy&fdir=$fdir' class='link01'>Name $arrow</a></td>
<td class='td04'> </td>
<td class='td02'> </td>
<td class='td03' width='13%' align='right'><a href='index.php?NumSort=1&SortBy=$SortBy&fdir=$fdir' class='link01'>Size</a></td>
<td class='td04'> </td>
<td class='td02'> </td>
<td class='td03' width='14%' align='left'><a href='index.php?NumSort=2&SortBy=$SortBy&fdir=$fdir' class='link01'>Type</a></td>
<td class='td04'> </td>
<td class='td02'> </td>
<td class='td03' width='18%' align='right'><a href='index.php?NumSort=3&SortBy=$SortBy&fdir=$fdir' class='link01'>Date Modified</a></td>
<td class='td04'> </td>
<td width='20%'> </td>
</tr>
";
// directory is not the base dir
if($fdir != "./") {
// Make every other row a color
$othernum = 1;
// Get folder one level up
$UpPath = dirname($fdir)."/";
echo "
<tr>
<td class='td05'> </td>
<td class='td06' width='43%' align='left'><a href='index.php?fdir=$UpPath' class='link01'><img src='".$iconfolder."levelup.gif' border='0'> Up One Level</a></td>
<td class='td07'> </td>
<td class='td05'> </td>
<td class='td06' width='13%'> </td>
<td class='td07'> </td>
<td class='td05'> </td>
<td class='td06' width='14%'> </td>
<td class='td07'> </td>
<td class='td05'> </td>
<td class='td06' width='18%'> </td>
<td class='td07'> </td>
<td width='20%'> </td>
</tr>";
}
else {
$othernum = 0;
}
// alternate row counter
$count = 0;
// Output folder information
for($y = 0; $y < count($dir_array); $y++)
{
// alternate row colors
if($count % 2 != $othernum) {
$special = "bgcolor='$RowColor'";
}
else {
$special = "";
}
$count++;
echo "
<tr>
<td class='td05' $special> </td>
<td class='td06' $special width='43%' align='left'><a href=\"index.php?SortBy=".$SortBy."&fdir=".$fdir.$dir_array[$y]->getFname()."/\" class=\"link01\"><img src=\"".$iconfolder.$dir_array[$y]->getFicon()."\" border=\"0\"> ".$dir_array[$y]->getFname()."</td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='13%' align='right'> </td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='14%' align='left'>".$dir_array[$y]->getFtype()."</td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='18%' align='right'>".$dir_array[$y]->getFdate()."</td>
<td class='td07' $special> </td>
<td width='20%' $special> </td>
</tr>
";
}
// output file info
for($y = 0; $y < count($file_array); $y++)
//while (list($key, $val) = each($Fname_array))
{
// alternate row colors
if($count % 2 != 0) {
$special = "bgcolor='$RowColor'";
}
else {
$special = "";
}
$count++;
echo "
<tr>
<td class='td05' $special> </td>
<td class='td06' $special width='43%' align='left'><a href=\"".$fdir.$file_array[$y]->getFname()."\" class=\"link01\" target=\"_blank\"><img src=\"".$iconfolder.$file_array[$y]->getFicon()."\" border=\"0\"> ".$file_array[$y]->getFname()."</td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='13%' align='right'>".$file_array[$y]->getFsize()."</td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='14%' align='left'>".$file_array[$y]->getFtype()."</td>
<td class='td07' $special> </td>
<td class='td05' $special> </td>
<td class='td06' $special width='18%' align='right'>".$file_array[$y]->getFdate()."</td>
<td class='td07' $special> </td>
<td width='20%' $special> </td>
</tr>
";
}
echo "
</table>
</div>
</td>
</tr>
<tr>
<td width='100%'> </td>
</tr>
<tr>
<td class=\"td01\" valin=\"bottom\" align=\"center\">
<p class=\"txt02\"> Systém datového centra vyvíjí a spravuje IS.</p> </td>
</tr>
<tr>
<td class=\"td01\" valin=\"bottom\" align=\"center\"> <p class=\"txt02\"> Kontakt: Ing. Jaromír Mikulka, jaromir.mikulka#unex.cz, tel. 2526</p> </td>
</tr>
<tr>
<td class=\"td01\" valin=\"bottom\" align=\"center\"><p class=\"txt02\">Powered By: <b>TotalIndex</b></p></td>
</tr>
</table>
</body>
</html>
";
?>```
[1]: https://i.stack.imgur.com/BXm4n.png

Answer 1

You use double quote(") inside double quote
You must have to use single quote(') inside double quote(")
So your code should be...
....................................
....................................
echo "<html>
<head>
<link rel='stylesheet' type='text/css' href='../your-directory/style.css'>
</head>
....................................
....................................
You can also include external css file in php file
<style>
<?php include 'CSS/main.css'; ?>
</style>