Autore Topic: Baakminster: aumentare spazio moduli right (Letto 1437 volte)

Enriquez · « **il:** 03 Set 2010, 13:52:40 »

Salve,
utilizzo il template Baakminster e mi servirebbe aumentare lo spazio della colonna di destra (ad esempio se ora occupa il 10% della pagina totale io vorrei che occupasse il 20%)
sapete come posso fare?
vi allego l'html del template

Grazie in anticipo

Citazione

<?php
// SUCKERFISH MENU SWITCH //
$menu_name = $this->params->get("menuName", "mainmenu");
/**
*Baakminster TEMPLATE*
* @copyright 2009 template design by globbers for globbersthemes   Copyright (C) .All rights reserved.
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">

<head>

<?php

define( 'TEMPLATEPATH', dirname(__FILE__) );
include( TEMPLATEPATH.DS."suckerfish.php");

?>

   <jdoc:include type="head" />
   <?php if($my->id) initEditor(); ?>
   <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php
# main width#
$mod_right = $this->countModules( 'right' );
if ( $mod_right ) {$width = '';} else {$width = '-full';}
?>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/baakminster/css/tdefaut.css" type="text/css" media="all" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/mouseover.js"></script>
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />





<style type="text/css">

</style>

</head>
<body>

<div class="pagewidth">
<div id="top">
     <div id="sitename">
<a href="index.php"><img src="templates/<?php echo $this->template ?>/images/baakminster_logo.png" width="266" height="36" alt="logotype" />[/url]
</div>
        <div id="topmenu">
     <div id="navigation">
<?php mosShowListMenu($menu_name); ?>
           </div>
     </div>

            <div id="pathway_w">
              <div id="breadcrumbs">
              <p>
                 <?php echo JText::_('You are here:'); ?>
                 <jdoc:include type="modules" name="breadcrumb" />
              </p>
        </div>

                  <?php if($this->countModules('user4')) : ?>
                  <div id="search">
              <jdoc:include type="modules" name="user4" />
           </div>
                 <?php endif; ?>
           </div>
</div>
        <div id="wrapper">
                    <div id="carrousel">
                    <jdoc:include type="modules" name="user1" />
           </div>

                    <div id="main<?php echo $width; ?>">
<jdoc:include type="component" />
</div>

     <?php if($this->countModules('right')) : ?>
     <div id="right">
     <jdoc:include type="modules" name="right" style="rounded" />
     </div>
     <?php endif; ?>


     <div id="footer">
                          <div id="footer-content">
                          <div class="box">
                                <jdoc:include type="modules" name="user2" style="xhtml" />
                                </div>
                                <div class="box">
                                <jdoc:include type="modules" name="user3" style="xhtml" />
                                </div>
                                <div class="box">
                                <jdoc:include type="modules" name="user5" style="xhtml" />
                                </div>
                                <div class="box">
                                <jdoc:include type="modules" name="user6" style="xhtml" />
                                </div>
                          </div>
                          <div id="footer-bottom">
                          <div id="footer_tm">
<div class="ftb">
Copyright© <?php echo date( '2008 - Y' ); ?> <?php echo $mainframe->getCfg('sitename');?> . 
<?php if ($this->params->get('show_footertext')) : ?>
<?php echo $this->params->get("footertext"); ?>
<?php endif; ?>
</div>
</div>
     <div id="footer-top">
<div class="footer-top-button">
<a href="#" onclick="scrollToTop();return false;"><img src="templates/<?php echo $this->template ?>/images/top.jpg" width="28" height="24" alt="top" />[/url]
</div>
                          </div>
</div>


                        </div>
</div>


</div>

</body>

</html>

govny · « **Risposta #1 il:** 03 Set 2010, 20:45:45 »

da quello che vedo la larghezza della barra a destra è fissata dall'ID "right" i cui attributi sono fissati nel foglio di stile tdefault.css alla riga 766. Devi modificare il foglio di stile

#right {
background:none repeat scroll 0 0 transparent;
float:right;
margin:10px 0 0;
padding:0 13px 0 0;
text-align:left;
width:273px;
}

la larghezza è fissata a 273 pixels, la devi aumentare per allargarla.
però stai attento perchè se lo fai barra laterale e main non stanno più dentro il contenitore della pagina, quindi se vuoi che il template non si "sformi" devi contemporaneamente diminuire la larghezza dell'ID "main" riducendo la sua larghezza della quantità di cui hai aumentato la barra laterale.

#main {
float:left;
margin-left:32px;
margin-top:15px;
text-align:left;
width:580px;
}

Se per esempio porti la larghezza della barra laterale a 373px: width:373px;, allora devi portare la larghezza del main a 480px: width:480px;

purtroppo non basta. Visto che all'interno della barra laterale ci sono i menu, devi modificare anche la loro larghezza. In pratica devi modificare tutte le voci in cui c'è scritto width:273px;
e per finire devi modificare le immagini che danno forma ai menu che dovrebbero essere caricate qui:

#right div.module, #right div.module_menu, #right div.module_text {
background:url("../images/baakminster_menu.jpg") repeat-y scroll left center transparent;
margin-bottom:8px;
width:373px;
}
#right div.module div, #right div.module_menu div, #right div.module_text div {
background:url("../images/baakminster_menu_top.jpg") no-repeat scroll left top transparent;
width:373px;
}
#right div.module div div, #right div.module_menu div div, #right div.module_text div div {
background:url("../images/baakminster_menu_bottom.jpg") no-repeat scroll left bottom transparent;
width:273px;
}

ma credo che se non sei pratico di fogli di stile ti conviene lasciar perdere.

Autore Topic: Baakminster: aumentare spazio moduli right (Letto 1437 volte)

Enriquez

Baakminster: aumentare spazio moduli right

govny

Re:Baakminster: aumentare spazio moduli right