Back to top

Autore Topic: Caro template, ti analizzo... Come riconoscere le parti di un template...  (Letto 14926 volte)

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Vi presento il mio terzo articolo che nasce dalla volontà di ricordare come sia produttivo associare la ricchezza di Firefox al nostro amato CMS. In queste poche righe vi parlerò di Firebug mostrandovi come può aiutarci a riconoscere le varie parti del template, a darvi un nome e a vedere a video che effetti avrebbero le nostre modifiche quando mettiamo le mani nei CSS!!!

Spero di avervi fatto cosa gradita.
Un saluto a tutti e dò ufficialmente il via ai suggerimenti, alle proposte di integrazione, alle segnalazioni e tutto quello che volete.

Link: http://www.joomla.it/articoli-della-community/804-caro-template-ti-analizzo-come-riconoscere-le-parti-di-un-template.html
« Ultima modifica: 18 Gen 2009, 20:28:43 da alexred »

Offline albertopava

  • Nuovo arrivato
  • *
  • Post: 9
  • Sesso: Maschio
    • Mostra profilo
Ottimo articolo e ottimo anche il plugin Firebug...
Stavo proprio lavorando su un template e l'articolo è arrivato proprio al momento giusto.

Grazie mille!!!

Offline ventus85

  • Instancabile
  • ******
  • Post: 6538
  • Sesso: Femmina
  • Affetta da Joomlaite
    • Mostra profilo
Spiegato in maniera semplice.
Sarà di sicuro aiuto, complimenti!
Se volete aiuto non mandate messaggi privati, ma usate la funzione Cerca e postate sul forum, grazie!

Born in the wind, born to be wild!

Offline Marco Italia

  • Esploratore
  • **
  • Post: 72
  • Sesso: Maschio
    • Mostra profilo
Ottimo articoletto: lungo il giusto, ma con tutte le indicazioni che servono per incominciare a smanettare.
Grazie!
M.

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Grazie a tutti, ragazzi.
Angela  ;)

Offline maxnumero1

  • Esploratore
  • **
  • Post: 171
  • Sesso: Maschio
    • Mostra profilo
posso avere una delucidazione riguardo al codice html?
cosa si intende per: Ereditato da
mI soOn coompraTO un iMac e sTò bENisSiMHO

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Certo, maxnumero. Tutte le delucidazioni che vuoi. Fammi capire meglio cosa non hai compreso.

Offline maxnumero1

  • Esploratore
  • **
  • Post: 171
  • Sesso: Maschio
    • Mostra profilo
tasto destro,analizza elemento,viene fuori nella parte destra in alto:EREDITATO DA
forse si tratta del percorso del tag
mI soOn coompraTO un iMac e sTò bENisSiMHO

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Ci vorrebbe un esperto di CSS, maxnumero. Ed io posso dirti solo questo che segue. Dunque, nel pannello destro di Firebug, sono elencati gli stili CSS applicati. Per primi sono elencati gli stili diretti, ovvero applicati direttamente ai tag che compongono la zona selezionata. Dopo gli stili diretti sono mostrati gli stili ereditati.
Ora ti riporto una citazione linkandoti la fonte e spero che risponda al tuo quesito in maniera chiara:
"alcuni stili vengono ereditati da un elemento contenuto. Ovvero, ci sono alcune proprietà che tramandano il loro valore ai “figli” dell’elemento a cui sono applicate. Cerchiamo di spiegare meglio con un esempio. Se uso questa regola:

body {font-family: Verdana;}

per indicare che una pagina deve essere scritta usando il font Verdana, significa che tutti gli elementi in <body> saranno scritti con questo font a meno che non sia specificato diversamente per il singolo elemento.
Quindi, se alla regola precedente aggiungo questa:

h1 {font-family: Arial;}

significa che tutto il contenuto di <body> sarà scritto in Verdana, tranne i titoli <h1> che useranno l’Arial. In pratica, possiamo dire che l’indicazione più specifica prevale su quella eventualmente ereditata."
Fonte: http://www.comefarea.it/internet/css/introduzione/


Un saluto
Angela

Offline maxnumero1

  • Esploratore
  • **
  • Post: 171
  • Sesso: Maschio
    • Mostra profilo
ti ringrazio della risposta :-\
mI soOn coompraTO un iMac e sTò bENisSiMHO

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Di nulla, maxnumero1 

