/* Comment element properties */
a {
color: #b40001;
text-decoration: none;
}
a:hover {
color: #b40001;
text-decoration: underline;#FFFF00
}
a.side {
color: #555;
text-decoration: none;
}
a:hover.side {
color: #b40001;
text-decoration: underline;
}
a.white, 12.white a {
color: #fff;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #fff;
text-decoration: underline;
}
body {
font-family : Helvetica, sans-serif;
font-size : 12px;
background-image: url('images/background.jpg');
background-position: top center;
background-repeat: repeat;
margin: 0px auto;
}
hr {
height: 1px;
border: 1px solid #D8D8D8;
}
hr.side-hr {
height: 1px;
border: 1px solid #eee;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.alt {
color: #b40001;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #b40001;
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #f8f8f8;
border: 1px solid #ccc;
}
/* Header and footer properties */
.sub-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #555;
background-image: url(images/subheader-mid.gif);
padding: 7px 5px 8px 5px;
}
.sub-header-left {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-left.gif);
}
.sub-header-right {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-right.gif);
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: transparent;
background-repeat: repeat;
padding: 0px 0 0px 0;
}
.main-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: transparent;
padding: 5px;
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #fff;
padding: 4px 4px 5px 4px;
}
.main-body {
font-size: 11px;
color: #000000;
background-color: #fff;
border: 1px solid #ddd;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #777;
background-color: #fff;
padding: 10px 10px 10px 0;
width: 250px;
}
.side-border-right {
color: #777;
background-color: #fff;
padding: 10px 0 10px 10px;
width: 175px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #fff;
background-color: #555;
background-image: url(images/side.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.scapmain-left {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-left.gif);
}
.scapmain-right {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-right.gif);
}
.side-body {
font-size: 10px;
color: #555;
background-color: #fff;
background-image: url(images/gradient.gif);
background-repeat: repeat-x;
border: 1px solid #ddd;
padding: 4px;
}
/* Center-Panel properties */
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
background: #F0F4F7;
background-image:url(images/news-footer.gif);
font-size:9px;
font-weight:normal;
color:#0C0C0C;
height:22px;
padding:4px 4px 4px 4px;
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #FFF;
background-color: #555;
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
.main-bg {
color: #555;
background-color: #fff;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 2px solid #EAEAEA;
}
.tbl {
font-size: 13px;
color: #000000;
background-color: #FFF;
padding: 4px;
}
.tbl1 {
font-size: 13px;
color: #000000;
background-color: #EAFFD5;
padding: 4px;
}
.tbl2 {
font-size: 13px;
color: #000000;
background-color: #CCFF99;
padding: 4px;
}
.forum-caption {
font-size: 13px;
font-weight: bold;
color: #888;
background-color: #f1f1f1;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #555;
background-color: #f8f8f8;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #bbb;
}
.poll {
height: 12px;
border: 1px solid #bbb;
}
.comment-name {
font-weight: bold;
color: #b40001;
}
.shoutboxname {
font-weight: bold;
color: #b40001;
}
.shoutbox {
color: #777;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #f1f1f1;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
#navBar, #navBarOverlay {
height: 32px;
width: 100%;
}
#navBar {
background: #EAEFEF url('images/navbar.gif') top left repeat-x;
}
#navBarOverlay {
background: url('images/navbar.gif') top left no-repeat;
}
#clearmenu {
clear: both;
}
#menu, #menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul.submenu {
padding-top: 2px;
padding-bottom: 4px;
}
#menu li {
float: left;
position: relative;
}
.menu {
cursor: default;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 22px;
letter-spacing: 1px;
margin: 6px 2px 0 2px;
position: absolute;
}
.menu p {
font-weight: bold;
margin: 0;
padding: 0;
padding: 3px 12px 1px 12px;
]}
.link {
cursor: default;
height: 20px;
letter-spacing: 1px;
margin: 6px 2px 0 2px;
line-height: 20px;
position: absolute;
}
.link a {
color: #444444;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 3px 12px 3px 12px;
}
.link a:hover {
color: #FFFFFF;
}
.submenu {
background-color: #FFFFFF;
border: 2px solid #008000;
border-top-width: 3px;
cursor: default;
display: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
left: auto;
position: absolute;
width: 138px;
}
.submenu li {
width: 100%;
}
.submenu li a {
background: url('images/submenu.gif') top left repeat-x;
display: block;
font-size: 13px;
height: 19px;
line-height: 19px;
letter-spacing: normal;
margin-top: 2px;
text-decoration: none;
text-indent: 7px;
width: 100%;
}
.submenu li a.divider {
height: 22px;
}
.submenu li a:hover {
background: #669900;
color: #FFFFFF;
display: block;
text-decoration: none;
}
li.menu:hover {
/* your style here */
background: #669900;
color: #FFFFFF;
display: block;
text-decoration: none;
}
#menu li>ul {
left: auto;
top: auto;
}
#menu li:hover ul, li.over ul {
display: block;
}
html>body .submenu li a {
width: auto;
}
html>body #clearmenu {
height: 3px;
}
.side-label {
color: #2E2E2E;
font-size: 13px;
font-weight: normal;
background-color: #fff;
border-color: #DAE2E3;
border-width: 1px;
border-style: solid;
margin: 1px;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #f1f1f1;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #b40001;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #b40001;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #b40001;
margin: 2px;
text-decoration: none;
}
Quote
.side-label {
height:100px;
}
Quote
Harly wrote:
Please show me the hole code for 'function openside' from the theme.php file too, so I can see, which classes are controlled by the styles.css file's settings.
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
/*--------------------------------------------+
| PHPFusion v7 - Content Management System |
|---------------------------------------------|
| author: Nick Jones (Digitanium) © 2002-2005 |
| web: http://www.php-fusion.co.uk |
| email: nick@php-fusion.co.uk |
|---------------------------------------------|
| Released under the terms and conditions of |
| the GNU Affero GPL v3. |
+--------------------------------------------*/
/*--------------------------------------------+
| Revision Theme for PHPFusion v7 |
|---------------------------------------------|
| author: UworldIRC - Riadi © 2006 |
| web: http://www.uworldirc.com/ |
| email: riadi@gcinet.org |
|---------------------------------------------|
| Converted to V7 by Harly Petersen |
| web: http://php-fusion.openworld.dk |
|---------------------------------------------|
| Released under the terms and conditions of |
| the GNU General Public License (Version 2) |
+--------------------------------------------*/
define('IN_REVISION', true);
define("THEME_BULLET", "<img class='bullet' src='".THEME."images/bullet.gif' alt='->' border='0' />");
define("THEME_WIDTH", "1000");
require_once INCLUDES."theme_functions_include.php";
require_once THEME."includes/navigationbar.class.php";
require_once THEME."theme_config.php";
//v7 sublinks
function thesublinks($sep="·",$class="") {
echo "<script type='text/javascript' src='".THEME."/fader.js'></script>";
$i = 0; $res = "";
$sres = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' AND ".groupaccess('link_visibility')." AND link_url!='---' ORDER BY link_order ASC");
if (dbrows($sres)) {
while($sdata = dbarray($sres)) {
if ($i != 0) { $res .= " ".$sep."\n"; } else { $res .= "\n"; }
$link_target = $sdata['link_window'] == "1" ? " target='_blank'" : "";
$link_class = $class ? " class='$class'" : "";
if (strstr($sdata['link_url'], "http://") || strstr($sdata['link_url'], "https://")) {
$res .= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
} else {
$res .= "<a href='".BASEDIR.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
}
$i++;
}
}
if ($i != 0) { return $res; } else { return " "; }
}
function render_page($license=false) {
global $locale, $theme_width, $rtNavbar, $rtHeader, $userdata, $settings, $main_style;
//Header
echo "<table align='center' border='0' cellpadding='0' cellspacing='0' width='920' id='main'>\n"
."<tr><td class='pageLeft'></td><td width='100%' class='pageCenter' valign='top'>\n"
."<table border='0' cellpadding='0' cellspacing='0' id='header' width='100%'><tr>\n"
."<td class='logo' height='100' valign='middle' width='100%'>".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
$rtNavbar->generate();
//Content
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table cellpadding='0' cellspacing='0' align='center' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n";
echo "<td align='right' class='sub-header'>".showcounter()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);
if (!$license) { echo "<br /><br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='capmain-center-left'></td>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "<td class='capmain-center-right'></td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='capmain-bottom-left'></td>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "<td class='capmain-bottom-right'></td>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='capmain-center-left'></td>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "<td class='capmain-center-right'></td>\n";
echo "</tr><tr>\n";
echo "<td class='capmain-bottom-left'></td>\n";
echo "<td class='news-footer'></td>\n";
echo "<td class='capmain-bottom-right'></td>\n";
// echo "</tr><tr>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='scapmain-center-left'></td>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n";
echo "<td class='scapmain-center-right'></td>\n";
echo "</tr><tr>\n";
echo "<td class='scapmain-bottom-left'></td>\n";
echo "<td class='side-footer'></td>\n";
echo "<td class='scapmain-bottom-right'></td>\n";
echo "</table>\n";
}
?>
Quote
Harly wrote:
You didn't tell me how high the images should be, so I've set tthem to be 28px. Have you made/created the 3 new and higher images, especially for the left side panel's title-background, and given them new names, like I suggested? When you've done that, do as descriped below!
Add these 3 new classes to the styles.css:
.side-border-left .scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #fff;
height: 28px;
background: #555 url(images/new-side.gif) repeat-x;
padding: 6px 4px 6px 4px;
}
.side-border-left .scapmain-left {
width: 3px;
height: 28px;
background: #555 url(images/new-side-left.gif) no repeat;
}
.side-border-left .scapmain-right {
width: 3px;
height: 28px;
background-color: #555;
background: #555 url(images/new-side-right.gif) no repeat;
background-repeat: no repeat;
}
Depending on how high the images should be!
As you can see,I just copied the scapmain-classes, put '.side-border-left ' in front of them, and changed the content slightly. And with these 3 classes, you control only the left side, leaving the right side as it is!
Quote
Harly wrote:
Just change the height of the images from the 3 capmain-classes (like you did with the images from the 3 scapmain-classes), but this time keep the names of the images as they are, and change only the height, '25px', in the styles.css, to, for example, 28px.
BTW: Change this (additions marked with green text):
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
to this:
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
background-repeat: no-repeat;
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
background-repeat: no-repeat;
}
Because the left and right images should not repeat themself!
Quote
Harly wrote:
You see, when you add a new panel for the center, be sure to write it like this:
opentable("name"
echo "content";
closetable();
Only when you add a panel for the sides, left or right, you use the default code
openside("name"
echo "content";
closeside();
It worked fine before, because the panels had the same height, but now, when you've made them different in height, you have to use the right code for the right panel!
Category Forum
Themes SupportLabels
None yet
Statistics
3 participants
Notifications
You are not receiving notifications from this thread.
Related Questions