Menu E107 højre til venstre
Menu E107 højre til venstreHejsa alle sammen, jeg vil lige høre om der er en venlig sjæl der kan fortælle mig hvad der skal til for at jeg kan få min menu i højre side over i den venstre...poster lige theme.php og style.css her, det er menu 1 og 2 det drejer sig om...
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/reline/theme.php,v $
| $Revision: 1.19 $
| $Date: 2007/06/04 19:42:37 $
| $Author: e107steved $
|
+----------------------------------------------------------------------------+
| Photo Credits
|
| mosaic glass by
| -> by massimo bassi [maXb] ( http://www.robamia.com )
|
| funky_box 1
| -> by Andrzej Pobiedzinski [Sarej] ( http://www.imagecreators.olsztyn.pl )
|
| Lime Light | Orange Splash
| -> by Martin R.W [matchstick] ( http://www.match-stick.co.uk )
|
| Hands 4: holding a poster | Paper clipped | Post-It | Bubbles 3
| -> by Davide Guglielmo [brokenarts] ( http://www.broken-arts.com )
|
+----------------------------------------------------------------------------+
*/
// Protect the file from direct access
if (!defined('e107_INIT')) { exit; }
// Get language definition files for this theme
@include_once(e_THEME."test/languages/".e_LANGUAGE.".php");
@include_once(e_THEME."test/languages/English.php");
// Set theme info
$themename = "test";
$themeversion = "1.0";
$themeauthor = "mig";
$themedate = "01/09/09";
$themeinfo = "";
$xhtmlcompliant = TRUE; // If set to TRUE will display an XHTML compliant logo in theme manager
$csscompliant = TRUE; // If set to TRUE will display a CSS compliant logo in theme manager
// define("IMODE", "lite");
// Theme disclaimer is displayed in your site disclaimer appended to the site disclaimer text.
// Uncomment the line below to set a theme disclaimer (remove the // ).
// define("THEME_DISCLAIMER", "Example theme disclaimer text.");
$no_core_css = TRUE;
//function theme_head() {
// echo "<script></script>";
//}
// $layout = '_your_version'; // uncomment this line (remove the // ) to use alternative template files.
// Main header
$HEADER = "<table class='container'>
<tr>
<td>
<td class='top_section'>
</td>
<tr>
<td class='left_section'>
</td>
<td class='main_container'>
<table class='top_inner_container'>
<tr>
<td class='main_nav'>
{SITELINKS_ALT=no_icons+noclick}
</td>
</tr>
</table>
{SETSTYLE=default}
<table class='bottom_inner_container'>
<tr>
<td class='main_section'>
{MENU=3}
";
// Main footer
$FOOTER = "
<table style='width:100%'>
{SETSTYLE=menu_2}
<tr>
<td style='width:33%; vertical-align:top'>
{MENU=4}
{SETSTYLE=menu_2}
</td>
<td style='width:33%; vertical-align:top'>
{MENU=5}
{SETSTYLE=menu_2}
</td>
<td style='width:33%; vertical-align:top'>
{MENU=6}
</td>
</tr>
</table>
{MENU=7}
<table style='width:100%'>
<tr>
</td>
</table>
<td class='right_section'>
{SETSTYLE=menu_1}
{MENU=1}
{SETSTYLE=menu_2}
{MENU=2}
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class='disclaimer'>
{SITEDISCLAIMER}
</div>";
// Custom footer for pages with no right menu area. Uncomment the $CUSTOMPAGES line below the
// footer to activate and use.
$CUSTOMFOOTER['No_Right_Menu_Area'] = "</td>
</tr>
</table>
</td>
</tr>
</table>
<div class='disclaimer'>
{SITEDISCLAIMER}
</div>";
// Uncomment the below line (remove the // ) and enter in the filenames (or part of) for
// those pages you wish to use the custom page layout defined above (separate with spaces).
$CUSTOMPAGES['No_Right_Menu_Area'] = "order_form.php comment.php forum_viewtopic.php forum.php forum_post.php stats.php gallery.php news.php?item.7.1 news.php?item.8.1 news.php?item.25.1 ";
// Define attributes associated with site links.
define('PRELINK', ''); // Prefixed to all links as a group
define('POSTLINK', ''); // Postfixed to all links as a group
define('LINKSTART', ''); // Prefixed to each indivdual link
define('LINKEND', ''); // Postfixed to each indivdual link
define('LINKDISPLAY', 1);
define('LINKALIGN', 'left');
// News style
$NEWSSTYLE = "<div class='tablerender'><div class='main_caption'>{STICKY_ICON}{NEWSTITLE}</div>{NEWSIMAGE}{NEWSBODY}{EXTENDED}</div>
<div class='news_info_top'>
{NEWSCOMMENTS}{TRACKBACK}
</div>
<table class='news_info_bottom'>
<tr>
<td class='news_info_bottom_left'>
</td>
<td class='news_info_bottom_middle'>
".LAN_THEME_5." ".LAN_THEME_6."
</td>
<td class='news_info_bottom_right'>
{ADMINOPTIONS}
</td>
</tr>
</table>";
// Define attributes associated with news style.
define('ICONMAIL', 'email_16.png');
define('ICONPRINT', 'print_16.png');
define('ICONSTYLE', 'border: 0px');
define('COMMENTOFFSTRING', LAN_THEME_1);
define('COMMENTLINK', LAN_THEME_2);
define('PRE_EXTENDEDSTRING', '<br /><br />[ ');
define('EXTENDEDSTRING', LAN_THEME_3);
define('POST_EXTENDEDSTRING', ' ]<br />');
define('TRACKBACKSTRING', LAN_THEME_4);
define('TRACKBACKBEFORESTRING', ' | ');
// Table style
function tablestyle($caption, $text, $mode){
global $style;
if ($style == 'top_left_menu')
{
echo "<div class='top_left_menu'>";
if (USER && $mode == 'login')
{
echo "<img src='".THEME_ABS."images/loggedin.png' style='width: 32px; height: 32px; display: block' alt='' /><br />";
}
echo "<div class='top_left_menu_caption'>".$caption."</div>".$text."</div>";
}
else if ($style == 'menu_2')
{
echo "<div class='menu_2_container'>
<table class='menu_2_inner_container'><tr><td class='menu_2'>";
if ($caption)
{
echo "<div class='menu_2_caption'>".$caption."</div>";
}
echo $text."</td></tr></table></div>";
}
else if ($style == 'menu_1')
{
echo "<div class='menu_1_container'><div class='menu_1_back'><div class='menu_1_top'><div class='menu_1_bottom'>
<div class='menu_1_caption'>".$caption."</div>".$text."</div></div></div></div>";
}
else if ($style == 'bottom_left_menu' || $style == 'right_menu')
{
echo "<table class='menu_container'><tr><td class='menu_inner_container'>
<div class='menu_caption'>".$caption."</div>".$text."</td></tr></table>";
}
else
{
echo "<div class='tablerender'><div class='main_caption'>".$caption."</div>".$text."</div>";
}
}
// Comment post style
$sc_style['REPLY']['pre'] = "<tr><td class='forumheader'>";
$sc_style['REPLY']['post'] = "";
$sc_style['SUBJECT']['pre'] = "<td class='forumheader'>";
$sc_style['SUBJECT']['post'] = "</td></tr>";
$sc_style['COMMENTEDIT']['pre'] = "<tr><td class='forumheader' colspan='2' style='text-align: right'>";
$sc_style['COMMENTEDIT']['post'] = "</td></tr>";
$sc_style['JOINED']['post'] = "<br />";
$sc_style['LOCATION']['post'] = "<br />";
$sc_style['RATING']['post'] = "<br /><br />";
$sc_style['RATING']['post'] = "<br />";
$COMMENTSTYLE = "<div class='spacer' style='text-align:center'><table class='fborder' style='width: 95%'>
<tr>
<td class='fcaption' colspan='2'>".LAN_THEME_5." {USERNAME} ".LAN_THEME_6." {TIMEDATE}
</td>
</tr>
{REPLY}{SUBJECT}
<tr>
<td style='width: 20%; vertical-align: top' class='forumheader3'>
<div style='text-align: center'>
{AVATAR}
</div>
{LEVEL}<span class='smalltext'>{JOINED}{COMMENTS}{LOCATION}{IPADDRESS}</span>
</td>
<td style='width: 80%; vertical-align: top' class='forumheader3'>
{COMMENT}
{RATING}
{SIGNATURE}
</td>
</tr>
{COMMENTEDIT}
</table>
</div>";
// Search shortcode style
$SEARCH_SHORTCODE = "<input class='tbox search' type='text' name='q' size='20' value='' maxlength='50' />
<input type='image' name='s' src='".THEME_ABS."images/search.png' value='".LAN_THEME_7."' title='".LAN_THEME_7."' style='width: 16px; height: 16px; border: 0px; vertical-align: middle' />";
// Chatbox post style
$CHATBOXSTYLE = "<br /><img src='".e_IMAGE_ABS."admin_images/chatbox_16.png' alt='' style='width: 16px; height: 16px; vertical-align: bottom' />
<b>{USERNAME}</b><br />{TIMEDATE}<br />{MESSAGE}<br />";
?>
og
Style.css
/* Core Classes */
/*----------------------------------------------------------------------------*/
body {
background: #EEEEE9 url(images/back.jpg) repeat-x top center;
}
body, td {
margin: 5px;
padding: 0px;
text-align: center;
color: black;
}
td, .indent,.right_section, .defaulttext, .caption, .captiontext, .bodytable, .mediumtext,
.forumheader, .forumheader2, .forumheader3, .forumheader4, .forumheader5, .fcaption, .finfobar {
font: 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-align: left;
}
.smalltext, .smallblacktext, .tbox, .button, .button:hover, .nextprev, .helpbox {
font: normal 13px verdana, tahoma, arial, sans-serif;
}
a {
color: black;
}
a:hover {
color: #3f3f3f;
}
img {
border: 0px;
}
.linkspage_button{
border:0px;
}
form {
margin: 0px;
}
table {
margin-left: auto;
margin-right: auto;
}
.tbox {
border: 1px solid #606060;
background-color: white;
}
.indent {
border: #999 1px dashed;
padding: 5px;
margin: 5px;
background-color: #955200;
}
.button {
border: 2px solid #F2F2F0;
background-color : #d7b368;
}
.button:hover {
background-color : #d7b300;
}
.nextprev {
border: 0px;
text-align: center;
padding: 2px;
background-color: transparent;
}
.spacer{
padding: 5px 0px;
}
.fborder, .border{
border-collapse: collapse;
border-spacing: 0px;
}
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
font: normal 13px verdana, arial, tahoma, sans-serif;
padding: 5px;
background-color: transparent;
border-bottom: 1px solid #112239;
}
.forumheader, .forumheader4, .finfobar {
font: normal 13px verdana, arial, tahoma, sans-serif;
background-color: transparent;
}
.forumheader5 {
font: normal 13px verdana, arial, tahoma, sans-serif;
cursor: pointer;
}
.fcaption, .forumheader5 {
font: normal 13px verdana, arial, tahoma, sans-serif;
background-color: transparent;
}
h1 {
margin : 0 0 1px 5px;
letter-spacing: 3px;
font : normal 120% verdana, arial, tahoma, sans-serif;
color : #112239;
background: inherit;
}
h2 {
margin : 5px 0 10px 5px;
letter-spacing: 1px;
font : normal bold 120% verdana, arial, tahoma, sans-serif;
color : #112239;
background: inherit;
}
h3 {
padding-left : 5px;
font : bold 100% verdana, arial, tahoma, sans-serif;
color : #112239;
background: inherit;
}
.searchhighlight {
text-decoration: underline;
color: #ff0000;
font-weight: bold;
}
.helpbox {
border: 0px;
}
.news_image {
float: right;
padding: 0px 0px 7px 7px;
}
/* Theme Specific Classes */
/*----------------------------------------------------------------------------*/
.container {
width: 1000px;
border-collapse: collapse;
border-spacing: 0px;
border-right: 0px solid white;
border-bottom: 0px solid white;
border-left: 0px solid white;
border-top: 0px solid #8E8E8E;
background: #FEFEFC url(images/front.jpg) repeat;
}
.top_section {
background: #E8E7E0 url(images/top.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 180px;
}
.top_bar {
background-color: transparent;
text-align: right;
padding-right: 5px;
width: 100%;
height: 23px;
}
.main_container {
vertical-align: top;
background-image: url(images/main.jpg);
background-repeat: no-repeat;
}
.top_inner_container {
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 0px;
width: 970px;
}
.bottom_inner_container {
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 0px;
width: 970px;
}
.right_section {
border-left: 1px dotted #bdbdbd;
text-align: center;
vertical-align: top;
width: 210px;
}
.main_nav {
padding-right: 4px;
padding-left: 6px;
vertical-align: top;
}
.main_section {
vertical-align: top;
padding: 20px;
height: 250px;
}
.main_caption, .menu_caption {
font-weight: bold;
color: #d2691e;
margin-bottom: 3px;
}
.main_caption {
color: #112239;
text-align: left;
font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
font-size: 1.45em;
letter-spacing: .2em;
line-height: 1.1em;
margin:0px;
text-transform: uppercase;
}
.tablerender {
margin-bottom: 8px;
}
.menu_caption {
border-bottom: 0px solid #CD853F;
font-size: 12px;
}
.menu_container {
width: 160px;
border-collapse: collapse;
border-spacing: 0px;
}
.menu_inner_container {
padding: 10px 7px;
}
.disclaimer {
text-align: center;
width: 1000px;
height: 70px;
background-image: url(images/footer.jpg);
margin-left: auto;
margin-right: auto;
color: #2d2d2d;
font: normal 12px verdana, tahoma, sans-serif;
}
/* Theme Specific Classes: News Style */
.news_info_top {
padding: 2px;
}
.news_info_bottom {
width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 5px;
}
.news_info_bottom_left {
padding: 2px;
}
.news_info_bottom_middle {
padding: 2px;
width: 100%;
}
.news_info_bottom_right {
padding: 2px;
white-space: nowrap
}
.news_comments_icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
/* Theme Specific Classes: Advanced Content Management Graphic */
.advanced_image {
width: 145px;
height: 90px;
display: block;
margin-left: 14px;
}
/* Theme Specific Classes: Post It Note Menu */
.menu_1_container {
text-align: left;
margin-bottom: 15px;
margin-top: 37px;
width: 220px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
font-size: 12px;
}
.menu_1_back {
background: url(images/white.png) repeat;
text-align: left;
border-top: 1px dotted #bdbdbd;
border-bottom: 1px dotted #bdbdbd;
width: 180px;
margin-left: auto;
margin-right: auto;
}
.menu_1_bottom {
padding: 12px 6px;
}
.menu_1_caption {
padding-bottom: 5px;
padding-left:5px;
font-weight: bold;
font-size: 12px;
}
/* Theme Specific Classes: Post It Note Menu */
.menu_2_container {
background: url(images/white.png) repeat;
text-align: left;
margin-bottom: 15px;
margin-top: 37px;
width: 180px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
font-size: 12px;
border-bottom: 1px dotted #bdbdbd;
}
.menu_2_caption {
text-align: left;
border-bottom: 1px dotted #bdbdbd;
margin-bottom: 7px;
width: 180px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 12px;
}
/* Brainjar Nav Menu Classes {SITELINS_ALT} */
/*
If you do not use {SITELINS_ALT} and switch to the standard {SITELINKS} instead,
all of the below can be deleted.
*/
/*----------------------------------------------------------------------------*/
div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
font: normal 15px Georgia,serif;
color: Black;
text-align: left;
}
div.menuBar {
background-color: transparent;
border-top: 0px solid #fff;
padding: 4px 0px;
text-align: left;
}
div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
background-color: transparent;
border: 0px solid;
border-color: transparent !important;
border-color: #fff #fff #fff #fff;
left: 5px;
margin: 0px;
padding: 4px 10px 4px 10px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background-color: #d7b368 !important;
color: white;
}
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
background-color: #d7b368;
left: 5px;
top: 0px;
color: white;
}
div.menu {
background-color: #d7b368;
border: 0px solid;
color: white;
border-color: #fff White White #fff;
left: 0px;
padding: 5px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 100;
}
div.menu a.menuItem {
display: block;
color: white;
padding: 2px 11px 2px 5px;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #EFEFEA;
color: black;
}
Håber der er en der lige kan gennemskue det...da jeg er lidt lost