Offline mumu

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Ripesco questo post per chiedere a voi un dubbio. I file che contengono i css interessati vengono indicati sulla dx nel riquadro, ed il file HTML a cui si riferisce il codice sulla sx dove viene indicato?

Nel mio caso ho seguito il tutorial e sfruttando la funzione layout sulla dx di Firebug, ho aggiunto un margine inferiore al div relatiovo ad un footer contenente Copyright etc. etc...

La funzione layout mi va ad inserire le modifiche nel ' HTML stesso, ecco quindi la necessità di scopreire su quale file andare a scrivere!

Grazie mille per il tutorial e per l'aiutino speriamo!

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo

La funzione layout mi va ad inserire le modifiche nel ' HTML stesso, ecco quindi la necessità di scopreire su quale file andare a scrivere!


Ciao mumu. Grazie per l'intervento.
Dunque, per quanto riguarda il file da modificare.... cerchi il file index.php (puoi modificare tale file anche dal pannello di amministrazione). Mi raccomando, prima di fare ogni modifica, salva una copia originale sia del CSS che del file index.php.
Un saluto ;)
« Ultima modifica: 21 Gen 2009, 00:28:10 da cassy »

Offline immaginiAmo

  • Esploratore
  • **
  • Post: 61
  • Sesso: Maschio
    • Mostra profilo
Vi presento il mio terzo articolo che nasce dalla volontà di ricordare come sia produttivo associare la ricchezza di Firefox al nostro amato CMS. In queste poche righe vi parlerò di Firebug mostrandovi come può aiutarci a riconoscere le varie parti del template, a darvi un nome e a vedere a video che effetti avrebbero le nostre modifiche quando mettiamo le mani nei CSS!!!

Spero di avervi fatto cosa gradita.
Un saluto a tutti e dò ufficialmente il via ai suggerimenti, alle proposte di integrazione, alle segnalazioni e tutto quello che volete.

Link: http://www.joomla.it/articoli-della-community/804-caro-template-ti-analizzo-come-riconoscere-le-parti-di-un-template.html

Sei un grande! Complimenti e Grazie

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Grazie a te ImmaginiAmo per averlo letto e apprezzato. E' stato un piacere.
Angela

Offline maxnumero1

  • Esploratore
  • **
  • Post: 171
  • Sesso: Maschio
    • Mostra profilo
dopo qualche tempo ho ripreso a smanettare sui menu
come faccio a sapere e cambiare il colore di rollover,ossia il colore che assume un testo quando ci passo sopra?
mI soOn coompraTO un iMac e sTò bENisSiMHO

Offline lulu1

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Femmina
    • Mostra profilo
Ciao e scusami, ho provato a scaricare l'estensione che dici tu ma si scarica solo un foglio. Ho Firefox non è che sia incormporata questa estensione? Estensione per capire come fare un template Joomla! Grazie mille Luisa :-*

Offline lulu1

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Femmina
    • Mostra profilo
Ciao, non riesco a scaricare l'estensione Firebug, vado sul sito:

http://www.extenzilla.org/scheda_estensione.php?id=637.......ma mi si scarica un foglio che posso fare?! Grazie! :-*

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 7038
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Ciao, non riesco a scaricare l'estensione Firebug, vado sul sito:

http://www.extenzilla.org/scheda_estensione.php?id=637.......ma mi si scarica un foglio che posso fare?! Grazie! :-*

Ciao carissima, vai qui:

https://addons.mozilla.org/it/firefox/addon/1843

Buon lavoro!
« Ultima modifica: 14 Mar 2009, 01:25:35 da ilvanni »

Offline NeoPHPfita

  • Ulcera
  • Nuovo arrivato
  • *
  • Post: 12
    • Mostra profilo
Scusate se vi riapro a distanza questo forum volevo chiedere c'è anche l'evoluzione di  "Firebug per Firefox " citato  nel tutorial ? Perchè è da quest'anno che mi sono riavvicinato a joomla e quindi volevo avere tutto l'indispensabile per usare.


Grazie
non importa l'ho cercato tramite una googleata !

 E nuovamente scusa per avervi riaperto il post.  :D
 
« Ultima modifica: 03 Set 2011, 09:13:52 da NeoPHPfita »

 



Web Design Bolzano Kreatif