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 => : ventus85 18 Sep 2007, 12:52:01
-
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!
-
Ciao.
Da dove lo hai scaricato?
Così lo scarico anche io e vediamo...
-
Sinceramente mi sembrava da qui...
Eccolo...http://www.diplod.it/2007/04/09/template-gratuito-per-joomla/ (http://www.diplod.it/2007/04/09/template-gratuito-per-joomla/)
-
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" ;D ;D
[allegato eliminato da un amministratore]
-
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! :D
Edit: avevo fatto casino tra rightsection e rightcontent...
-
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/
-
E per quel problema di quando rimpicciolisco la finestra la parte sinistra mi va sullo sfondo azzurro come posso fare?
Grazie...
-
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). :D
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
-
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!
:)
-
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...
-
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.
-
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?
-
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!! :D
-
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!
-
l'attributo è font-weight: bold, la classe dovrebbe essere a.mainlevel
-
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?
-
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 8)
-
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... :-[
-
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]
-
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!
-
Allego immagine di quell'effetto che fa sulla parte destra del sito quando rimpicciolisco la finestra.
Ho scoperto che succede anche nel file css originale... :(
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%
Quindi devo mettere wrapper a 760px e maincontent (o page?) con width:100% ?
[allegato eliminato da un amministratore]
-
Con i valori dati da te, bigham , su Firefox va bene e anche le notizie me le mette sotto normalmente.
Però su IE7 ha due problemi:
-il blocco "centrale" e "sinistro(centersection nel foglio di stile per il primo,rightsection per il secondo e rightcontent per entrambi) vengono buttati sotto e rimane al suo posto solo leftcontent con accanto tutto lo spazio bianco.
-se clicco su una notiza essa compare in uno stretto spazio posto tra centersection e rightsection.
E il problema detto nel messaggio precedente non è risolto in entrambi.
Ora la cosa mi fa alquanto arrabbiare.
Comunque per quei dati che mi hai dato sono più che soddisfatta della larghezze della centersection, grazie!
Però dai ragazzi, non è possibile che cambi così da un browser all'altro!
Un'altra volta ho avuto lo stesso problema e ho scoperto che su IE6 faceva come su Firefox mentre su IE7 dava il primo problema descritto!
Non è possibile!!! >:(
-
Con i valori dati da te, bigham , su Firefox va bene e anche le notizie me le mette sotto normalmente.
Però su IE7 ha due problemi:
-il blocco "centrale" e "sinistro(centersection nel foglio di stile per il primo,rightsection per il secondo e rightcontent per entrambi) vengono buttati sotto e rimane al suo posto solo leftcontent con accanto tutto lo spazio bianco.
-se clicco su una notiza essa compare in uno stretto spazio posto tra centersection e rightsection.
E il problema detto nel messaggio precedente non è risolto in entrambi.
Ora la cosa mi fa alquanto arrabbiare.
Comunque per quei dati che mi hai dato sono più che soddisfatta della larghezze della centersection, grazie!
Però dai ragazzi, non è possibile che cambi così da un browser all'altro!
Un'altra volta ho avuto lo stesso problema e ho scoperto che su IE6 faceva come su Firefox mentre su IE7 dava il primo problema descritto!
Non è possibile!!! >:(
Purtroppo uno dei più grossi problemi lavorando con i template è proprio IE. Pur essendo uno standard il foglio di stile (CSS) non viene recepito dal browser Microzozz. E questo ci fa dannare l'anima per cercare di far si che la pagina venga visualizzata nel migliore dei modi su qualsiasi browser.
Ho visto che con IE, rispetto alle impostazioni che ti ho dato io, sballa la parte centrale e la parte destra.
A questo punto riproverei a modificare magari solo la larghezza della colonna sinistra riducendola un pò (io mi ero tenuto largo).
-
OK
con un leftcontent largo 160 e un rightcontent largo 850 la parte centrale del template ritorna allineata anche in IE
Io però non ho ancora capito se la visualizzazione del template a tutta pagina ti va bene o no. :D
A me sembra la soluzione migliore quando si hanno tanti contenuti da visualizzare.
Ciao
-
Un'altra soluzione: esprimere i valori delle larghezze in percentuale.
Ti allego il foglio di stile modificato.
In questo modo il template diventa 'elastico'. Nel senso che si adatta al variare delle dimensioni della finestra del browser.
Ciauz!!!
[allegato eliminato da un amministratore]
-
Sto cominciando ad odiare sul serio IE... >:(
-
Con il codice di bigham, il problema sul bordo destro non compare...ma segue gli schemi di usabilità un layout "elastico"?
Su IE e Firefox viene visualizzato nello stesso modo. Ora però voglio provare a spostare il leftcontent (colonna dx) un po' più centrale sennò è brutto perchè poi sulla sinistra rimane troppo vuoto...
Il problema delle notizie non è risolto, però ho fatto caso ad una cosa molto strana e anomala: se inserisco una notizia e lascio i campi come Autore, Data di creazione, Data di modifica,bottone indietro e così via rimane sotto al suo posto, se li metto nascosti invece su IE7 trasla sulla "mini-colonna tra centersection e rightsection". Mah, la cosa è alquanto strana...però ci sono cose peggiori...
-
Sto cominciando ad odiare sul serio IE... >:(
;D ;D ;D E fai bene! ;D ;D ;D
Non volgio gettare la spugna ma... l'idea di cambiare template ti ha mai sfiorato? ;D
Io al posto tuo lo avrei da tempo abbandonato. Non è detto che tutti i template vadano bene. ;D
Era solo un'idea. Non prendertela! andiamo avanti e.. facciamoci di mmale!! ;D
Diciamo che si avvicina molto agli schemi dei layout elastici. Fino a 800x600 non sballano le zone del template.
-
Diciamo che si avvicina molto agli schemi dei layout elastici. Fino a 800x600 non sballano le zone del template.
Qui l'unico problema è quando rimpicciolisco di parecchio mi sballano un po' (le righe del menù a destra vanno su due righe la cui seconda va addosso alla voce successiva e il blocco centrale+sinistra vengono slittati sotto a quello di destra), credo che mi sa ritornerò alle dimensioni iniziali anche se rimane quel problema sul lato destro.
Cambiare mi scoccia perchè è un sito che ha come colori ufficiali l'azzurro e il giallo così mi piaceva quello...se però ne trovo uno abbastanza simile, ma la ricerca per colori non è contemplata purtroppo...
-
Scusami, ma...
Per provocare il disallineamento del template bisogna scendere sotto gli 800x600 di risoluzione.
E chi ti credi che lavori ancora a 640x480?? ;D ;D
Da 800x600 fino alla massima possibile risoluzione si vede benissimo! perchè devi andare sotto??
Non capisco questa cosa. ;D
-
Scusami, ma...
Per provocare il disallineamento del template bisogna scendere sotto gli 800x600 di risoluzione.
E chi ti credi che lavori ancora a 640x480?? ;D ;D
Da 800x600 fino alla massima possibile risoluzione si vede benissimo! perchè devi andare sotto??
Non capisco questa cosa. ;D
Infatti, e x me questo va bene!!!
Ti spiego: il prof che mi deve controllare il progetto (è una parte di un esame e poi visto che ci sono lo pubblico anche) e se vuole fare il birbone...
-
Ah! Scoperto l'arcano (a e anche l'argatto e l'artopo ;D)
Da ex prof. ti posso assicurare che se anche fai la cosa più bella del mondo, perfetta e senza macchia... se vuole farti cadere, lo fa a prescindere ;)
Comunque, mi sembra difficile che si possa andare sotto la risoluzione minima di 800x600. In ogni caso la risposta è pronta: "ma lei pensa che ci sia ancora qualcuno che lavora a una risoluzione di 640x480???"
Forse ti stai creando troppe paranoie ?? ;D
Adesso mi hai fatto venire la curiosità: in quale ambito si svolge questo "esame"?
Non è che, per caso, è un master universitario? Perchè ho dei colleghi di lavoro che mi stanno assillando per spiegargli Joomla e io faccio orecchie da mercante anche perchè in ufficio non è che abbia tutto questo tempo da dedicargli.
Quasi quasi gli dico di iscriversi al Forum di Joomla.it ;D ;D
Ciao e fammi sapere
-
Ah! Scoperto l'arcano (a e anche l'argatto e l'artopo ;D)
Da ex prof. ti posso assicurare che se anche fai la cosa più bella del mondo, perfetta e senza macchia... se vuole farti cadere, lo fa a prescindere ;)
Comunque, mi sembra difficile che si possa andare sotto la risoluzione minima di 800x600. In ogni caso la risposta è pronta: "ma lei pensa che ci sia ancora qualcuno che lavora a una risoluzione di 640x480???"
Forse ti stai creando troppe paranoie ?? ;D
Adesso mi hai fatto venire la curiosità: in quale ambito si svolge questo "esame"?
Non è che, per caso, è un master universitario? Perchè ho dei colleghi di lavoro che mi stanno assillando per spiegargli Joomla e io faccio orecchie da mercante anche perchè in ufficio non è che abbia tutto questo tempo da dedicargli.
Quasi quasi gli dico di iscriversi al Forum di Joomla.it ;D ;D
Ciao e fammi sapere
No no, è un esame semplice...magari fossi a fare un master! Un master poi in design e usabilità web sarebbe il mio sogno...
Ho visto che comunque il problema è dato dagli elementi top_bg e fotter_bg, sono quelli che non arrivano in fondo!
Intanto ho migliorato mettendo il body bianco, così invece che quella striscifata blu l'ho bianca che è già meglio...
Bah... Forse si, troppe paranoie...
Beh, il consiglio di iscriversi a Joomla è ottimo, se vogliono ottenere qualcosa di più lo faranno e ti assilleranno meno, se invece "non hanno voglia" continueranno in ogni caso ad assillarti, quindi io ti consiglio di consigliare il forum di Joomla (Che frase!).
-
Allora ho deciso di fare così: il layout "elastico" con però improntato le altre proprietà del css originale (tipo gli stili dei font).
L'esame l'ho lunedì, poi quando si decideranno a comprarmi il dominio lo pubblico e vi do l'indirizzo, così finalmente vedremo i nostri (miei ed anche vostri che mi avete risposto) risultati!
Grazie!
-
Bhe! nel frattempo potresti anche pubblicarlo su uno spazio free! ;)
Che si dice in questi casi?
In bocca al lupo?
In culo alla balena?
o come dicono in Spagna: Mucha Mierda!!! ;D ;D
Fammi sapere dell'esame! :D
-
Esame benone!!!
30!
Davvero!
Ora appena l'associazione mi dà il permesso di comprare l'host lo butto su internet e vi do l'indirizzo...
Grazie!
-
Grande!! Complimenti
Hai visto che ti sei fatta tante paranoie per nulla!! ;D
E poi 30 è una bella soddisfazione. ;)
E allora alla prossima. Tanto ci risentiamo di sicuro quando dovrai metterlo on-line ;D ;D
un abbraccio e alla prossima
-
Mi rendo conto che più invecchio e più divento perfezionista...
30 non perchè era perfetto (c'erano due o tre errorini-ini del tipo avevo messo i file da scaricare in vari formati compresi doc e ppt, cosa da evitare perchè l'utente in teoria potrebbe modificarli e screditare il sito spacciandoli per originali...oh,non sono l'unica a farsi le paranoie!), ma perchè l'ho fatto da me e non in gruppo e ho fatto una sana e lunga relazione che analizzava tutti gli aspetti (confronto con sito senza Joomla, gestione dell'informazione, colori, codice ecc ecc) quindi mi ha aumentato di due punti.
Comunque ho una mezza intenzione di sentire l'autore del template, così gli mostro il bug e questa discussione con varie soluzioni...quando ho un attimo di tempo magari...
-
Ti dico la verità: sono tremendamente curioso di leggere la tua relazione. ;D
Sono curioso per natura (in materia informatica chiaramente), peggio di una suocera ;D
Se ti va.... se non sono troppo impiccione... dillo, non mi offendo ;D
Ciao
-
Ti dico la verità: sono tremendamente curioso di leggere la tua relazione. ;D
Sono curioso per natura (in materia informatica chiaramente), peggio di una suocera ;D
Se ti va.... se non sono troppo impiccione... dillo, non mi offendo ;D
Ciao
No, ci mancherebbe...poi dopo oggi essere riuscita a connettermi con la wireless+Vista dalla rete universitaria (hanno, dopo mesi, cambiato le impostazioni sennò Vista impediva il reindirizzamento...) darei la mia relazione anche al Papa!
-
Non mi ritengo alla sua altezza, ma... ;D
Ti ringrazio.
Vedo che sei bella gasata ;D ;D ;D
La mia email è nel mio profilo. Quando vuoi puoi mandarmela.
Ciauz!! ;D
-
Per chi gli interessa l'effetto finale, da alcuni giorni ho il sito on-line quindi mandatemi un MP e vi mando il link...
Ciao e grazie! :) :) :)