• 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>
&lt;td id='logo'&gt;&lt;div id='sitename'&gt;[ &lt;a href='".e_HTTP."index.php'>{SITENAME}</a>lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table class='maintable' cellpadding='0' cellspacing='0'&gt;
&lt;tr&gt;
&lt;td id='collefttop'&gt;&lt;/td&gt;
&lt;td id='infoleft'&gt;
&lt;div class='padder'&gt;
{CUSTOM=search+".THEME_ABS."images/search.png}
&lt;/div&gt;
&lt;/td&gt;
&lt;td id='inforight'&gt;
&lt;div class='padder'&gt;
{CUSTOM=clock}
&lt;/div&gt;
&lt;/td&gt;
&lt;td id='colrighttop'&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table class='maintable' cellpadding='0' cellspacing='0'&gt;
&lt;tr&gt;
&lt;td id='colleft'&gt;&lt;/td&gt;
&lt;td&gt;
&lt;table class='tablewrapper' cellpadding='0' cellspacing='0'&gt;
&lt;tr&gt;
&lt;td id='contentarea'&gt;
&lt;div class='padder'&gt;
&lt;table class='tablewrapper' cellpadding='0' cellspacing='0'&gt;
&lt;tr&gt;&lt;td class='pageheader'&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='pagebody'&gt;
{SETSTYLE=main}

";

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

&lt;div class='smalltext' style='text-align: center;'&gt;{SITEDISCLAIMER}&lt;br /&gt;{THEMEDISCLAIMER}&lt;/div&gt;

";


/*
&lt;table class='menutable' cellpadding='0' cellspacing='0'&gt;
&lt;tr&gt;
&lt;td class='menutop2'&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class='menubody2'&gt;
&lt;div class='menuwrapper'&gt;
{PLUGIN=other_news_menu/other_news2_menu}
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class='menubottom2'&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
*/


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

";

$CUSTOMFOOTER = "

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

";


$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 = "
&lt;div class='captiontext'&gt;{NEWSTITLE}&lt;/div&gt;
{NEWSBODY}
{EXTENDED}
&lt;div style='text-align:right' class='smalltext'&gt;
{NEWSAUTHOR}
on
{NEWSDATE}
&lt;br /&gt;
{NEWSCOMMENTS}{TRACKBACK}
&lt;/div&gt;
&lt;br /&gt;";

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


// [linkstyle]

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




//	[tablestyle]

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

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

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



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











?&gt;

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
https://www.neowin.net/forum/topic/444612-e107-phpcsshtml/
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.