Personalizzazione css di un template

[Il Duca]

Ciao a tutti ragazzi sono nuovo di qui anche se vi leggo da circa 10 giorni, cioè da quando ho scoperto l'universo joomla...Prima di venire al dunque colgo l'occasione, in questo mio primo post nel forum, per farvi i complimenti per il servizio offerto sia nel forum sia nel portale.
Dopo le sviolin ...emh la presentaione vengo subito al tasto dolente
In questi giorni sto cercando di impratichirmi con il sistema dei template e dei fogli di stile con risultati alterni. In particolare sto cercadno di modificare a mio piacimento il template mp-cayuse (che allego al post).
Rispetto all'originale ho inserito i moduli "I più letti" e "ultime news" sopra il main body e ho creato un altra posizione per inserire altri moduli.
Il problema è che non riesco a modificare alcune caratteristiche dei moduli.
Proprio dopo aver scritto il post, ho effettuato un ultimo tentativo per modificare alcuni moduli e forse ho imbroccato la strada giusta. Volendo modificare infatti il font, il colore e l'immagine di sfondo dei moduli i più letti e ultime news, sono andato nella gestione moduli del pannello amministrazione e ai due moduli in oggetto ho applicato un vslore al Suffiso class CSS modulo. Scrivendo poi nel css .moduletable"nomeassegnatoalsuffisso" e applicando le tag sto mi pare che le modifiche che volevo applicare funzionino.
ora mi sento un po' un cogli.. per aver aperto il topic, fortuna che la mia ignoranza in materia è così vasta che ho subito pronta una domanda di riserva.


1)Come faccio a modificare i valori riferiti ai link di questi due moduli, sia quelli generali,sia quelli visited sia quelli hover...io ho provato inserendo a.moduletable"nomeassegnatoalsuffisso":link { ma non mi pare sia cambiato nulla...dove sbaglio?


ciao
Il Duca




[allegato eliminato da un amministratore]

[gallus]

Benvenuto 

Ti pregherei però in fututo di scrivere post con un titolo magari più utile al forum, quello attuale, che ti invito a cambiare non serve a nessuno

Per quanto riguarda la tua domanda se per modificare intendi dal punto di vista dell'aspetto devi mettere necessariamente mano al css, in breve:

il php/html definisce la struttura
il css l'aspetto

La tua domanda è però un po' troppo generica, cerca di essere un po' più dettagliato


p.s. suggerimento per titolo: Personalizzazione css di un template.

[Il Duca]

ciao gallus ti ringrazio per le dritte..
in pratica hai risposto mentre stavo modificando il post (non hai letto il ps? ) perchè è successo che dopo aver scritto il post ho ricevuto un'illuminazione e sono riuscito a risolvere in parte il mio problema (su cui verteva il topic appunto) per cui il post così com'era on aveva più tanto senso ..
sai darmi una mano sulla domanda del mio primo post così come è posta ora?
grazie e scate ancora per il casino

Il Duca

[gallus]

Scusa ma il punto è sempre lo stesso il css del template, scorrilo tutto con un editor e modifica quello che serve.

Il titolo del topic però non è corretto , ma grazie per averlo modificato

[Il Duca]

Che dovessi modificare il css c'ero arrivato anche io...
é il "modifica quello che serve" dove trovo delle difficoltà...se sapessi a quale stringa corrisponde la modifica che vorrei fare, l'avrei già fatto non credi? il problema è che io non so quale sia la classe corretta.tra l'altro nn so nemmeno se la stringa che inserisco sia corretta o meno.
 quello che ho fatto finora in tal senso è stato:
1)inserire la stringa :
     a.moduletable"nomeassegnatoalsuffisso":link  dove  nomeassegnatoalsuffisso sta per il nome che io ho inserito manualmente nella amministrazione dei moduli al modulo che mi interessa, come "Suffiso class CSS modulo" e non ho avuto nessun riscontro.
ho fatto questo perchè come ho scritto sopra sono riuscito a modificare il font e il colore dei più letti (modulo che mi interessa) solamente assegnando un valore al suffisso class css modulo...
mentre utilizzando le altre stringhe già presenti nel css originale del template(anche quelle che sembravano riferirsi appunto al modulo i più letti) non avevo ottenuto nulla.
spero di essermi spiegato un po' meglio...
alla luce di ciò sai darmi una mano?
thx


Il Duca

[joomlapixel]

