I wanted to use PHPLayers on a website using the horizontal mode. Here's the html code for the template:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<__html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>ghost-machinery</title>
</head>
</__body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#000099" link="#000099" vlink="#990099">
<center>
<img
style="border: 0px solid ; width: 1024px; height: 127px;"
alt="ghost-machinery.net" src="uploads/images/logo.png" align="middle"
hspace="0" vspace="0"></center>
<br>
{cms_module module='phplayers' horizontal="1"}
<table
style="border-color: rgb(0, 0, 0); background-color: transparent; width: 1024px; height: 334px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="1">
<tbody>
<tr>
<td
style="height: 149px; background-color: rgb(220, 225, 229);">
{content}
</td>
</tr>
</tbody>
</table>
<br>
<__body>
</__html>
Bye, ghostrifle
PS: I've set the following CSS styles... should be ok too..
Code: Select all
.horbar {
color: black;
background-color: #dcdad5;
border: 2px outset #cecac1;
}
.horbaritem {
float: left;
white-space: nowrap;
font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
}
.horbaritem a {
display: block;
text-decoration: none;
}
.horbaritem a:link {
color: #000000;
text-decoration: none;
}
.horbaritem a:visited {
color: #000000;
text-decoration: none;
}
.horbaritem a:hover {
color: #ffffff;
background-color: #4b6983;
text-decoration: none;
}
.horbaritem a:active {
color: #ff0000;
text-decoration: none;
}
.verbar {
color: black;
background-color: #dcdad5;
border: 2px outset #cecac1;
}
.submenu {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
.subframe {
position: relative;
display: block;
background-color: #dcdad5;
border: 2px outset #cecac1;
}
.item {
text-align: left;
white-space: nowrap;
font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
font-size: 13px;
}
.item a {
position: relative;
display: block;
text-decoration: none;
}
.item a:link {
color: #000000;
text-decoration: none;
}
.item a:visited {
color: #000000;
text-decoration: none;
}
.item a:hover {
color: #ffffff;
background-color: #4b6983;
text-decoration: none;
}
.item a:active {
color: #ff0000;
text-decoration: none;
}
.item .fwdarr {
position: absolute;
top: 5px;
/* right: 4px; */
right: 7px;
}
.separator {
background-color: #ff0000;
border-top: 1px solid #9e9a91;
border-bottom: 1px solid #ffffff;
margin: 2px 0px 2px 1px; /* top right bottom left */
height: 0;
font-size: 1px;
line-height: 0;
}
