Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

Change Height Left Panel

Asked Modified Viewed 2,770 times
E
emilife93
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions
asked
Member

Greeting

who know how to change the height of left panel ?...

www.murabbi.net/height.jpg

styles.css


/* 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;
}
0 replies

11 posts

P
PolarFox
P
  • Veteran Member, joined since
  • Contributed 1,633 posts on the community forums.
  • Started 29 threads in the forums
answered
Veteran Member

Quote

.side-label {
height:100px;
}


worked?
0 replies
H
Harly
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
answered
Senior Member

First of all, you need to change the 3 images, that your using as background for the panel title (or is it only 1?), to the prefered height, to get the best visual result. Use an image-program like Photoshop or PhotoFiltre for that! and remember to change the name(s) of the special left side panel images to something else too!

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.

Normally, to affect only the left side panel, leaving the right side as it is now, you do this:

.side-border-left .scapmain {
In here, you place the special settings for only the left side panel's title-background (e. g. 'height:3opx;', instead of the 24px your using now, and so on..)
}


@PolarFox, he's talking about the panel's green title-background, not the content of the side-body - look at the screenshot! wink
Edited by Harly on 31-01-2011 09:09,
0 replies
E
emilife93
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions
answered
Member

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.


theme.php

<?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="&middot;",$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 "&nbsp;"; }
}


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," &middot;").newsopts($info,"&middot;").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," &middot;").articleopts($info,"&middot;").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";

}
?>
0 replies
H
Harly
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
answered
Senior Member

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!
0 replies
P
PolarFox
P
  • Veteran Member, joined since
  • Contributed 1,633 posts on the community forums.
  • Started 29 threads in the forums
answered
Veteran Member

Oh, roger that.
0 replies
E
emilife93
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions
answered
Member

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!


thanx...working for left panel...but for center panel how to do that?
0 replies
H
Harly
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
answered
Senior Member

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:
.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 (additions marked with green text):
.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!
Edited by Harly on 31-01-2011 18:34,
0 replies
E
emilife93
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions
answered
Member

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!


i change it..but several center panel only working n several not working...try you see www.murabbi.net
0 replies
H
Harly
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
answered
Senior Member

You see, when you add a new panel for the center, be sure to write it like this:
opentable("name"wink;
echo "content";
closetable();

Only when you add a panel for the sides, left or right, you use the default code
openside("name"wink;
echo "content";
closeside();

It worked fine before, because the panels had the same height, but now, that you've made them different in height, you have to use the right code for the right panel - side-code for side-panels, and center-code for center-panels!
Edited by Harly on 31-01-2011 18:51,
0 replies
E
emilife93
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions
answered
Member

Quote

Harly wrote:
You see, when you add a new panel for the center, be sure to write it like this:
opentable("name"wink;
echo "content";
closetable();

Only when you add a panel for the sides, left or right, you use the default code
openside("name"wink;
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!


thanx...working
0 replies
H
Harly
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
answered
Senior Member

Your welcome! B)
0 replies

Category Forum

Themes Support

Labels

None yet

Statistics

  • Views 0 views
  • Posts 11 posts
  • Votes 0 votes
  • Topic users 3 members

3 participants

H
H
Harly 10
Regards, Har1y.
  • Senior Member, joined since
  • Contributed 302 posts on the community forums.
  • Started 51 threads in the forums
P
P
  • Veteran Member, joined since
  • Contributed 1,633 posts on the community forums.
  • Started 29 threads in the forums
E
E
  • Member, joined since
  • Contributed 176 posts on the community forums.
  • Started 49 threads in the forums
  • Started this discussions

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet