Template diplod

[ventus85]

Ho scaricato il template Diplod.
Volevo sapere due cose:
1) se ridimensiono la finestra(la faccio più piccola) nel lato destro non rimane dentro lo sfondo grigio ma sullo sfondo blu, come posso fare a renderlo bellino come quando la finestra è a dimensione standard?
2) per allargare la parte centrale quale blocco devo modificare?
Grazie!

[bigham]

Ciao.
Da dove lo hai scaricato?
Così lo scarico anche io e vediamo...

[ventus85]

Sinceramente mi sembrava da qui...
Eccolo...http://www.diplod.it/2007/04/09/template-gratuito-per-joomla/

[bigham]

Ciao.

OK. Scaricato e analizzato.
Anzitutto usando Firefox ti consilgio di installare l'estensione Web developer toolbar. Utile in questo casi.
Questo strumento ti consente di evidenziare con il mouse le diverse aree del css (CSS --> View Style Information) Ma fa un sacco di altre cose.

Ti allego l'immagine con la quale potrai regolarti per modificare le dimensioni del template.

Il lavoro di modifica lo devi fare sulle classi del foglio di stile template_css.css.
Si comincia dalle aree più interne per risalire verso quelle più esterne

Per ridurre l'area della pagina dovrai lavorare sulle dimensioni delle seguenti classi (nell'ordine!):
leftcontent
rightsection
centersection (e quelle che ci sono all'interno)
rightcontent
wrapper

Se hai capito il meccanismo, aiutandoti con la Web developer toolbar non è difficile identificare tutte altre aree.


Fai una copia del file template_css.css prima di iniziare a modificarlo.

Buon divertimento con il "gioco delle scatole cinesi" 

[allegato eliminato da un amministratore]

[ventus85]

Ok, grazie!
Pensavo che bastasse modificare nel foglio di stile un'unica area (per esempio quella centrale) non credevo di dover modificare tutte le aree!
Ora ci provo, ti farò sapere...
Guardo di scaricare anche l'estensione di Firefox.
Grazie! 

Edit: avevo fatto casino tra rightsection e rightcontent...

[jospic]

Anzitutto usando Firefox ti consilgio di installare l'estensione Web developer toolbar. Utile in questo casi.
Questo strumento ti consente di evidenziare con il mouse le diverse aree del css (CSS --> View Style Information) Ma fa un sacco di altre cose.

Quoto il suggerimento di bigham ed aggiungo anche l'ottimo FireBug scaricabile da qui:
http://www.getfirebug.com/

[ventus85]

E per quel problema di quando rimpicciolisco la finestra la parte sinistra mi va sullo sfondo azzurro come posso fare?
Grazie...

[bigham]

Ciao ventus85.

Scusami ma ho fatto diverse prove e proprio non riesco a riprodurre il tuo problema. 
Ho ridotto la parte centrale del template (classe wrapper) a 700px ma tutto rimane normale.

Ti metto i valori delle larghezze delle aree del template:

wrapper width=700px
leftcontent width=130px
rightcontent width=560px
centersection width=400px
rightsection width=140px

Ho scaricato l'estensione postata da jospic. Veramente utile (grazie jospic). 
Ti consigli di utilizzarlo perchè ti permette di evidenziare le aree della pagina e contemporaneamente le parti del foglio di stile che intervengono su quell'area.
Inoltre ti permette di capire come è stato scritto il codice del template 

Fammi sapere

[ventus85]

Si, l'ho scaricata ed è veramente utile (viva firefox). Grazie!
X quel problema provo a confrontare il template originare con quello modificare, probabile abbia modificato qualcosa che poi gli da noia.
Ti faccio sapere!
 

[ventus85]

Con questi valori la situazione migliora decisamente:
wrapper WIDTH: 1000px
leftcontent width:260px
rightcontent WIDTH: 730px;
centersection:  WIDTH: 620px;
rightsection: WIDTH: 100px;

Per l'altro problema (lato destro azzurro quando rimpicciolisco la finestra) non riesco a capire come mai...

[bigham]

Mi apre che i valori che hai inserito sono un pò troppo grandi.
Una pagina di 1000px di larghezza è un pò troppo. Il limite massimo è 960px per una risoluione di 1024x768.

Il sito è on-line? Se posti l'indirizzo magari lo vediamo. Così al buio... diventa un'impresa.

[ventus85]

Il sito è on-line? Se posti l'indirizzo magari lo vediamo. Così al buio... diventa un'impresa.

Mi sa hai ragione, ora guardo un po' di modificarlo...
Per l'on-line si e no, nel senso ho un hosting senza supporto Joomla e ho provato a metterci l'home-page del sito fatto con Joomla.Funzionicchia ma non so quanto si addice alla realtà...
Se vuoi ti mando un MP con il link (magari quando ho messo la versione del sito con queste dimensioni)...
Altre due domande:
-come faccio a togliere dall'home page il pezzo "ultime notizie e i più letti"? Devo levarlo dal html, ma non capisco perchè non me lo toglie.
-questo template ha il grassetto che non mi piace, si vede poco, cosa devo modificare? Oppure aggiungo le caratteristiche che voglio nel css e basta?

[bigham]

Le ultime notizie e i più letti sono due moduli. Se li vuoi togliere entra in amministrazione sito e visualizza l'elenco moduli. Cerca i due moduli e togli la pubblicazione. I moduli spariranno dalla home.

Per modificare il testo delle pagine devi modificare il CSS del template. Puoi modificare sia il tipo di carattere che il suo aspetto.

Resto in attesa dell'indirizzo del sito.

Ciaoo!! 

[ventus85]

Per modificare il testo delle pagine devi modificare il CSS del template. Puoi modificare sia il tipo di carattere che il suo aspetto.

Si, questo lo sapevo, però facendo un po' di prove non sono riuscita a trovare la parte che da quell'effetto al bold.
Beh, dai, riguardo!

[bigham]

l'attributo è font-weight: bold, la classe dovrebbe essere a.mainlevel

[ventus85]

l'attributo è font-weight: bold, la classe dovrebbe essere a.mainlevel

Non credo sia quello, ho provato ma non cambia nulla.
Come posso fare per avere il "grassetto" delle parole un po' più visibile?

[bigham]

Ciao.
Se le parole sono già in grassetto non puoi fare molto. Quello è! Caso mai puoi giocare sui colori di sfondo e carattere.

Aspetto sempre che tu metta on-line il sito, almeno abbiamo una base comune su cui discutere.
Così mi sento 

[ventus85]

Ho dei problemi x metterlo on-line (non so come fare a trasferirlo! Cioè non so come fare a trasferire tutta la parte di Joomla, mica lo posso rinstallare...)... 
Le parole sono già in grassetto ma non viene quel grassetto così ma viene quasi come le parole non in grassetto e lo vorrei rendere più visibile... 

[bigham]

Ciao.

Per quanto riguarda il trasferimento, prima o poi dovrai pur farlo 
Comunque basta trasferire l'intero contenuto della cartella che hai in locale nella root del sito in remoto. Poi fare una esportazione del database in locale e importarlo nel database in remoto. In ultimo una piccola modifica al file configuration.php che troverai nelle miniguide del nostro wiki.

Ti allego l'immagine di come vedo io il template sul sito che uso per fare le prove dei componenti.
La dimensione della pagina è di 760px.
L'ho allargata al 100% e ho aumentato la larghezza di:
#leftcontent a 180px
#rightcontent a 900px
#centersection a 600px
#rightsection a 190px e ho aggiunto un margine destro di 10px (margin: 0px 10px;)

Ti allego anche l'effetto finale. Non ci sono nè zone azzurre fuori dalla pagina.
Ti direi di prendere il foglio di stile originale e sostituirlo a quello che hai modificato (fattene comunque una copia)



[allegato eliminato da un amministratore]

[ventus85]

Per quanto riguarda il trasferimento, prima o poi dovrai pur farlo 

Eh, si!

Poi fare una esportazione del database in locale e importarlo nel database in remoto.

E' questa la cosa che non mi riesce fare...
Ricordo che in locale uso EasyPhp

In ultimo una piccola modifica al file configuration.php che troverai nelle miniguide del nostro wiki.

Ok, grazie, ci guardo!

Ti allego l'immagine di come vedo io il template sul sito che uso per fare le prove dei componenti.

Quando ho un quarto d'ora di tempo ci provo, ora sono immersa in due lavori...penso comunque entro tre giorni...almeno spero

Ti allego anche l'effetto finale. Non ci sono nè zone azzurre fuori dalla pagina.

Nemmeno rimpicciolendo la finestra?

Ti ringrazio x tutto...ti faccio sapere!