Left Panel Width: General Addon and Modification Support

Home
Search

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.

Greeting

how to i change the width of left panel?

www.murabbi.net/lebar.jpg

0 replies

I don't think that you can change the width of the Left Panel only...

If you will take a Look on the style.css of the theme, then side-body will change the width of both Left and right side panels...

By the way, i think that this could also be done by modifying theme.php

Anyways, you may wait for others suggestions.......

0 replies

Quote

Ankur wrote:
I don't think that you can change the width of the Left Panel only...

If you will take a Look on the style.css of the theme, then side-body will change the width of both Left and right side panels...

By the way, i think that this could also be done by modifying theme.php

Anyways, you may wait for others suggestions.......

i want change the width of left panel because my site i disable right panel...

0 replies

Panels width is set by your theme

Moved to theme support

0 replies

Open up the styles.css and find this:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false].side-border-left {
color: #777;
background-color: #fff;
padding: 10px 10px 10px 0;
width: 175px;
}[/syntaxhighlighter]
- change the number 175 to whatever you want.

0 replies

Quote

smokeman wrote:
Open up the styles.css and find this:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false].side-border-left {
color: #777;
background-color: #fff;
padding: 10px 10px 10px 0;
width: 175px;
}[/syntaxhighlighter]
- change the number 175 to whatever you want.

i change it but still not work

Code Download source


/* 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: 220px;
}

.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: 3px solid #DFDFDF;
}

.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

If I look in your source code I can see it's still on 175px:
http://www.murabbi.net/v1/themes/Red%...styles.css

0 replies

Quote

smokeman wrote:
If I look in your source code I can see it's still on 175px:
http://www.murabbi.net/v1/themes/Red%...styles.css

175px for right but for left i change it for 220px...

0 replies

Will you please try at least to click on the link to your styles.css:
http://www.murabbi.net/v1/themes/Red%...styles.css

Try that - and then look at this:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false].side-border-left {
color: #777;
background-color: #fff;
padding: 10px 10px 10px 0;
width: 175px;
}
[/syntaxhighlighter]

It's definitely not changed from the 175px.

0 replies

Be sure to Open the style.css of your theme in your web browser and Refresh it once after doing what Smokeman is saying and changes have been saved... :)

0 replies

styles.css - not style.css ;)

0 replies

Quote

smokeman wrote:
styles.css - not style.css ;)

LOL :D ! I really never gave attention to the file name ! :P

Thanks for making me consider the name of the file ;)

0 replies

Quote

smokeman wrote:
Will you please try at least to click on the link to your styles.css:
http://www.murabbi.net/v1/themes/Red%...styles.css

Try that - and then look at this:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false].side-border-left {
color: #777;
background-color: #fff;
padding: 10px 10px 10px 0;
width: 175px;
}
[/syntaxhighlighter]

It's definitely not changed from the 175px.

i change it to 400px...but still not working.. try you see www.murabbi.net/v703

Edited by emilife93 on 30-01-2011 13:20, 14 y

0 replies

I think the CSS file which you are looking at is not the one in which you are making changes !!!

In your Website, the CSS is : http://www.murabbi.net/v703/themes/Re...styles.css

And the CSS Link gave by Smokeman is : http://www.murabbi.net/v1/themes/Red%...styles.css

I think that there is a Difference of v703 and v1 in link :P

And I can see the width as 300px in http://www.murabbi.net/v703/themes/Re...styles.css

0 replies

Quote

Ankur wrote:
I think the CSS file which you are looking at is not the one in which you are making changes !!!

In your Website, the CSS is : http://www.murabbi.net/v703/t...s

And the CSS Link gave by Smokem is : http://www.murabbi.net/v1/the...s

I think that there is a Difference of v703 and v1 in link :P

yes difference..but i change it in v703 but still not work

0 replies

I give up - I surely can't explain it in a better way!

Sry - but try to read what were writing to you - and then just do it. This is very very easy IMO.

0 replies

strange...at homepage not work but at admin panel working...what the problem?..
www.murabbi.net/admin.jpg

0 replies

Quote

smokeman wrote:
I give up - I surely can't explain it in a better way!

Sry - but try to read what were writing to you - and then just do it. This is very very easy IMO.

:| Sorry didn't got you properly !!!

0 replies

@Ankur: It was pointed to @emilife93 - not to you. ;)

I just meant that I can't explain in better for him than I allready did.

@emilife93: Try to post your theme.php code - maybe it's not coded after the standard - because if it was that then it should definitely work for you.

0 replies

theme.php

Code Download source


<?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

Category Forum

Themes Support

Labels

None yet

Statistics

Views 0 views
Posts 22 posts
Votes 0 votes
Topic users 4 members

4 participants

Notifications

Track thread

You are not receiving notifications from this thread.

Left Panel Width

22 posts

PHPFusion

Resources

Community

Development