• 0

e107 PHP/CSS/HTML

Asked by ctx48,

 Share

Question

Enthusiast

ctx48

Posted
Posted

Hi, i'm working on altering an e107 theme. Right now the Nav/menu section is on the right side and i was hoping to get it moved to the left. the style sheet is following: 


body {
	background-image: url(images/background.jpg); color: #ffffff; background-color: #333333; text-align: left; font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #555; margin: 12px 0 0 0;
}

.maintable {
	width: 759px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#logo {
	background-image: url(images/header.png);
	width: 759px;
	height: 108px;
}

#sitename {
	margin-left: 24px;
	margin-top: 50px;
	text-align: left;
	font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
}

#infoleft {
	width: 365px;
	text-align: left;
	background-color: #000;
}

#inforight {
	width: 366px;
	text-align: right;
	background-color: #000;
}

.padder {
	padding: 0 4px 0 4px;
}

.spacer{
	padding: 2px 0px 2px 0px;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 0;
}







#collefttop {
	background-image: url(images/topleftcol.png);
	width: 14px;
	height: 34px;
}

#colrighttop {
	background-image: url(images/toprightcol.png);
	width: 14px;
	height: 34px;
}

#colleft {
	background-image: url(images/leftcol.png);
	width: 14px;
	height: 100%;
	background-repeat: repeat-y;
}

#colright {
	background-image: url(images/rightcol.png);
	width: 14px;
	height: 100%;
	background-repeat: repeat-y;
}

.button {
	border: 1px solid #000;
	color: #000;
	font: 7pt verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	background-image : url(images/button.png);
}

.cbdate {
	color: #686868;
}

#colbotleft {
	background-image: url(images/bottomleftcol.png);
	width: 14px;
	height: 14px;
}

#colbot {
	background-image: url(images/bottomcol.png);
	height: 14px;
	width: 100%;
	background-repeat: repeat-x;
}

#colbotright {
	background-image: url(images/bottomrightcol.png);
	width: 14px;
	height: 14px;
}



#contentarea {
	background-color: #000;
	width: 599px;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	vertical-align:top;
}

#fullcontentarea {
	background-color: #000;
	width: 759px;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	vertical-align:top;
}

#menuarea {
	background-color: #000;
	width: 160px;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	vertical-align:top;
	text-align: left;
}

.tablewrapper {
	width: 100%;
}

.searchbar {
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* menu definitions */

.menutable{
	width: 160px;
}

.menuwrapper {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}

.menutop {
	background-image: url(images/menutop.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 5px;
}

.menubody {
	background-color: #3e3e3e;
	width: 100%;
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #bbb;
	vertical-align:top;
	text-align: left;
}

.menubottom {
	background-image: url(images/menubottom.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 12px;
}

.menutop2 {
	background-image: url(images/menutop2.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 5px;
}

.menubody2 {
	background-color: #3e3e3e;
	width: 100%;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	padding: 4px 5px 5px 4px;
	vertical-align:top;
	text-align: left;
}

.menubottom2 {
	background-image: url(images/menubottom2.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 12px;
}

/* end menu layout */

img {
	vertical-align: middle;
}

.smalltext {
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.pageheader {
	background-image: url(images/pageheader.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 25px;
}

.pagebody {
	background-color: #333;
	width: 100%;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
	padding: 4px 5px 5px 4px;
	vertical-align:top;
	text-align: left;
}

.pagefooter {
	background-image: url(images/pagefooter.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 14px;
}


a {
	color: #999; 
	text-decoration: none;
}
a:hover {
	color: #ddd;
	text-decoration: underline;
}

a.link2:link {
	color: #999; 
	text-decoration: none;
}

a.link2:hover {
	color: #ffb432;
	text-decoration: none;
}


/* captions */

.caption {
	background-image: url(images/cap1.png);
	width: 100%;
	background-repeat: repeat-x;
	height: 16px;
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

.captionpadder {
	 padding: 2px 0 0 4px;
}

.captiontext {
	font: 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
}


.testborder {
	border: 1px solid red;
}

.link1 {
	background-image: url(images/link1.png);
	background-repeat: no-repeat;
	width: 159%;
	height: 21px;
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 4px;
}

.link2 {
	background-image: url(images/link2.png);
	background-repeat: no-repeat;
	width: 159%;
	height: 21px;
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 4px;
}

.linktext {
	padding-top: 6px;
}


form {
	margin: 2px 0px 0px 0px;
}

p {
	margin: 0px;
}






.tbox {
	background-color: #000;
	border: 1px solid #3e3e3e;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #777;
}

.tbox.search {
	background-color: #000;
	border: 1px solid #3e3e3e;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.helpbox {
	color:#aaa;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	border: 0px none red;
	background-color: transparent;
}


/* forum */

.fborder {
	border: #1d1d1d 1px solid;
}
.forumheader{
	background-color: #333;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#ffa939;
	padding: 4px;

	border: 1px solid #1d1d1d;
	text-align: left;
}

.forumheader2{
	background-color: #333;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#9f9f9f;
	padding: 4px;
	border: #2a2a2a 1px solid;
	text-align: left;
}

.forumheader3{
	background-color: #333;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	color:#9f9f9f;
	padding: 4px;
	border: #2a2a2a 1px solid;
	text-align: left;
}

.forumborder{
	border: #000080 1px solid;
}

.fcaption {
	background-image : url(images/fcap.png);
	border: 1px solid #1d1d1d;
	padding: 2px 0 2px 0;
	background-color: #f9fafb;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#ffa939;
	text-align: left;
}

.finfobar{
	background-color: #393939;
	color:#000;
	padding: 4px;
	border: 1px solid #2a2a2a;
	font-size: 7pt; font-family:verdana, tahoma, arial, helvetica, sans-serif;
	text-align: left;
}

.smallblacktext {
	font: 10px tahoma, verdana, arial, helvetica, sans-serif;
	color:#b47716;
}

td {
	text-align: left;
}

.nextprev {
	font: 7pt tahoma, verdana, arial, helvetica, sans-serif;
	color:#b47716;
}

And the Theme.php:

<?php
/*
+ ----------------------------------------------------------------------------+
|	 e107 website system
|
|	 ?Steve Dunstan 2001-2002
|	 http://e107.org
|	 jalist@e107.org
|
|	 Released under the terms and conditions of the
|	 GNU General Public License (http://gnu.org).
|
|	 $Source: /cvsroot/e107/e107_0.7/e107_themes/interfectus/theme.php,v $
|	 $Revision: 1.10 $
|	 $Date: 2005/12/30 02:18:44 $
|	 $Author: streaky $
+----------------------------------------------------------------------------+
*/

if (!defined('e107_INIT')) { exit; }

// [multilanguage]
@include_once(e_THEME."interfectus/languages/".e_LANGUAGE.".php");
@include_once(e_THEME."interfectus/languages/English.php");

// [theme]
$themename = "interfectus";
$themeversion = "1.0";
$themeauthor = "Steve Dunstan [jalist]";
$themeemail = "jalist@e107.org";
$themewebsite = "http://e107.org";
$themedate = "16/03/2005";
$themeinfo = "Dark theme suitable for gaming / clan sites.";
define("STANDARDS_MODE", TRUE);
$xhtmlcompliant = TRUE;
$csscompliant = TRUE;

define("THEME_DISCLAIMER", "<br /><i>".LAN_THEME_1."</i>");
define("IMODE", "dark");

// [layout]

$layout = "_default";

$HEADER = "
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='logo'><div id='sitename'>[ <a href='".e_HTTP."index.php'>{SITENAME}</a> ]</div></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='collefttop'></td>
<td id='infoleft'>
<div class='padder'>
{CUSTOM=search+".THEME_ABS."images/search.png}
</div>
</td>
<td id='inforight'>
<div class='padder'>
{CUSTOM=clock}
</div>
</td>
<td id='colrighttop'></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='colleft'></td>
<td>
<table class='tablewrapper' cellpadding='0' cellspacing='0'>
<tr>
<td id='contentarea'>
<div class='padder'>
<table class='tablewrapper' cellpadding='0' cellspacing='0'>
<tr><td class='pageheader'></td></tr>
<tr><td class='pagebody'>
{SETSTYLE=main}

";

$FOOTER = "
</td></tr>
<tr><td class='pagefooter'></td></tr>
</table>
</div>
</td>
<td id='menuarea'>
<table class='menutable' cellpadding='0' cellspacing='0'>
<tr>
<td class='menutop'></td>
</tr>
<tr>
<td class='menubody'>
<div class='menuwrapper'>
{SETSTYLE=menu1}
{SITELINKS}
{MENU=1}
</div>
</td>
</tr>
<tr>
<td class='menubottom'></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td id='colright'></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='colbotleft'><img src='".THEME_ABS."images/blank.gif' width='14' height='14' alt='' style='display: block;' /></td>
<td id='colbot'></td>
<td id='colbotright'><img src='".THEME_ABS."images/blank.gif' width='14' height='14' alt='' style='display: block;' /></td>
</tr>
</table>

<div class='smalltext' style='text-align: center;'>{SITEDISCLAIMER}<br />{THEMEDISCLAIMER}</div>

";


/*
<table class='menutable' cellpadding='0' cellspacing='0'>
<tr>
<td class='menutop2'></td>
</tr>
<tr>
<td class='menubody2'>
<div class='menuwrapper'>
{PLUGIN=other_news_menu/other_news2_menu}
</div>
</td>
</tr>
<tr>
<td class='menubottom2'></td>
</tr>
</table>
*/


$CUSTOMHEADER = "
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='logo'><div id='sitename'>[ <a href='".e_HTTP."index.php'>{SITENAME}</a> ]</div></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='collefttop'></td>
<td id='infoleft'>
<div class='padder'>
{CUSTOM=search+".THEME_ABS."images/search.png}
</div>
</td>
<td id='inforight'>
<div class='padder'>
{CUSTOM=clock}
</div>
</td>
<td id='colrighttop'></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='colleft'></td>
<td>
<table class='tablewrapper' cellpadding='0' cellspacing='0'>
<tr>
<td id='fullcontentarea'>
<div class='padder'>
<table class='tablewrapper' cellpadding='0' cellspacing='0'>
<tr><td class='pageheader'></td></tr>
<tr><td class='pagebody'>
{SETSTYLE=main}

";

$CUSTOMFOOTER = "

</td></tr>
<tr><td class='pagefooter'></td></tr>
</table>
</div>
</td>
</tr>
</table>
</td>
<td id='colright'></td>
</tr>
</table>
<table class='maintable' cellpadding='0' cellspacing='0'>
<tr>
<td id='colbotleft'><img src='".THEME_ABS."images/blank.gif' width='14' height='14' alt='' style='display: block;' /></td>
<td id='colbot'></td>
<td id='colbotright'><img src='".THEME_ABS."images/blank.gif' width='14' height='14' alt='' style='display: block;' /></td>
</tr>
</table>

";


$CUSTOMPAGES = "forum.php forum_post.php forum_viewforum.php forum_viewtopic.php user.php submitnews.php download.php links.php stats.php usersettings.php signup.php";




$NEWSSTYLE = "
<div class='captiontext'>{NEWSTITLE}</div>
{NEWSBODY}
{EXTENDED}
<div style='text-align:right' class='smalltext'>
{NEWSAUTHOR}
on
{NEWSDATE}
<br />
{NEWSCOMMENTS}{TRACKBACK}
</div>
<br />";

define("ICONSTYLE", "");
define("COMMENTLINK", LAN_THEME_2);
define("COMMENTOFFSTRING", LAN_THEME_3);
define("PRE_EXTENDEDSTRING", "<br /><br />[ ");
define("EXTENDEDSTRING", LAN_THEME_4);
define("POST_EXTENDEDSTRING", " ]<br />");
define("TRACKBACKSTRING", LAN_THEME_5);
define("TRACKBACKBEFORESTRING", " | ");


// [linkstyle]

define('PRELINK', "");
define('POSTLINK', "");
define('LINKSTART', "<div class='link1' onmouseover=\"this.className='link2';\" onmouseout=\"this.className='link1';\"><div class='linktext'><img src='".THEME_ABS."images/bullet1.gif' alt='' />  ");
define("LINKSTART_HILITE", "<div class='link2' onmouseover=\"this.className='link1';\" onmouseout=\"this.className='link2';\"><div class='linktext'><img src='".THEME_ABS."images/bullet1.gif' alt='' />  ");
define('LINKEND', "</div></div>");
define('LINKDISPLAY', 1);
define('LINKALIGN', "left");




//	[tablestyle]

function tablestyle($caption, $text)
{
	global $style;

	if($style == "menu1")
	{
		echo "<div class='caption'><div class='captionpadder'>$caption</div></div><br /><div class='padder'>$text</div><br />";
	}
	else if($style == "menu2")
	{
		echo "<table class='menutable' cellpadding='0' cellspacing='0'>
<tr><td class='menutop2'></td></tr>
<tr><td class='menubody2'><div class='menuwrapper'>$caption<br /><br />$text</div></td></tr>
<tr><td class='menubottom2'></td></tr>
</table>";
	}
	else
	{
		echo "<div class='captiontext'>$caption</div>$text<br />";
	}
}

$COMMENTSTYLE = "<br /><br />
<div class='captiontext'><img src='".THEME_ABS."images/bullet1.gif' alt='' style='vertical-align: middle;' /> {USERNAME} | {TIMEDATE}</div>
{COMMENT} {COMMENTEDIT}<br />
<span class='smalltext'>{REPLY}{IPADDRESS}</span>
";



$CHATBOXSTYLE = "
<div class='link2'><div class='linktext'><img src='".THEME_ABS."images/bullet1.gif' alt='' style='vertical-align: middle;' /> {USERNAME} | <span class='cbdate'>{TIMEDATE}</span></div></div>
<div class='smalltext'>
{MESSAGE}
</div>
<br />";











?>

I know it has somekthing to do with the theme.php but every time i played with the code it just didn't work. The base theme is the 'interfectus' off of e107, any help/pointing in the right direction would be awesome! I would just rewrite the code but it's a little over my head.

Ctx

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.