Joomla.it Forum

Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : bg 30 Oct 2008, 18:50:25

: modificare la larghezza delle colonne del template
: bg 30 Oct 2008, 18:50:25
salve,

si potrebbe modifiacre la larghezza del template?

uso rhuk solar, ma vedo che rimangono degli spazi bianchi vuoti oltre i margini di destra e sinistra 

si puo' impostare una larghezza percentuale, in modo da adattarsi sempre ad un 90- 100 % del monitor?

grazie!
: Re: modificare la larghezza delle colonne del template
: fatechand 30 Oct 2008, 19:51:46
Devi agire sul css del template, senon sai cos'è ci vuole un pò di studio, risorse in rete ce nè... Cmq si può fare tutto, solo che per riorganizzare il template devi tenere conto di tutte le parti, che sono combinate insieme.
: Re: modificare la larghezza delle colonne del template
: bg 31 Oct 2008, 15:12:35
Grazieeeeee.

ok, lo lascerò così per non combinare qualche disordino generale.

grazie ancora!!
: Re: modificare la larghezza delle colonne del template
: fatechand 31 Oct 2008, 17:30:44
Cmq qualche esperimento lo puoi sempre fare su una copia in locale...
Ciao
: Re: modificare la larghezza delle colonne del template
: bg 29 Jan 2009, 16:41:31
salve,

...e come dovrei fare poer ridurre una barra? non riesco a modificarla, si mantiene al 100%
 
: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 29 Jan 2009, 17:45:01
vai sempre nel css e modifica al posto di 100% o metti 80-90% quello che ti interessa oppure modifichi in pixel es 760px; nel caso in cui non visualizzi nessuna modifica controlla che altre regole dettate dal css non vadano a sovrapporsi a quelle che hai definito tu. se vuoi posta il link del sito e la barra da modificare e vediamo insieme.
: Re: modificare la larghezza delle colonne del template
: bg 02 Feb 2009, 11:21:59
Salve amico,

grazie innanzitutto per avermi risposto.
Ho provato ad apportare questa modifica, attraverso il file index.php.
In molte stringhe compare la percentuale: qyeste misure le ho impostate tutte al 80% . Ma per la barra superiore non riesco a trovare la percentuale, o qualsiasi altra misura di rifermimento. Se vuoi, dai un'occhiata a come si presenta:
www.viaggioconte.it

inoltre, come vedi, dovrei anche aumentare  l'altezza dello  spazio dedicata al banner, ove c'è la scritta : viaggioconte.it  la community viaggiante

ecco, questi sono i due interventi che dovrei fare:

restringere la barra superiore
e aumentare l'altezza del banner.

Grazie ,
grazie sempre e comunque

Benedetto Giordano

 
: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 02 Feb 2009, 11:34:39
Per quanto riguarda la lunghezza delle barre, ho visto che sta 85%. al posto di mettere un valore percentuale metti un valore assoluto ad esempio

:
<table width="85%"....diventa
:
<table width="800"....per quanto riguarda invece l'altezza, nella stessa parte dove hai modificato la larghezza aggiungi
:
style = "height: 100px;"
ti metto il risultato finale di quello che dovrebbe venire

:
<table width="800" cellspacing="0" cellpadding="0" border="0" align="center" style="height: 100px;">
Ho visto che stanno piu tag table quindi seleziona quello giusto da voler modificare e fai le opportune modifiche.

Il primo tag <table> fa riferimento alla barra superiore dove c'è cerca, home, siti amici....
il secondo fa riferimento al bannerviaggioconte.it
il terzo fa riferimento a quella barra subito dopo dov'è c'è home e infondo la data odierna
il quarto fa riferimento a tutto quello che c'è dopo: quindi menu laterali e porzione dei contenuti centrali
il quinto e unltimo sono i compyright infondo.
Spero di essere stato chiare. Se qualcosa non va noi siamo qua:D t'ho c'ho messo pure la rima hahahaha.va beh dai mi sono appena svegliato sto ancora metto rintronato:D
ciau!
: Re: modificare la larghezza delle colonne del template
: bg 02 Feb 2009, 15:20:57


