Allargare il sheet-body

[simone79vi]

Ciao,
vorrei allargare il template che sto utilizzando in un sito web.. Ho visto con Firebug che la sezione interessata prende il nome di Sheet-Body.
L'unico file che viene visualizzato sulla parte destra del monitor è style.css che ha questi valori:

Sheet-body  {
margin:5px;
position:relative;
z-index:0;
}

Per poterlo allargare devo aggiungere il valore in questo file o devo aggiungerlo sul template.css?

Grazie
Ciao

[simone79vi]

Quale proprietà posso definire per allargarlo?

Ciao

[56francesco]

un template è una formula matematica relativamente complessa,  soprattutto se senza table

se vuoi aiuto in questi casi  aggiungi un link sl sito  e che non sia un template commerciale

altrimenti aiutarti è impossibile.

ps
non postare quintalate di codice,  sarebbe ugualmente inutile

[simone79vi]

Grazie della risposta..

Ecco il link...
www.scuolamaternasanpaolo.it

grazie

[adottauncane]

Ciao simone79vi,
sono un po' i passaggi che devi fare, ho pensato a una misura di 960px, non farei di più, ma poi vedi tu...
style.css (riga 43)

Codice: [Seleziona]

.Sheet  {
.
.
.
width:960px; <------- metti 960px
z-index:0;
}
style.css (riga 1661)

Codice: [Seleziona]

.contentLayout .sidebar2 {
.
.
.
margin-left:781px; <------ metti 781
.
.
.
position:absolute; <------ metti absolute
width:169px;
}
style.css (riga 1620)

Codice: [Seleziona]

.contentLayout .content {
.
.
.
width:612px; <----- metti 612px
}
Poi dovresti modificare le due immagini
Header.png
Header.jpg
per la nuova misura
e
Footer.png

e poi bisognerà mettere a posto l'header come misura e anche il footer...

Se provi e funziona e ti serve ancora una mano, riposta qui.

[simone79vi]

Ciao adottauncane,
grazie della risposta.
Quindi dovrei modificare il file style.css.
Domanda: sei sicuro delle righe che mi hai dato?
Perchè io alla riga 43, 1661 e 1620 del file trovo già dei volari che non c'entrano nulla con quello che tu mi hai scritto..

Ad esempio alla riga 43 trovo scritto:

.PageBackgroundSimpleGradient

{

  background-image: url('../images/Page-BgSimpleGradient.jpg');

  background-repeat: repeat-x;

  height: 1px;

}

Ciao
Simone

[adottauncane]

Sì, è possibile che aprendo il file style.css con un programma anziché un altro, le righe non coincidano con la numerazione che io invece vedo con Firebug. Quindi cerca i pezzi di codice senza tenerne conto.

[simone79vi]

Ciao, ho fatto le modifiche che mi hai detto di fare.. Per ora mi sono limitato a inserire solo il codice nel file style.css..

Adesso devo adattare anche la larghezza degli articoli? trovo sempre qui il div corretto?

Dove è che posso ricavare info circa i parametri che mi hai fatto inserire?
Ad es. position:absolute, margin-left, width.. etc etc..

ciao

[adottauncane]

Allora, se non l'hai ancora installato, utilizza Firebug per Firefox, così da poter individuare tutto sul file .css:
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file .css

Forse, prima di procedere con ulteriori modifiche, ti conviene pubblicare un paio di moduli sulla posizione right, per vedere se funziona correttamente...

Per quanto riguarda l'allargamento dello spazio per gli articoli nelle pagine dove non ci sono moduli sulla destra il problema è che modificando la larghezza lì, la modifica anche nelle pagine dove hai i moduli sulla destra, tagliando quindi un pezzo di testo in home... Prova a guardare anche tu con Firebug, magari con un po' di calma riesci a trocare il modo...
Appena riesco comunque ci do un'occhiata anch'io.

[simone79vi]

Ciao..
Grazie della risposta,
per quanto riguarda il discorso della larghezza degli articoli, ho capito il discorso che tu intendi del sovraccavallarsi con eventuali moduli.. ma domanda: dovrei allargare ogni singolo articolo o modifico solo il file .css?

Ciao

[adottauncane]

Dovresti modificare il .css relativo agli articoli, solo che poi modifichi anche gli altri sulle pagine dove hai il modulo e non va bene... adesso la misura è quella "originale" cioè quella prima dell'allargamento. Forse bisognerebbe intervenire anche sull'index.php del template. Però, per me, diventa un po' complicato, soprattutto da qui...

[simone79vi]

Lasciamo stare cosi.. A me interessava allargarlo un po'.. Va benissimo..
In merito a questo invece:

<<Dove è che posso ricavare info circa i parametri che mi hai fatto inserire?
Ad es. position:absolute, margin-left, width.. etc etc..>>

Ciao

[adottauncane]

Be, ho guardato il sito con Firebug e ho provato a modificarlo da lì. Alcuni parametri erano già inseriti e li ho solo modificati come width, e position che ho modificato da relative in absolute per poterlo spostare con il margin left...
Qualcosa trovi in questo wiki
http://wiki.joomla.it/index.php?title=Comprendere_i_template_di_Joomla
qualcosa qui
http://wiki.joomla.it/index.php?title=Creare_un_template_di_base_per_Joomla
e poi con firebug divertiti a cambiare i parametri, tanto sono modifiche temporanee, e vedere quello che succede. Ad esempio adesso dovresti adattare l'header e l'immagine del footer, sia con un programma di foto ritocco che poi nel template...
Buon divertimento!