Che dovessi modificare il css c'ero arrivato anche io...
é il "modifica quello che serve" dove trovo delle difficoltà...se sapessi a quale stringa corrisponde la modifica che vorrei fare, l'avrei già fatto non credi? il problema è che io non so quale sia la classe corretta.tra l'altro nn so nemmeno se la stringa che inserisco sia corretta o meno.
 quello che ho fatto finora in tal senso è stato:
1)inserire la stringa :
     a.moduletable"nomeassegnatoalsuffisso":link  dove  nomeassegnatoalsuffisso sta per il nome che io ho inserito manualmente nella amministrazione dei moduli al modulo che mi interessa, come "Suffiso class CSS modulo" e non ho avuto nessun riscontro.
ho fatto questo perchè come ho scritto sopra sono riuscito a modificare il font e il colore dei più letti (modulo che mi interessa) solamente assegnando un valore al suffisso class css modulo...
mentre utilizzando le altre stringhe già presenti nel css originale del template(anche quelle che sembravano riferirsi appunto al modulo i più letti) non avevo ottenuto nulla.
spero di essermi spiegato un po' meglio...
alla luce di ciò sai darmi una mano?
thx


Il Duca

la sintassi corretta dovrebbe esse questa:
.moduletableTUONOME a:link
{color:#666;}
.moduletableTUONOME a:visited
{color:#000;}
.moduletableTUONOME a:hover
{color:#999;}
fd

Ovviamente puoi impostare i parmatetri differenziandoli e raggruppando il tutto,l'ho scritto in questo modo perchè fosse chiaro

[Il Duca]

GRANDE francodanese !
Mi hai risolto un bel guaio, l'unica cosa che non capisco è perchè con la stringa .moduletableTUONOME a:link (color: numero colore;) non tutti i file del modulo cambiano colore ma solo alcuni sai darmi una risposta

cmq grazie ancora e grazie anche a gallus

il Duca

[joomlapixel]

GRANDE francodanese !
Mi hai risolto un bel guaio, l'unica cosa che non capisco è perchè con la stringa .moduletableTUONOME a:link (color: numero colore;) non tutti i file del modulo cambiano colore ma solo alcuni sai darmi una risposta

cmq grazie ancora e grazie anche a gallus

il Duca

Potresti segnalarmi quali cambiano e quali no?

[Il Duca]

dunque ti ringrazio per la tua gentilezza...ti allego l'immagine con i due moduli,  i link dovrebbero essere tutti rossi perchè conducono a collegamenti ipertestuali, invece solo due lo sono,  il resto sono grigi. Grigio è il colore dei link di tutto il sito

già che ci siamo..
sai dirmi come faccio a far si che i titoli Ultime notizie e i più letti non stiano così a sinistra ma stiano in centro ?
grazie ancora


Il Duca

p.s. molto bello il sito che hai in firma

[gallus]

francodanese è il master dei template quindi sei in buone mani... io a dire il vero ho fatto poco e posso poco al suo cospetto 

[joomlapixel]

francodanese è il master dei template quindi sei in buone mani... io a dire il vero ho fatto poco e posso poco al suo cospetto 

esagerato
 

[gallus]

Preferisci:

"il signore dei template" 

[joomlapixel]

dunque ti ringrazio per la tua gentilezza...ti allego l'immagine con i due moduli,  i link dovrebbero essere tutti rossi perchè conducono a collegamenti ipertestuali, invece solo due lo sono,  il resto sono grigi. Grigio è il colore dei link di tutto il sito

già che ci siamo..
sai dirmi come faccio a far si che i titoli Ultime notizie e i più letti non stiano così a sinistra ma stiano in centro ?
grazie ancora


Il Duca

p.s. molto bello il sito che hai in firma

non ci sono immagini allegate...
cmq
il css del tuo template ha delle classi già impostate per i moduli user1 (latest news......ultime notizie) e user2 (most read....i + polorari) ma come immaginavo le liste non sono impostate (ul)
avresti potuto impostare tutto di quà visto che era questa la domanda iniziale,se avessi fatto così avresti avuto la possibilità di avere moduli differenziati direttamente per loro.
In ogni caso per impostare il titolo dei moduli cerca:
table.moduletable td
e assegna i parametri che vuoi,ad es. text-align:center;
fd

[joomlapixel]

Preferisci:

"il signore dei template" 

oh no!
basta anche a me non avere le PARENTESI
 

[Il Duca]

si scusa per il ritardo francodanese...per errore non ho allegato l'immagine, provvedo subito...
Dunque hai fatto mezzo passo avanti e subito mi sono perso
dunque

il css del tuo template ha delle classi già impostate per i moduli user1 (latest news......ultime notizie) e user2 (most read....i + polorari) ma come immaginavo le liste non sono impostate (ul)

ecco provando a modificare queste stringhe non avevo alcun effetto, le liste impostate tra la'ltro, perdonami, ma non so esattamente cosa siano. Ho dovuto assegnare nuove classi ai due moduli per avere effetti. in pratica ho fatto questo per ottenere il risultato in immagine link

.moduletablepiuletti {
font-family:"Courier New", Courier, mono;
color:#0000FF;
font-size:24px;
text-align:justify;}
.moduletableultimenotizie {
font-family:"Courier New", Courier, mono;
color:#0000FF;}
.moduletablepiuletti a:link{
color:#FF0000;}
.moduletableultimenotizie a:link{
color:#FF0000;}
.moduletablepiuletti a:hover{
color:#FF0000;}
.moduletableultimenotizie a:hover{
color:#FF0000;}

ora nella mia ignoranza ho modificato quello che mi hai detto (table.moduletable td ) ma non è successo nulla, perciò pensando che non ci fossero effetti perchè avevo cambiato la classe ho fatto la mossa baruffi inserendo

table.moduletablepiuletti td{
text-align:center;}
table.moduletableultimenotizie td{
text-align:center;}

ma non è successo quasi nulla, anzi il fastidioso effetto che si vede nell'immagine link per cui non tutti i puntini sono allineati si è esteso così come si vede nella seconda immagine link2


[allegato eliminato da un amministratore]

[joomlapixel]

Credo che tu ti stia incartando..........
 
ascolta
riprendi il css originale e visto che ti interessano i moduli ultime notizie e i più letti agisci rispettivamente su:
latest news
mostread
impostanto qui sia i link semplici che le unordered list (ul) i titoli infatti vengono rappresentati come liste.
senza bisogno di assegnare nuove classi da dover poi richiamare da pannello di controllo.
fd

[Il Duca]

ok ho rimesso tutto come dicevi tu...sono punto a capo però.
1)funziona l'editing del testo per ciò che riguarda l'allineamento del testo e del titolo dei moduli,
2) non funziona l'aggiustamento del colore del testo e del titolo dei moduli.Del testo perchè sono collegamenti ipertestuali, perciò necessitano di stringhe diverse, del titolo non so perchè.
3)inserendo la stringa relativa ai collegamenti ipertestuali

.latestnews li a:link {
color:#FF0000;}
.latestnews li a:hover {
color:#000099;} e uguale per .mostread

funziona perfettamente il comando hover, mentre quello link, funziona solo per esempio faq 2 come mi accadeva precedentemente..

Il Duca

p.s. grazie per il tempo che mi stai dedicando

[joomlapixel]

ok ho rimesso tutto come dicevi tu...sono punto a capo però.
1)funziona l'editing del testo per ciò che riguarda l'allineamento del testo e del titolo dei moduli,
2) non funziona l'aggiustamento del colore del testo e del titolo dei moduli.Del testo perchè sono collegamenti ipertestuali, perciò necessitano di stringhe diverse, del titolo non so perchè.
3)inserendo la stringa relativa ai collegamenti ipertestuali

.latestnews li a:link {
color:#FF0000;}
.latestnews li a:hover {
color:#000099;} e uguale per .mostread

funziona perfettamente il comando hover, mentre quello link, funziona solo per esempio faq 2 come mi accadeva precedentemente..

Il Duca

p.s. grazie per il tempo che mi stai dedicando

Se vuoi tutto devi impostare tutto e non solo lo stato dei link.......

[Il Duca]

stai diventando sempre più ermetico si vede che ti sei rott'i ball di stami dietro..
in ogni caso grazie...


Il Duca

[joomlapixel]

stai diventando sempre più ermetico si vede che ti sei rott'i ball di stami dietro..
in ogni caso grazie...


Il Duca

Non è questione di ermetismo o di rottura..........credimi.
E' solo che anche noi abbiamo necessità comuni a tutti:
lavoro
famiglia
riposo
ci mettiamo tutta la buona volontà,ma alle volte è difficile riuscire in tutto.
ricapitolo il discorso cercando di essere + chiaro:
joomla ti dà la possibilità (avendo delle classi predefinite) di variare a tuo piacimento moltissimi parametri,nel tuo caso stiamo parlando di moduli,cerca dunque nel css del tuo template la voce relativa (è sufficiente scrivere "module" in pspad),fanne una bella copia,incolla,assegna un nome,varia i parametri relativi a titolo,contenuto e fondo del modulo,aggiungi i parametri relativi ai link e alle liste e salva.
Dopodichè sarà sufficiente assegnare ai moduli che ti interessano il richiamo dal pannello di controllo e avrai finito.
Capirai sicuramente che aiutarti nella configurazione di joomla è una cosa,fare un corso sui css è un altra.
I fogli di stile rappresentano una materia bellissima,che purtroppo è contaminata da quel "pollonio" che è IE (imparerai anche questo se già non lo sai),perciò oltre a seguire questo topic ti consiglio:
1) di leggere il tutorial di carloernesto in area download
2) recuperare di volta in volta le informazioni necessarie riguardo ai css.....
Se ci sono problemi ti chiedo solo di avere pazienza e di perseverare sia nelle richieste sia nello studio,entrambe le cose cmq,accresceranno il tuo bagaglio.
fd

[Il Duca]

ok francodanese guarda che la mia era solo una battuta...
per ciò che riguarda le guide le avevo già lette comprese altre su html.it, i problemmi riguardavano essenzialmente la resa sul broswer in quanto a comando (stringa ) che io ritenevo corretto non corrispondeva risultato grafico sperato...vuoi per errori miei (che tu mi hai corretto) vuoi anche per i problemi che hanno i broswer con i fogli di stile..


cmq visto che sono incorreggibile ho bisogno ancora di aiuto...voglio impostare la home page del sito che sto costruendo, a mo' di blog, con tante notizie una sopra l'altra, un po' come la home di joomla http://www.joomla.it/index.php. Come faccio? Ho letto questo contenuto http://wiki.joomla.it/index.php?title=Cosa_controlla_ci%C3%B2_che_%C3%A8_mostrato_in_prima_pagina%3Fma nell'amministrazione non appare da nessuna parte quanto scritto lì.
sai aiutarmi anche magari rimandandomi a qualche guida da leggere? grazie



Il Duca

[joomlapixel]

ok francodanese guarda che la mia era solo una battuta...
per ciò che riguarda le guide le avevo già lette comprese altre su html.it, i problemmi riguardavano essenzialmente la resa sul broswer in quanto a comando (stringa ) che io ritenevo corretto non corrispondeva risultato grafico sperato...vuoi per errori miei (che tu mi hai corretto) vuoi anche per i problemi che hanno i broswer con i fogli di stile..


cmq visto che sono incorreggibile ho bisogno ancora di aiuto...voglio impostare la home page del sito che sto costruendo, a mo' di blog, con tante notizie una sopra l'altra, un po' come la home di joomla http://www.joomla.it/index.php. Come faccio? Ho letto questo contenuto http://wiki.joomla.it/index.php?title=Cosa_controlla_ci%C3%B2_che_%C3%A8_mostrato_in_prima_pagina%3Fma nell'amministrazione non appare da nessuna parte quanto scritto lì.
sai aiutarmi anche magari rimandandomi a qualche guida da leggere? grazie



Il Duca

Certo...non ho frainteso,tranquillo.
dunque per avere le notizie in colonna unica devi semplicemente seguire questo percorso
pannello amministrativo di joomla-->gestione menu-->mainmenu-->voce home
e a destra vedrai le opzioni da settare,devi semplicemente mettere in numero di colonne che vuoi,nel tuo caso 1.
ciao e buon proseguimnento con joomla
fd

[Il Duca]

mittico ..effettivamente mi ero perso in un bicchier d'acqua....
francodanese non finirò mai di ringraziarti...
sai dirmi in un foglio css quale è la stringa che si riferisce allo stile dei titoli degli srticoli dell'homepage?
ciao

Il duca

[joomlapixel]

mittico ..effettivamente mi ero perso in un bicchier d'acqua....
francodanese non finirò mai di ringraziarti...
sai dirmi in un foglio css quale è la stringa che si riferisce allo stile dei titoli degli srticoli dell'homepage?
ciao

Il duca

nel tuo alla riga 250
contentpagetitle tra le parentesi inserisci le dichiarazioni relative ai font
fd

[Il Duca]

intanto grazie per la risposta..
cmq era quello che avevo fatto io senz'esito. Dopo un po' di tentativi sono riuscito a modificare il colore e la dimensione del titolo agendo sulla stringa td.contentheading ...tuttavia non sono risucito in alcun modo a modificare il tipo di carattere...hai qualche idea?