grazieeee

semplicenmente grazie

faccio le modifiche, ti faccio sapere
: Re: modificare la larghezza delle colonne del template
: bg 02 Feb 2009, 15:44:55
amico,


ho fatto le modifiche, am non ottengo cio' che voglio

ricopio qui la parte iniziale dell'index.php che cio interessa:


<!--
author: raduga http://mambasana.ru Per joomla 1.5
copyright: GNU/GPL
Adattato alla versione 1.0.x di joomla da Stefanogta
-->
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>

<body id="body_bg">
      <table width="85%"   border="0" align="center" cellpadding="0" cellspacing="0" ;>
         <tr>
               <td width="169"  align="left"  valign="middle">
            
                <div >
                        <form action="index.php" method="post" class="search">
<input name="searchword" id="searchbox" maxlength="20" alt="Search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
<input type="hidden" name="option" value="com_search" /><input type="hidden" name="task"   value="search" />
<input type="hidden" name="Itemid" value="0" /></form>
                              
             </div>
         
         
           </td>

<td>&nbsp;</td>
                 <td  width="601" align="center" class="topnav" valign="bottom">

<div>
<?php mosLoadModules ( 'user3',-1 ); ?>
</div>            

         </td>
         
        </tr>
  </table> 

 <table width="85%"  border="0" align="center" cellpadding="0" cellspacing="0" style = "height: 100px" >
        <tr>
                 <td  align="center" class="logoheader">&nbsp;</td>
               
        </tr>
  </table>
 
 
 
  <table width="85%"  border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td class="top1" >
<div class="pw">
<?php mosPathWay(); ?>
</div>
<div class="date">
<?php
//CREATO DA PALOMBO STEFANO






grazie

benedetto giordano
: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 02 Feb 2009, 20:43:24
Questo è il codice che dovresti inserire cancellando il vecchio

:
<!--
author: raduga http://mambasana.ru Per joomla 1.5
copyright: GNU/GPL
Adattato alla versione 1.0.x di joomla da Stefanogta
-->
<?php defined"_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ?>
</head>

<body id="body_bg">
      <table width="800"   border="0" align="center" cellpadding="0" cellspacing="0" ;>
         <tr>
               <td width="169"  align="left"  valign="middle">
           
                <div >
                        <form action="index.php" method="post" class="search">
<input name="searchword" id="searchbox" maxlength="20" alt="Search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
<input type="hidden" name="option" value="com_search" /><input type="hidden" name="task"   value="search" />
<input type="hidden" name="Itemid" value="0" /></form>
                             
             </div>
         
         
           </td>

<td>&nbsp;</td>
                 <td  width="601" align="center" class="topnav" valign="bottom">

<div>
<?php mosLoadModules 'user3',-); ?>
</div>           

         </td>
         
        </tr>
  </table>

 <table width="800"  border="0" align="center" cellpadding="0" cellspacing="0" style="height: 100px;" >
        <tr>
                 <td  align="center" class="logoheader">&nbsp;</td>
               
        </tr>
  </table>
 
 
 
  <table width="85%"  border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td class="top1" >
<div class="pw">
<?php mosPathWay(); ?>
</div>
<div class="date">
<?php

dove ho messo 800 se non dovessi notare differenze prova  a mettere 800px.dimmi se va bene se no controlliamo ancora una volta insieme. Ciao
: Re: modificare la larghezza delle colonne del template
: bg 03 Feb 2009, 14:52:31
Gentile frasti_1987@hotmail.it


grazie , grazie infinite per il tuo aiuto!

ho inserito il codice da te modificato, purtroppo però quella barra superiore non si restringe ancora. Ho fatto come hai detto tu: prima lasciando 800, poi con l' aggiunta di px. ma niente, come puoi constatare anche tu.

