Autore Topic: modificare la larghezza delle colonne del template (Letto 9177 volte)

bg · « **il:** 30 Ott 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!

fatechand · « **Risposta #1 il:** 30 Ott 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.

bg · « **Risposta #2 il:** 31 Ott 2008, 15:12:35 »

Grazieeeeee.

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

grazie ancora!!

fatechand · « **Risposta #3 il:** 31 Ott 2008, 17:30:44 »

Cmq qualche esperimento lo puoi sempre fare su una copia in locale...
Ciao

bg · « **Risposta #4 il:** 29 Gen 2009, 16:41:31 »

salve,

...e come dovrei fare poer ridurre una barra? non riesco a modificarla, si mantiene al 100%

.: BlackHat :. · « **Risposta #5 il:** 29 Gen 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.

bg · « **Risposta #6 il:** 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

.: BlackHat :. · « **Risposta #7 il:** 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

Codice: [Seleziona]

<table width="85%"....diventa

Codice: [Seleziona]

<table width="800"....per quanto riguarda invece l'altezza, nella stessa parte dove hai modificato la larghezza aggiungi

Codice: [Seleziona]

style = "height: 100px;"
ti metto il risultato finale di quello che dovrebbe venire

Codice: [Seleziona]

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

bg · « **Risposta #8 il:** 02 Feb 2009, 15:20:57 »

grazieeee

semplicenmente grazie

faccio le modifiche, ti faccio sapere

bg · « **Risposta #9 il:** 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:


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

.: BlackHat :. · « **Risposta #10 il:** 02 Feb 2009, 20:43:24 »

Questo è il codice che dovresti inserire cancellando il vecchio

Codice: [Seleziona]

<!--
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',-1 ); ?>
</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

bg · « **Risposta #11 il:** 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

Blackman · « **Risposta #12 il:** 03 Feb 2009, 16:16:34 »

con cosa hai fatto il titolo con qualche programmA?

bg · « **Risposta #13 il:** 03 Feb 2009, 17:26:38 »

il banner è stato fatto con Gimp 2.0

.: BlackHat :. · « **Risposta #14 il:** 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

bg · « **Risposta #15 il:** 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


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

.: BlackHat :. · « **Risposta #16 il:** 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

bg · « **Risposta #17 il:** 05 Feb 2009, 15:14:38 »

Grazie Frasti!

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

.: BlackHat :. · « **Risposta #18 il:** 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

(poverini

)

Autore Topic: modificare la larghezza delle colonne del template (Letto 9177 volte)

bg

modificare la larghezza delle colonne del template

fatechand

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

fatechand

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

Blackman

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template

bg

Re: modificare la larghezza delle colonne del template

.: BlackHat :.

Re: modificare la larghezza delle colonne del template