comunque, amico, grazie di cuore per questo che stai facendo.

a limitre cambio il template, perchè questo non è neppure il massimo. ke  ne pensi?

grazie ancora

benedetto

: Re: modificare la larghezza delle colonne del template
: Blackman 03 Feb 2009, 16:16:34
con cosa hai fatto il titolo con qualche programmA?
: Re: modificare la larghezza delle colonne del template
: bg 03 Feb 2009, 17:26:38
il banner è stato fatto con Gimp 2.0

: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 03 Feb 2009, 19:41:44
aaaaaaaaaaaah forse ho capito cosa intendi tu!:D se intendi la "barra" superiore blu scuro e poi grigia è tutta n'altra cosa:D
quella è l'immagine di sfondo che prenderà sempre e tutto ma si puo modificare:D

allora prova a fare questa cosa qui

in index.php dopo il tag <body id="body_bg"> inserisci questo
<div id="sfondo">
questo tag qui lo chiudi alla fine prima di body in questo modo
</div>
</body>

adesso assegna in template.css le regole per questo div

#sfondo{
width:1024px;
backgound-image:url(../images/bg_top.gif);
background-repeat: repeat-x;
}

dimmi se va o meno:D ciau
: Re: modificare la larghezza delle colonne del template
: bg 04 Feb 2009, 18:35:53
Frasti 1987,


ho fatto la modifica del file php e del css. Dà un risultato un po' strano: vedi anche tu: www.viaggioconte.it

ecco come compaiono ora le parti iniziali dell'index php  e del file css, ins e guito all'aggiunta che mi hai suggerito. Magari ho sbagliato qualcosa.


index php


<!--
author: raduga http://mambasana.ru Per joomla 1.5
copyright: GNU/GPL
Adattato alla versione 1.0.x di joomla da Stefanogta
-->
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>

<body id="body_bg">
<div id="sfondo">
</div>
</body>

<table width="800px" border="0" align="center" cellpadding="0" cellspacing="0" ;>
<tr>
<td width="169" align="left" valign="middle">

<div >



nel css:


/****
author - rgb(raduga) http://mambasana.ru
***/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 10px;
 
    }

#body_bg{
background     : url(../images/bg_top.gif) #ffffff repeat-x top left;
}

#sfondo{
width:1024px;
backgound-image:url(../images/bg_top.gif);
background-repeat: repeat-x;
}

.main {
  text-align       : left;
  width            : 100%;
  margin           : 0;
  padding          : 0;
}


.mod {
  background       : #FFFFFF;
  width            : 2px;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

form {
margin           : 0;
padding          : 0;
}


.leftrow {
  width            : 169px;
  height           : 100%;




Grazie ancora frasti,

sto guardando nel frattempo anche altri template perchè questo non lo trovo ottimale.  Ho visto qualcosa chemi interessa, e li' dovro' apportare delle modifiche sulle posizioni dei moduli. Dato che si tratterà probabilmente di ritoccare l'index php e css, ti romperò le scatole un po', se permetti. Ok?

Se ti serve qualcosa, dimmelo, magari posso esserti di aiuto! ;)


ok, un slauto,

benedetto giordano
: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 04 Feb 2009, 22:37:25
ahahah tranquillo, siamo qui apposta. Cmq se hai intenzione di cambiare template non sto a guardare il sito...anche perchè non so piu che guardare:D
Ti aspetto allora eh:D
: Re: modificare la larghezza delle colonne del template
: bg 05 Feb 2009, 15:14:38
Grazie Frasti!


... ma c'è un "raduno Joomla" prossimamente?

: Re: modificare la larghezza delle colonne del template
: .: BlackHat :. 05 Feb 2009, 16:28:41
http://forum.joomla.it/index.php/board,43.0.html
qui dovrebbero stare tutti gli eventi, incontri e altro. Poi ovviamente ci organizziamo ed andiamo tutti a mangiare una pizza a spese dello staff :D (poverini :D)